{"id":2624,"date":"2023-10-18T09:48:00","date_gmt":"2023-10-18T01:48:00","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2624"},"modified":"2025-06-02T04:27:03","modified_gmt":"2025-06-01T20:27:03","slug":"self-awareness-ability","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/self-awareness-ability","title":{"rendered":"\u81ea\u6211\u8ba4\u77e5\u80fd\u529b\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0815\u9898\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    <!-- \u5f15\u5c0e\u9801 -->\n    <section id=\"intro-page\" class=\"py-5\" data-page=\"intro\">\n        <div class=\"container\">\n            <div class=\"row justify-content-center\">\n                <div class=\"col-lg-8 col-xl-6\">\n                    <header class=\"text-center mb-5\">\n                        <h2 class=\"display-4 fw-bold text-success mb-3\">\u81ea\u6211\u8a8d\u77e5\u80fd\u529b\u6e2c\u9a57<\/h2>\n                        <p class=\"lead fs-4 text-muted mb-4\">\u6df1\u5165\u4e86\u89e3\u60a8\u7684\u60c5\u7dd2\u611f\u77e5\u8207\u81ea\u6211\u89ba\u5bdf\u80fd\u529b<\/p>\n                    <\/header>\n\n                    <main>\n                        <div class=\"row g-4 mb-5\">\n                            <div class=\"col-md-4\">\n                                <div class=\"text-center\">\n                                    <div class=\"bg-info bg-gradient rounded-circle d-inline-flex align-items-center justify-content-center mb-3 shadow\" style=\"width: 80px; height: 80px;\">\n                                        <i class=\"bi bi-clock text-white\" style=\"font-size: 2rem;\"><\/i>\n                                    <\/div>\n                                    <h4 class=\"h4 fw-semibold\">\u5feb\u901f\u5b8c\u6210<\/h4>\n                                    <p class=\"text-muted\">\u50c5\u9700 3-5 \u5206\u9418\u5373\u53ef\u5b8c\u6210\u6e2c\u9a57<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"col-md-4\">\n                                <div class=\"text-center\">\n                                    <div class=\"bg-success bg-gradient rounded-circle d-inline-flex align-items-center justify-content-center mb-3 shadow\" style=\"width: 80px; height: 80px;\">\n                                        <i class=\"bi bi-shield-check text-white\" style=\"font-size: 2rem;\"><\/i>\n                                    <\/div>\n                                    <h4 class=\"h4 fw-semibold\">\u79d1\u5b66\u8bc4\u4f30<\/h4>\n                                    <p class=\"text-muted\">\u57fa\u65bc\u5fc3\u7406\u5b78\u7406\u8ad6\u7684\u5c08\u696d\u6e2c\u9a57\u5de5\u5177<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"col-md-4\">\n                                <div class=\"text-center\">\n                                    <div class=\"bg-warning bg-gradient rounded-circle d-inline-flex align-items-center justify-content-center mb-3 shadow\" style=\"width: 80px; height: 80px;\">\n                                        <i class=\"bi bi-graph-up text-white\" style=\"font-size: 2rem;\"><\/i>\n                                    <\/div>\n                                    <h4 class=\"h4 fw-semibold\">\u6df1\u5ea6\u5206\u6790<\/h4>\n                                    <p class=\"text-muted\">\u7372\u5f97\u8a73\u7d30\u7684\u500b\u4eba\u7279\u8cea\u5206\u6790\u5831\u544a<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"card border-0 shadow-lg mb-4\">\n                            <div class=\"card-body p-4\">\n                                <h3 class=\"h3 fw-semibold mb-3 text-success\">\u6e2c\u9a57\u8aaa\u660e<\/h3>\n                                <ul class=\"list-unstyled fs-5\">\n                                    <li class=\"d-flex align-items-start mb-3\">\n                                        <i class=\"bi bi-check-circle-fill text-success me-3 mt-1\"><\/i>\n                                        <span>\u672c\u6e2c\u9a57\u5305\u542b 15 \u9053\u9078\u64c7\u984c\uff0c\u6bcf\u984c\u6709 3 \u500b\u9078\u9805<\/span>\n                                    <\/li>\n                                    <li class=\"d-flex align-items-start mb-3\">\n                                        <i class=\"bi bi-check-circle-fill text-success me-3 mt-1\"><\/i>\n                                        <span>\u8acb\u6839\u64da\u60a8\u7684\u771f\u5be6\u611f\u53d7\u9078\u64c7\u6700\u7b26\u5408\u7684\u7b54\u6848<\/span>\n                                    <\/li>\n                                    <li class=\"d-flex align-items-start mb-3\">\n                                        <i class=\"bi bi-check-circle-fill text-success me-3 mt-1\"><\/i>\n                                        <span>\u9078\u9805\u6c92\u6709\u5c0d\u932f\u4e4b\u5206\uff0c\u8acb\u8aa0\u5be6\u4f5c\u7b54<\/span>\n                                    <\/li>\n                                    <li class=\"d-flex align-items-start\">\n                                        <i class=\"bi bi-check-circle-fill text-success me-3 mt-1\"><\/i>\n                                        <span>\u5b8c\u6210\u5f8c\u5c07\u5373\u6642\u7372\u5f97\u60a8\u7684\u500b\u4eba\u5206\u6790\u5831\u544a<\/span>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"text-center\">\n                            <button class=\"btn btn-success btn-lg px-5 py-3 shadow-lg rounded-pill fs-4\" data-action=\"start-test\">\n                                <i class=\"bi bi-play-circle me-2\"><\/i>\u5f00\u59cb\u6d4b\u9a8c\n                            <\/button>\n                        <\/div>\n                    <\/main>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u6e2c\u9a57\u9801 -->\n    <section id=\"test-page\" class=\"py-5 d-none\" data-page=\"test\">\n        <div class=\"container\">\n            <div class=\"row justify-content-center\">\n                <div class=\"col-lg-8 col-xl-7\">\n                    <header class=\"text-center mb-4\">\n                        <h2 class=\"h3 fw-bold text-success mb-3\">\u81ea\u6211\u8a8d\u77e5\u80fd\u529b\u6e2c\u9a57<\/h2>\n                        \n                        <!-- \u9032\u5ea6\u689d -->\n                        <div class=\"mb-4\">\n                            <div class=\"d-flex justify-content-between align-items-center mb-2\">\n                                <span class=\"badge bg-success fs-6\" data-progress-text>\u95ee\u98981\/15<\/span>\n                                <span class=\"text-muted small\" data-progress-percent>7%<\/span>\n                            <\/div>\n                            <div class=\"progress\" style=\"height: 8px;\">\n                                <div class=\"progress-bar bg-success bg-gradient\" role=\"progressbar\" data-progress-bar style=\"width: 7%\" aria-valuenow=\"7\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/header>\n\n                    <main>\n                        <!-- \u984c\u76ee\u5bb9\u5668 -->\n                        <div class=\"card border-0 shadow-lg mb-4\">\n                            <div class=\"card-body p-4 p-md-5\">\n                                <h3 class=\"fw-bold mb-4 text-dark fs-4\" data-question-text>\n                                    <!-- \u984c\u76ee\u5c07\u52d5\u614b\u8f09\u5165 -->\n                                <\/h3>\n                                \n                                <div class=\"d-grid gap-3\" data-options-container>\n                                    <!-- \u9078\u9805\u5c07\u52d5\u614b\u8f09\u5165 -->\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- \u5c0e\u822a\u6309\u9215 -->\n                        <div class=\"text-center\">\n                            <button class=\"btn btn-outline-secondary btn-lg px-4 d-none\" data-action=\"prev-question\">\n                                <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n                            <\/button>\n                        <\/div>\n                    <\/main>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u7d50\u679c\u9801 -->\n    <section id=\"result-page\" class=\"py-5 d-none\" data-page=\"result\">\n        <div class=\"container\">\n            <div class=\"row justify-content-center\">\n                <div class=\"col-lg-10 col-xl-8\">\n                    <header class=\"text-center mb-5\">\n                        <div class=\"mb-4\">\n                            <div class=\"d-inline-flex align-items-center justify-content-center bg-success bg-gradient rounded-circle shadow-lg\" style=\"width: 120px; height: 120px;\">\n                                <i class=\"bi bi-check-circle text-white\" style=\"font-size: 3.5rem;\"><\/i>\n                            <\/div>\n                        <\/div>\n                        <h2 class=\"display-4 fw-bold text-success mb-3\">\u6e2c\u9a57\u5b8c\u6210\uff01<\/h2>\n                        <p class=\"lead fs-4 text-muted\">\u4ee5\u4e0b\u662f\u60a8\u7684\u500b\u4eba\u5206\u6790\u5831\u544a<\/p>\n                    <\/header>\n\n                    <main>\n                        <!-- \u5206\u6578\u5340\u9593\u5716 -->\n                        <div class=\"card border-0 shadow-lg mb-5\">\n                            <div class=\"card-body p-4\">\n                                <h4 class=\"h3 fw-semibold mb-4 text-success text-center\">\u60a8\u7684\u6d4b\u9a8c\u7ed3\u679c<\/h4>\n                                \n                                <!-- \u985e\u578b\u6a19\u984c -->\n                                <div class=\"text-center mb-4\">\n                                    <h3 class=\"display-6 fw-bold mb-3\" data-score-category>\u8a08\u7b97\u4e2d&#8230;<\/h3>\n                                    <p class=\"fs-5 text-muted\" data-category-description>\u5206\u6790\u60a8\u7684\u60c5\u7dd2\u8a8d\u77e5\u7279\u5fb5<\/p>\n                                <\/div>\n\n                                <!-- \u5206\u6578\u5340\u9593\u5716 -->\n                                <div class=\"mb-4\" data-score-chart>\n                                    <div class=\"row text-center mb-2\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-muted mb-1\">\u60c5\u611f\u9ebb\u6728\u578b<\/p>\n                                            <p class=\"text-muted fw-semibold fs-6\">15-25\u5206<\/p>\n                                        <\/div>\n                                        <div class=\"col-4\">\n                                            <p class=\"text-muted mb-1\">\u9069\u4e2d\u578b<\/p>\n                                            <p class=\"text-muted fw-semibold fs-6\">26-35\u5206<\/p>\n                                        <\/div>\n                                        <div class=\"col-4\">\n                                            <p class=\"text-muted mb-1\">\u654f\u611f\u578b<\/p>\n                                            <p class=\"text-muted fw-semibold fs-6\">36-45\u5206<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"progress mb-3\" style=\"height: 40px;\">\n                                        <div class=\"progress-bar bg-warning\" style=\"width: 33.33%\">\n                                            <span class=\"text-dark fw-semibold\">\u9ebb\u6728\u578b<\/span>\n                                        <\/div>\n                                        <div class=\"progress-bar bg-info\" style=\"width: 33.33%\">\n                                            <span class=\"text-white fw-semibold\">\u9069\u4e2d\u578b<\/span>\n                                        <\/div>\n                                        <div class=\"progress-bar bg-success\" style=\"width: 33.34%\">\n                                            <span class=\"text-white fw-semibold\">\u654f\u611f\u578b<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <!-- \u7528\u6236\u4f4d\u7f6e\u6a19\u8a18 -->\n                                    <div class=\"position-relative\">\n                                        <div class=\"position-absolute top-0 d-flex flex-column align-items-center\" data-user-position style=\"left: 50%; transform: translateX(-50%);\">\n                                            <i class=\"bi bi-caret-up-fill text-danger fs-3\"><\/i>\n                                            <span class=\"badge bg-danger text-white fs-6\">\u60a8\u7684\u4f4d\u7f6e<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- \u8a73\u7d30\u5206\u6790 -->\n                        <div class=\"card border-0 shadow-lg mb-5\">\n                            <div class=\"card-body p-4 p-md-5\">\n                                <h4 class=\"h3 fw-semibold mb-4 text-success\">\u8be6\u7ec6\u5206\u6790<\/h4>\n                                <div data-result-analysis>\n                                    <!-- \u5206\u6790\u5167\u5bb9\u5c07\u52d5\u614b\u8f09\u5165 -->\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- \u91cd\u65b0\u6e2c\u8a66\u6309\u9215 -->\n                        <div class=\"text-center\">\n                            <button class=\"btn btn-success btn-lg px-5 py-3 shadow-lg rounded-pill fs-4\" data-action=\"restart-test\">\n                                <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n                            <\/button>\n                        <\/div>\n                    <\/main>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CSS \u6a23\u5f0f -->\n    <style>\n        \/* \u57fa\u790e\u5b57\u9ad4\u8a2d\u5b9a *\/\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n\n        \/* \u9078\u9805\u5361\u7247\u6a23\u5f0f *\/\n        .option-card {\n            border: 2px solid #e9ecef;\n            border-radius: 16px;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            background: linear-gradient(145deg, #ffffff, #f8f9fa);\n        }\n\n        .option-card:hover {\n            border-color: #198754;\n            background: linear-gradient(145deg, #f8f9fa, #e9ecef);\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(25, 135, 84, 0.15) !important;\n        }\n\n        .option-card:hover .option-icon {\n            background: linear-gradient(145deg, #198754, #157347) !important;\n        }\n\n        .option-card:hover .option-icon .badge {\n            background-color: white !important;\n            color: #198754 !important;\n        }\n\n        .option-card:hover .bi-chevron-right {\n            color: #198754 !important;\n            transform: translateX(5px);\n        }\n\n        .option-card.selected {\n            background: linear-gradient(145deg, #198754, #157347);\n            border-color: #198754;\n            color: white;\n            box-shadow: 0 8px 30px rgba(25, 135, 84, 0.4) !important;\n            transform: translateY(-3px);\n        }\n\n        .option-card.selected .card-body p {\n            color: white;\n        }\n\n        .option-card.selected .option-icon {\n            background: rgba(255, 255, 255, 0.2) !important;\n        }\n\n        .option-card.selected .option-icon .badge {\n            background-color: white !important;\n            color: #198754 !important;\n        }\n\n        .option-card.selected .bi-chevron-right {\n            color: white !important;\n        }\n\n        .option-icon {\n            transition: all 0.3s ease;\n        }\n\n        .bi-chevron-right {\n            transition: all 0.3s ease;\n        }\n\n        \/* \u9632\u6b62WordPress\u4e3b\u984c\u885d\u7a81 *\/\n        .container, .row, .col-lg-8, .col-xl-6, .col-md-4 {\n            max-width: 100%;\n        }\n\n        \/* \u9801\u9762\u904e\u6e21\u6548\u679c *\/\n        [data-page] {\n            transition: opacity 0.3s ease;\n        }\n\n        [data-page].d-none {\n            opacity: 0;\n        }\n\n        \/* \u97ff\u61c9\u5f0f\u8abf\u6574 *\/\n        @media (max-width: 768px) {\n            .display-4 {\n                font-size: 2.5rem;\n            }\n            \n            .display-6 {\n                font-size: 2rem;\n            }\n            \n            .fs-4 {\n                font-size: 1.1rem !important;\n            }\n            \n            .fs-5 {\n                font-size: 1rem !important;\n            }\n            \n            .fs-6 {\n                font-size: 0.9rem !important;\n            }\n            \n            .h3 {\n                font-size: 1.5rem !important;\n            }\n            \n            .h4 {\n                font-size: 1.3rem !important;\n            }\n            \n            .h5 {\n                font-size: 1.1rem !important;\n            }\n            \n            .card-body {\n                padding: 1.5rem !important;\n            }\n            \n            .option-card .card-body {\n                padding: 1rem !important;\n            }\n\n            .option-card .option-icon {\n                width: 35px;\n                height: 35px;\n            }\n\n            .option-card .badge {\n                font-size: 0.75rem;\n            }\n            \n            .btn.fs-4 {\n                font-size: 1rem !important;\n            }\n        }\n    <\/style>\n\n    <!-- JavaScript \u884c\u70ba -->\n    <script>\n        \/\/ \u81ea\u6211\u8a8d\u77e5\u80fd\u529b\u6e2c\u9a57 JavaScript\n        (() => {\n            'use strict';\n\n            \/\/ \u6e2c\u9a57\u6578\u64da\n            const testData = {\n                questions: [\n                    {\n                        text: \"\u611f\u5230\u5fc3\u60c5\u7169\u8e81\u6642\uff0c\u4f60\u77e5\u9053\u662f\u4ec0\u9ebc\u4e8b\u60c5\u5f15\u8d77\u7684\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u5f88\u5c11\u77e5\u9053\", score: 1 },\n                            { text: \"\u57fa\u672c\u77e5\u9053\", score: 3 },\n                            { text: \"\u6709\u6642\u77e5\u9053\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u7576\u6709\u4eba\u7a81\u7136\u51fa\u73fe\u5728\u4f60\u8eab\u5f8c\u6642\uff0c\u4f60\u7684\u53cd\u61c9\u662f\uff1a\",\n                        options: [\n                            { text: \"\u611f\u53d7\u5230\u5f37\u70c8\u7684\u9a5a\u5687\", score: 3 },\n                            { text: \"\u5f88\u5c11\u88ab\u5687\u5230\", score: 1 },\n                            { text: \"\u6709\u6642\u6703\u88ab\u5687\u5230\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u7576\u4f60\u5b8c\u6210\u4e00\u9805\u5de5\u4f5c\u6216\u5b78\u7fd2\u4efb\u52d9\u6642\uff0c\u4f60\u611f\u89ba\u5230\u8f15\u9b06\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u6c92\u6709\u4ec0\u9ebc\u7279\u5225\u7684\u611f\u89ba\", score: 1 },\n                            { text: \"\u7d93\u5e38\u6709\u9019\u7a2e\u9ad4\u9a57\", score: 3 },\n                            { text: \"\u6709\u6642\u6709\u9019\u7a2e\u9ad4\u9a57\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u7576\u4f60\u8207\u4ed6\u4eba\u767c\u751f\u722d\u57f7\u6216\u95dc\u4fc2\u7dca\u5f35\u6642\uff0c\u4f60\u662f\u5426\u9ad4\u9a57\u5230\u81ea\u5df1\u7684\u4e0d\u5feb\u5462\uff1f\",\n                        options: [\n                            { text: \"\u80fd\u5920\", score: 3 },\n                            { text: \"\u4e0d\u80fd\u5920\", score: 1 },\n                            { text: \"\u8aaa\u4e0d\u6e05\u695a\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u7576\u4f60\u5c08\u5fc3\u81f4\u5fd7\u5730\u5f9e\u4e8b\u67d0\u9805\u6d3b\u52d5\u6642\uff0c\u4f60\u77e5\u9053\u9019\u662f\u4f60\u7684\u8208\u8da3\u6240\u81f4\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u77e5\u9053\", score: 3 },\n                            { text: \"\u4e0d\u77e5\u9053\", score: 1 },\n                            { text: \"\u5f88\u5c11\u77e5\u9053\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u5728\u751f\u6d3b\u4e2d\uff0c\u4f60\u9047\u5230\u904e\u4ee4\u81ea\u5df1\u975e\u5e38\u8a0e\u53ad\u7684\u4eba\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u9047\u5230\u904e\", score: 3 },\n                            { text: \"\u6c92\u9047\u5230\u904e\", score: 2 },\n                            { text: \"\u8aaa\u4e0d\u6e05\u695a\", score: 1 }\n                        ]\n                    },\n                    {\n                        text: \"\u7576\u4f60\u8207\u5bb6\u4eba\u6216\u89aa\u670b\u597d\u53cb\u5728\u4e00\u8d77\u7684\u6642\u5019\uff0c\u4f60\u611f\u5230\u5e78\u798f\u548c\u5feb\u6a02\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u611f\u89ba\u4e0d\u5230\", score: 3 },\n                            { text: \"\u8aaa\u4e0d\u6e05\u695a\", score: 2 },\n                            { text: \"\u662f\u7684\", score: 1 }\n                        ]\n                    },\n                    {\n                        text: \"\u5982\u679c\u5225\u4eba\u6709\u610f\u70ba\u96e3\u4f60\uff0c\u4f60\u611f\u89ba\u5982\u4f55\uff1f\",\n                        options: [\n                            { text: \"\u6c92\u6709\u4ec0\u9ebc\u611f\u89ba\", score: 3 },\n                            { text: \"\u89ba\u5f97\u4e0d\u8212\u670d\", score: 1 },\n                            { text: \"\u611f\u5230\u751f\u6c23\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u5047\u5982\u4f60\u6392\u968a\u8cb7\u6771\u897f\u7b49\u4e86\u5f88\u9577\u6642\u9593\uff0c\u6709\u4eba\u63d2\u968a\u5230\u4f60\u9762\u524d\uff0c\u4f60\u611f\u89ba\u5982\u4f55\uff1f\",\n                        options: [\n                            { text: \"\u6c92\u6709\u4ec0\u9ebc\u611f\u89ba\", score: 3 },\n                            { text: \"\u89ba\u5f97\u4e0d\u8212\u670d\", score: 1 },\n                            { text: \"\u611f\u5230\u751f\u6c23\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u5047\u5982\u8d70\u5728\u8def\u4e0a\u9047\u5230\u53ef\u7591\u4eba\u7269\u8ddf\u8e64\u4f60\uff0c\u4f60\u6703\u611f\u5230\u5bb3\u6015\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u4e0d\u5bb3\u6015\", score: 1 },\n                            { text: \"\u5bb3\u6015\", score: 3 },\n                            { text: \"\u4e5f\u8a31\u5bb3\u6015\", score: 2 }\n                        ]\n                    },\n                    {\n                        text: \"\u7576\u5225\u4eba\u8b9a\u7f8e\u4f60\u7684\u6642\u5019\uff0c\u4f60\u6703\u611f\u5230\u6109\u5feb\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u8aaa\u4e0d\u6e05\u695a\", score: 2 },\n                            { text: \"\u6109\u5feb\", score: 3 },\n                            { text: \"\u4e0d\u6109\u5feb\", score: 1 }\n                        ]\n                    },\n                    {\n                        text: \"\u4f60\u9047\u5230\u7279\u5225\u4ee4\u4f60\u4f69\u670d\u548c\u5c0a\u656c\u7684\u4eba\u4e86\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u9047\u5230\u904e\", score: 3 },\n                            { text: \"\u8aaa\u4e0d\u6e05\u695a\", score: 2 },\n                            { text: \"\u6c92\u6709\u9047\u5230\u904e\", score: 1 }\n                        ]\n                    },\n                    {\n                        text: \"\u5047\u5982\u4f60\u932f\u602a\u4e86\u4ed6\u4eba\uff0c\u4e8b\u5f8c\u4f60\u611f\u5230\u5167\u759a\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u4e0d\u77e5\u9053\", score: 2 },\n                            { text: \"\u5167\u759a\", score: 3 },\n                            { text: \"\u4e0d\u5167\u759a\", score: 1 }\n                        ]\n                    },\n                    {\n                        text: \"\u5047\u5982\u4f60\u8a8d\u8b58\u7684\u4e00\u500b\u4eba\u54c1\u683c\u4f4e\u52a3\uff0c\u4f46\u537b\u611b\u6307\u5c0e\u5225\u4eba\uff0c\u4f60\u662f\u5426\u6703\u77a7\u4e0d\u8d77\u4ed6\uff1f\",\n                        options: [\n                            { text: \"\u4e0d\u77e5\u9053\", score: 2 },\n                            { text: \"\u662f\u7684\", score: 3 },\n                            { text: \"\u4e0d\u6703\", score: 1 }\n                        ]\n                    },\n                    {\n                        text: \"\u5047\u5982\u4f60\u4e0d\u5f97\u4e0d\u8207\u4f60\u6df1\u611b\u7684\u670b\u53cb\u5206\u96e2\u6642\uff0c\u4f60\u6703\u611f\u5230\u75db\u82e6\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u8aaa\u4e0d\u6e05\u695a\", score: 2 },\n                            { text: \"\u80af\u5b9a\u6703\", score: 3 },\n                            { text: \"\u4e0d\u6703\", score: 1 }\n                        ]\n                    }\n                ]\n            };\n\n            \/\/ \u6e2c\u9a57\u72c0\u614b\n            let testState = {\n                currentQuestion: 0,\n                answers: [],\n                totalScore: 0\n            };\n\n            \/\/ DOM \u5143\u7d20\n            const elements = {\n                introPage: document.querySelector('[data-page=\"intro\"]'),\n                testPage: document.querySelector('[data-page=\"test\"]'),\n                resultPage: document.querySelector('[data-page=\"result\"]'),\n                startButton: document.querySelector('[data-action=\"start-test\"]'),\n                prevButton: document.querySelector('[data-action=\"prev-question\"]'),\n                restartButton: document.querySelector('[data-action=\"restart-test\"]'),\n                progressText: document.querySelector('[data-progress-text]'),\n                progressPercent: document.querySelector('[data-progress-percent]'),\n                progressBar: document.querySelector('[data-progress-bar]'),\n                questionText: document.querySelector('[data-question-text]'),\n                optionsContainer: document.querySelector('[data-options-container]'),\n                scoreCategory: document.querySelector('[data-score-category]'),\n                categoryDescription: document.querySelector('[data-category-description]'),\n                resultAnalysis: document.querySelector('[data-result-analysis]'),\n                userPosition: document.querySelector('[data-user-position]')\n            };\n\n            \/\/ \u521d\u59cb\u5316\n            const init = () => {\n                bindEvents();\n            };\n\n            \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n            const bindEvents = () => {\n                elements.startButton?.addEventListener('click', startTest);\n                elements.prevButton?.addEventListener('click', previousQuestion);\n                elements.restartButton?.addEventListener('click', restartTest);\n                \n                \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u6258\u8655\u7406\u9078\u9805\u9ede\u64ca\n                elements.optionsContainer?.addEventListener('click', handleOptionClick);\n            };\n\n            \/\/ \u958b\u59cb\u6e2c\u9a57\n            const startTest = () => {\n                resetTestState();\n                showPage('test');\n                displayQuestion();\n                scrollToTop();\n            };\n\n            \/\/ \u91cd\u7f6e\u6e2c\u9a57\u72c0\u614b\n            const resetTestState = () => {\n                testState = {\n                    currentQuestion: 0,\n                    answers: [],\n                    totalScore: 0\n                };\n            };\n\n            \/\/ \u986f\u793a\u9801\u9762\n            const showPage = (page) => {\n                \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n                Object.values(elements).forEach(el => {\n                    if (el?.dataset.page) {\n                        el.classList.add('d-none');\n                    }\n                });\n\n                \/\/ \u986f\u793a\u6307\u5b9a\u9801\u9762\n                const targetPage = document.querySelector(`[data-page=\"${page}\"]`);\n                if (targetPage) {\n                    targetPage.classList.remove('d-none');\n                }\n            };\n\n            \/\/ \u986f\u793a\u554f\u984c\n            const displayQuestion = () => {\n                const question = testData.questions[testState.currentQuestion];\n                if (!question) return;\n\n                \/\/ \u66f4\u65b0\u554f\u984c\u6587\u5b57\n                elements.questionText.textContent = question.text;\n\n                \/\/ \u66f4\u65b0\u9032\u5ea6\n                updateProgress();\n\n                \/\/ \u751f\u6210\u9078\u9805\n                generateOptions(question.options);\n\n                \/\/ \u66f4\u65b0\u5c0e\u822a\u6309\u9215\n                updateNavigation();\n            };\n\n            \/\/ \u66f4\u65b0\u9032\u5ea6\n            const updateProgress = () => {\n                const current = testState.currentQuestion + 1;\n                const total = testData.questions.length;\n                const percentage = Math.round((current \/ total) * 100);\n\n                elements.progressText.textContent = `\u554f\u984c ${current}\/${total}`;\n                elements.progressPercent.textContent = `${percentage}%`;\n                elements.progressBar.style.width = `${percentage}%`;\n                elements.progressBar.setAttribute('aria-valuenow', percentage);\n            };\n\n            \/\/ \u751f\u6210\u9078\u9805\n            const generateOptions = (options) => {\n                elements.optionsContainer.innerHTML = '';\n                \n                options.forEach((option, index) => {\n                    const optionCard = document.createElement('div');\n                    optionCard.className = 'card option-card shadow-sm mb-3';\n                    optionCard.setAttribute('data-option-index', index);\n                    optionCard.innerHTML = `\n                        <div class=\"card-body p-3 d-flex align-items-center\">\n                            <div class=\"me-3\">\n                                <div class=\"bg-light rounded-circle d-flex align-items-center justify-content-center option-icon\" style=\"width: 40px; height: 40px;\">\n                                    <span class=\"badge bg-success rounded-circle fs-6\">${String.fromCharCode(65 + index)}<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex-grow-1\">\n                                <p class=\"mb-0 fw-normal fs-5\">${option.text}<\/p>\n                            <\/div>\n                            <div class=\"ms-3\">\n                                <i class=\"bi bi-chevron-right text-muted\"><\/i>\n                            <\/div>\n                        <\/div>\n                    `;\n                    elements.optionsContainer.appendChild(optionCard);\n                });\n            };\n\n            \/\/ \u8655\u7406\u9078\u9805\u9ede\u64ca\n            const handleOptionClick = (event) => {\n                const optionCard = event.target.closest('.option-card');\n                if (!optionCard) return;\n\n                const optionIndex = parseInt(optionCard.dataset.optionIndex);\n                selectOption(optionIndex);\n            };\n\n            \/\/ \u9078\u64c7\u9078\u9805\n            const selectOption = (optionIndex) => {\n                const question = testData.questions[testState.currentQuestion];\n                const selectedOption = question.options[optionIndex];\n\n                \/\/ \u8a18\u9304\u7b54\u6848\n                testState.answers[testState.currentQuestion] = {\n                    questionIndex: testState.currentQuestion,\n                    optionIndex: optionIndex,\n                    score: selectedOption.score\n                };\n\n                \/\/ \u8996\u89ba\u53cd\u994b\n                highlightSelectedOption(optionIndex);\n\n                \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n                setTimeout(() => {\n                    nextQuestion();\n                }, 600);\n            };\n\n            \/\/ \u9ad8\u4eae\u9078\u4e2d\u7684\u9078\u9805\n            const highlightSelectedOption = (selectedIndex) => {\n                const options = elements.optionsContainer.querySelectorAll('.option-card');\n                options.forEach((option, index) => {\n                    if (index === selectedIndex) {\n                        option.classList.add('selected');\n                    } else {\n                        option.classList.remove('selected');\n                    }\n                });\n            };\n\n            \/\/ \u4e0b\u4e00\u984c\n            const nextQuestion = () => {\n                if (testState.currentQuestion < testData.questions.length - 1) {\n                    testState.currentQuestion++;\n                    displayQuestion();\n                } else {\n                    finishTest();\n                }\n            };\n\n            \/\/ \u4e0a\u4e00\u984c\n            const previousQuestion = () => {\n                if (testState.currentQuestion > 0) {\n                    testState.currentQuestion--;\n                    displayQuestion();\n                    restoreSelection();\n                }\n                scrollToTop();\n            };\n\n            \/\/ \u6062\u5fa9\u9078\u64c7\u72c0\u614b\n            const restoreSelection = () => {\n                const answer = testState.answers[testState.currentQuestion];\n                if (answer) {\n                    highlightSelectedOption(answer.optionIndex);\n                }\n            };\n\n            \/\/ \u66f4\u65b0\u5c0e\u822a\n            const updateNavigation = () => {\n                if (testState.currentQuestion > 0) {\n                    elements.prevButton.classList.remove('d-none');\n                } else {\n                    elements.prevButton.classList.add('d-none');\n                }\n            };\n\n            \/\/ \u5b8c\u6210\u6e2c\u9a57\n            const finishTest = () => {\n                calculateScore();\n                showPage('result');\n                displayResults();\n                scrollToTop();\n            };\n\n            \/\/ \u8a08\u7b97\u5206\u6578\n            const calculateScore = () => {\n                testState.totalScore = testState.answers.reduce((total, answer) => {\n                    return total + answer.score;\n                }, 0);\n            };\n\n            \/\/ \u986f\u793a\u7d50\u679c\n            const displayResults = () => {\n                const { category, description, analysis } = getResultAnalysis(testState.totalScore);\n                \n                elements.scoreCategory.textContent = category;\n                elements.categoryDescription.textContent = description;\n                elements.resultAnalysis.innerHTML = analysis;\n\n                \/\/ \u986f\u793a\u7528\u6236\u5728\u5340\u9593\u5716\u4e2d\u7684\u4f4d\u7f6e\n                updateScorePosition(testState.totalScore);\n            };\n\n            \/\/ \u66f4\u65b0\u5206\u6578\u4f4d\u7f6e\n            const updateScorePosition = (score) => {\n                \/\/ \u8a08\u7b97\u4f4d\u7f6e\u767e\u5206\u6bd4 (15-45\u5206\u7684\u5340\u9593)\n                const minScore = 15;\n                const maxScore = 45;\n                const position = ((score - minScore) \/ (maxScore - minScore)) * 100;\n                \n                elements.userPosition.style.left = `${position}%`;\n            };\n\n            \/\/ \u7372\u53d6\u7d50\u679c\u5206\u6790\n            const getResultAnalysis = (score) => {\n                if (score >= 36) {\n                    return {\n                        category: \"\u654f\u611f\u578b\",\n                        description: \"\u60a8\u80fd\u5920\u6e96\u78ba\u8b58\u5225\u4e26\u7406\u89e3\u81ea\u5df1\u7684\u60c5\u7dd2\",\n                        analysis: `\n                            <div class=\"alert alert-success border-0 mb-4 fs-5\">\n                                <h5 class=\"h4 fw-semibold mb-3\"><i class=\"bi bi-info-circle me-2\"><\/i>\u985e\u578b\u7279\u5fb5<\/h5>\n                                <p class=\"mb-0\">\u60a8\u80fd\u5920\u6e96\u78ba\u3001\u7d30\u7dfb\u5730\u8b58\u5225\u81ea\u5df1\u7684\u60c5\u7dd2\uff0c\u4e26\u80fd\u5920\u8a8d\u8b58\u5230\u60c5\u7dd2\u767c\u751f\u7684\u539f\u56e0\u3002\u9019\u8868\u660e\u60a8\u5177\u6709\u8f03\u9ad8\u7684\u60c5\u7dd2\u654f\u611f\u5ea6\u548c\u81ea\u6211\u89ba\u5bdf\u80fd\u529b\u3002<\/p>\n                            <\/div>\n                            \n                            <h5 class=\"h4 fw-semibold mb-3 text-success\">\u53ef\u80fd\u7684\u8868\u73fe\u5f62\u5f0f\uff1a<\/h5>\n                            <div class=\"row g-3 mb-4\">\n                                <div class=\"col-md-4\">\n                                    <div class=\"card h-100 border-warning\">\n                                        <div class=\"card-body text-center\">\n                                            <i class=\"bi bi-cloud-rain text-warning fs-2 mb-2\"><\/i>\n                                            <h6 class=\"h5 fw-semibold\">\u60b2\u89c0\u7d55\u671b\u578b<\/h6>\n                                            <p class=\"mb-0\">\u96d6\u7136\u80fd\u6e05\u6670\u8b58\u5225\u60c5\u7dd2\uff0c\u4f46\u5bb9\u6613\u88ab\u6d88\u6975\u60c5\u7dd2\u5f71\u97ff<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-4\">\n                                    <div class=\"card h-100 border-success\">\n                                        <div class=\"card-body text-center\">\n                                            <i class=\"bi bi-sun text-success fs-2 mb-2\"><\/i>\n                                            <h6 class=\"h5 fw-semibold\">\u6a02\u89c0\u958b\u6717\u578b<\/h6>\n                                            <p class=\"mb-0\">\u5c0d\u5404\u7a2e\u60c5\u7dd2\u90fd\u80fd\u4ee5\u7a4d\u6975\u614b\u5ea6\u9762\u5c0d<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-4\">\n                                    <div class=\"card h-100 border-danger\">\n                                        <div class=\"card-body text-center\">\n                                            <i class=\"bi bi-tsunami text-danger fs-2 mb-2\"><\/i>\n                                            <h6 class=\"h5 fw-semibold\">\u60c5\u7dd2\u6c89\u6eba\u578b<\/h6>\n                                            <p class=\"mb-0\">\u5bb9\u6613\u88ab\u5f37\u70c8\u60c5\u7dd2\u6372\u5165\u800c\u96e3\u4ee5\u81ea\u62d4<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        `\n                    };\n                } else if (score >= 26) {\n                    return {\n                        category: \"\u9069\u4e2d\u578b\",\n                        description: \"\u60a8\u5177\u5099\u57fa\u672c\u7684\u60c5\u7dd2\u8b58\u5225\u80fd\u529b\uff0c\u6709\u63d0\u5347\u7a7a\u9593\",\n                        analysis: `\n                            <div class=\"alert alert-info border-0 mb-4 fs-5\">\n                                <h5 class=\"h4 fw-semibold mb-3\"><i class=\"bi bi-check-circle me-2\"><\/i>\u985e\u578b\u7279\u5fb5<\/h5>\n                                <p class=\"mb-0\">\u60a8\u80fd\u5920\u8b58\u5225\u81ea\u5df1\u7684\u60c5\u7dd2\u885d\u52d5\uff0c\u80fd\u5920\u5340\u5206\u5404\u7a2e\u57fa\u672c\u60c5\u7dd2\uff0c\u4f46\u5c0d\u65bc\u4e00\u4e9b\u6027\u8cea\u76f8\u4f3c\u7684\u60c5\u7dd2\u5340\u5206\u53ef\u80fd\u9084\u4e0d\u5920\u7cbe\u78ba\u3002\u5927\u7d04\u670960%\u7684\u4eba\u8655\u65bc\u9019\u4e00\u6c34\u6e96\u3002<\/p>\n                            <\/div>\n                            \n                            <h5 class=\"h4 fw-semibold mb-3 text-success\">\u63d0\u5347\u5efa\u8b70\uff1a<\/h5>\n                            <div class=\"row g-3 mb-4\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"card border-info h-100\">\n                                        <div class=\"card-body\">\n                                            <h6 class=\"h5 fw-semibold text-info mb-2\"><i class=\"bi bi-book me-2\"><\/i>\u64f4\u5145\u60c5\u7dd2\u8a5e\u5f59<\/h6>\n                                            <p class=\"mb-0\">\u5b78\u7fd2\u66f4\u591a\u60c5\u7dd2\u76f8\u95dc\u8a5e\u5f59\uff0c\u5e6b\u52a9\u66f4\u7cbe\u78ba\u5730\u63cf\u8ff0\u81ea\u5df1\u7684\u611f\u53d7<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-6\">\n                                    <div class=\"card border-info h-100\">\n                                        <div class=\"card-body\">\n                                            <h6 class=\"h5 fw-semibold text-info mb-2\"><i class=\"bi bi-search me-2\"><\/i>\u89ba\u5bdf\u7df4\u7fd2<\/h6>\n                                            <p class=\"mb-0\">\u5b9a\u671f\u53cd\u601d\u60c5\u7dd2\u7522\u751f\u7684\u539f\u56e0\uff0c\u63d0\u9ad8\u81ea\u6211\u89ba\u5bdf\u80fd\u529b<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        `\n                    };\n                } else {\n                    return {\n                        category: \"\u60c5\u611f\u9ebb\u6728\u578b\",\n                        description: \"\u60a8\u7684\u60c5\u7dd2\u611f\u77e5\u80fd\u529b\u8f03\u5f31\uff0c\u5efa\u8b70\u95dc\u6ce8\u60c5\u7dd2\u5065\u5eb7\",\n                        analysis: `\n                            <div class=\"alert alert-warning border-0 mb-4 fs-5\">\n                                <h5 class=\"h4 fw-semibold mb-3\"><i class=\"bi bi-exclamation-triangle me-2\"><\/i>\u985e\u578b\u7279\u5fb5<\/h5>\n                                <p class=\"mb-0\">\u60a8\u53ef\u80fd\u5f88\u5c11\u6709\u5f37\u70c8\u7684\u60c5\u7dd2\u885d\u52d5\uff0c\u5c0d\u559c\u3001\u6012\u3001\u54c0\u3001\u6a02\u7b49\u57fa\u672c\u60c5\u7dd2\u7684\u611f\u77e5\u76f8\u5c0d\u8f03\u5f31\u3002\u9019\u53ef\u80fd\u6703\u5f71\u97ff\u8207\u4ed6\u4eba\u7684\u60c5\u611f\u4ea4\u6d41\u3002<\/p>\n                            <\/div>\n                            \n                            <h5 class=\"h4 fw-semibold mb-3 text-success\">\u5efa\u8b70\u95dc\u6ce8\uff1a<\/h5>\n                            <div class=\"row g-3 mb-4\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"card border-success h-100\">\n                                        <div class=\"card-body\">\n                                            <h6 class=\"h5 fw-semibold text-success mb-2\"><i class=\"bi bi-heart-pulse me-2\"><\/i>\u60c5\u7dd2\u559a\u9192<\/h6>\n                                            <p class=\"mb-0\">\u5617\u8a66\u53c3\u8207\u80fd\u6fc0\u767c\u60c5\u7dd2\u7684\u6d3b\u52d5\uff0c\u5982\u97f3\u6a02\u3001\u85dd\u8853\u6216\u904b\u52d5<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-6\">\n                                    <div class=\"card border-success h-100\">\n                                        <div class=\"card-body\">\n                                            <h6 class=\"h5 fw-semibold text-success mb-2\"><i class=\"bi bi-people me-2\"><\/i>\u793e\u4ea4\u7df4\u7fd2<\/h6>\n                                            <p class=\"mb-0\">\u591a\u8207\u4ed6\u4eba\u4ea4\u6d41\u60c5\u611f\uff0c\u89c0\u5bdf\u548c\u5b78\u7fd2\u60c5\u7dd2\u8868\u9054\u65b9\u5f0f<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"alert alert-light border border-success fs-6\">\n                                <p class=\"text-muted mb-0\">\n                                    <i class=\"bi bi-info-circle me-1\"><\/i>\n                                    \u5982\u679c\u9019\u7a2e\u72c0\u6cc1\u6301\u7e8c\u5f71\u97ff\u65e5\u5e38\u751f\u6d3b\uff0c\u5efa\u8b70\u8aee\u8a62\u5c08\u696d\u5fc3\u7406\u8aee\u5546\u5e2b\u7684\u610f\u898b\u3002\n                                <\/p>\n                            <\/div>\n                        `\n                    };\n                }\n            };\n\n            \/\/ \u91cd\u65b0\u6e2c\u8a66\n            const restartTest = () => {\n                resetTestState();\n                showPage('intro');\n                scrollToTop();\n            };\n\n            \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n            const scrollToTop = () => {\n                window.scrollTo({\n                    top: 0,\n                    behavior: 'smooth'\n                });\n            };\n\n            \/\/ \u9801\u9762\u8f09\u5165\u5f8c\u521d\u59cb\u5316\n            document.addEventListener('DOMContentLoaded', init);\n\n        })();\n    <\/script>\n\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/js\/bootstrap.bundle.min.js\"><\/script>","protected":false},"excerpt":{"rendered":"<p>\u672c\u6b21\u6d4b\u8bd5\u5305\u62ec15\u9053\u9009\u62e9\u9898\uff0c\u6bcf\u9898\u6709A\u3001B\u3001C\u4e09\u4e2a\u5907\u9009\u9879\u76ee\u3002\u8bf7\u5728\u7406\u89e3\u9898\u610f\u540e\uff0c\u5c3d\u53ef\u80fd\u5feb\u5730\u9009\u62e9\u6700\u7b26\u5408\u6216\u6700\u63a5\u8fd1\u4f60\u5b9e\u9645\u60c5\u51b5\u7684\u90a3\u4e2a\u9879\u76ee\u3002\u8bf7\u6ce8\u610f\uff0c\u672c\u6b21\u6d4b\u8bd5\u8981\u6c42\u586b\u5199\u81ea\u5df1\u7684\u771f\u5b9e\u60f3\u6cd5\u548c\u505a\u6cd5\uff0c\u800c\u4e0d\u662f\u9009\u54ea\u4e2a\u7b54\u6848\u6700\u6b63\u786e\uff0c\u9009\u9879\u4e5f\u6ca1\u6709\u597d\u574f\u4e4b\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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","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":"","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":[159,175],"tags":[],"class_list":["post-2624","post","type-post","status-publish","format-standard","hentry","category-aptitude","category-relationships"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2624","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=2624"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2624\/revisions"}],"predecessor-version":[{"id":10131,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2624\/revisions\/10131"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}