{"id":2632,"date":"2023-10-18T09:48:02","date_gmt":"2023-10-18T01:48:02","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2632"},"modified":"2025-06-05T09:34:21","modified_gmt":"2025-06-05T01:34:21","slug":"social-skills","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/social-skills","title":{"rendered":"\u793e\u4ea4\u80fd\u529b\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0815\u9898\uff09"},"content":{"rendered":"\n<!-- \u5916\u90e8\u8cc7\u6e90\u5f15\u5165 -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<!-- CSS\u6a23\u5f0f -->\n<style>\n    .quiz-container {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        background: transparent;\n        min-height: 100vh;\n        padding: 2rem 0;\n        max-width: 750px;\n        margin: 0 auto;\n    }\n\n    .feature-icon {\n        width: 80px;\n        height: 80px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, #28a745 0%, #20c997 100%);\n        animation: float 3s ease-in-out infinite;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-8px); }\n    }\n\n    .feature-icon:nth-child(odd) {\n        animation-delay: -1.5s;\n    }\n\n    .progress-shimmer::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n        animation: shimmer 2s infinite;\n    }\n\n    @keyframes shimmer {\n        0% { left: -100%; }\n        100% { left: 100%; }\n    }\n\n    .option-btn {\n        text-align: left;\n        padding: 1.25rem;\n        border: 2px solid #e9ecef;\n        background: #f8f9fa;\n        color: #495057;\n        font-size: 1.1rem;\n        transition: all 0.3s ease;\n        margin-bottom: 0.75rem;\n        border-radius: 0.75rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .option-btn:hover {\n        border-color: #28a745;\n        background: #f0fff4;\n        color: #495057;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(40, 167, 69, 0.15);\n    }\n\n    .option-btn.active {\n        background: linear-gradient(135deg, #28a745, #20c997);\n        border-color: #28a745;\n        color: white;\n        box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);\n    }\n\n    .option-btn.active .badge {\n        background-color: rgba(255,255,255,0.3) !important;\n        color: white !important;\n    }\n\n    .score-visualization {\n        background: #f8f9fa;\n        border-radius: 1rem;\n        padding: 2rem;\n        margin: 2rem 0;\n        border: 2px solid #e9ecef;\n    }\n\n    .score-segments {\n        display: flex;\n        height: 60px;\n        border-radius: 30px;\n        overflow: visible;\n        margin: 3rem 0 2rem 0;\n        position: relative;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n    }\n\n    .score-segment {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-weight: bold;\n        font-size: 0.9rem;\n        position: relative;\n    }\n\n    .score-segment.weak {\n        background: linear-gradient(135deg, #dc3545, #e85568);\n    }\n\n    .score-segment.average {\n        background: linear-gradient(135deg, #ffc107, #ffcd39);\n        color: #212529;\n    }\n\n    .score-segment.strong {\n        background: linear-gradient(135deg, #28a745, #20c997);\n    }\n\n    .user-score-marker {\n        position: absolute;\n        top: -15px;\n        transform: translateX(-50%);\n        z-index: 10;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\n        40% { transform: translateX(-50%) translateY(-5px); }\n        60% { transform: translateX(-50%) translateY(-3px); }\n    }\n\n    .user-score-marker::after {\n        content: '';\n        position: absolute;\n        top: 35px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 0;\n        height: 0;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 15px solid #212529;\n    }\n\n    .chart-container {\n        max-width: 450px;\n        margin: 2rem auto;\n    }\n\n    .chart-wrapper {\n        position: relative;\n        height: 350px;\n        margin: 2rem 0;\n    }\n\n    @media (max-width: 768px) {\n        .quiz-container {\n            padding: 1rem 0;\n        }\n        \n        .feature-icon {\n            width: 60px;\n            height: 60px;\n        }\n\n        .option-btn {\n            font-size: 1rem;\n            padding: 1rem;\n        }\n\n        .score-segment {\n            font-size: 0.8rem;\n        }\n    }\n<\/style>\n\n<!-- HTML\u7d50\u69cb -->\n<div class=\"quiz-container\">\n    <div class=\"container-fluid\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12\">\n                \n                <!-- \u5f15\u5c0e\u9801 -->\n                <div class=\"card border-0 shadow-lg\" data-page=\"intro\">\n                    <div class=\"card-body p-5 text-center\">\n                        <h2 class=\"display-4 fw-bold text-success mb-3\">\u793e\u4ea4\u80fd\u529b\u6e2c\u9a57<\/h2>\n                        <p class=\"lead text-muted mb-5\">\u6df1\u5165\u4e86\u89e3\u60a8\u7684\u4eba\u969b\u4ea4\u5f80\u80fd\u529b\uff0c\u767c\u73fe\u793e\u4ea4\u6f5b\u529b<\/p>\n                        \n                        <div class=\"row g-4 my-5\">\n                            <div class=\"col-md-4\">\n                                <div class=\"feature-icon d-flex align-items-center justify-content-center text-white fs-1 mx-auto mb-3\">\n                                    <i class=\"bi bi-people-fill\"><\/i>\n                                <\/div>\n                                <h5 class=\"fw-bold\">\u4eba\u969b\u4e92\u52d5<\/h5>\n                                <p class=\"text-muted\">\u8a55\u4f30\u60a8\u5728\u4e0d\u540c\u793e\u4ea4\u5834\u5408\u7684\u8868\u73fe\u80fd\u529b<\/p>\n                            <\/div>\n                            <div class=\"col-md-4\">\n                                <div class=\"feature-icon d-flex align-items-center justify-content-center text-white fs-1 mx-auto mb-3\">\n                                    <i class=\"bi bi-heart-fill\"><\/i>\n                                <\/div>\n                                <h5 class=\"fw-bold\">\u60c5\u611f\u9023\u7d50<\/h5>\n                                <p class=\"text-muted\">\u4e86\u89e3\u60a8\u5efa\u7acb\u548c\u7dad\u6301\u4eba\u969b\u95dc\u4fc2\u7684\u6280\u5de7<\/p>\n                            <\/div>\n                            <div class=\"col-md-4\">\n                                <div class=\"feature-icon d-flex align-items-center justify-content-center text-white fs-1 mx-auto mb-3\">\n                                    <i class=\"bi bi-graph-up-arrow\"><\/i>\n                                <\/div>\n                                <h5 class=\"fw-bold\">\u6210\u9577\u5efa\u8b70<\/h5>\n                                <p class=\"text-muted\">\u7372\u5f97\u500b\u4eba\u5316\u7684\u793e\u4ea4\u80fd\u529b\u63d0\u5347\u65b9\u6848<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"row text-start my-5\">\n                            <div class=\"col-md-6\">\n                                <div class=\"d-flex align-items-center mb-3\">\n                                    <i class=\"bi bi-check-circle-fill text-success me-3 fs-5\"><\/i>\n                                    <span class=\"fw-medium\">15 \u9053\u7cbe\u5fc3\u8a2d\u8a08\u7684\u5c08\u696d\u984c\u76ee<\/span>\n                                <\/div>\n                                <div class=\"d-flex align-items-center mb-3\">\n                                    <i class=\"bi bi-check-circle-fill text-success me-3 fs-5\"><\/i>\n                                    <span class=\"fw-medium\">\u79d1\u5b78\u5316\u7684\u8a55\u5206\u7cfb\u7d71<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"col-md-6\">\n                                <div class=\"d-flex align-items-center mb-3\">\n                                    <i class=\"bi bi-check-circle-fill text-success me-3 fs-5\"><\/i>\n                                    <span class=\"fw-medium\">\u8a73\u7d30\u7684\u80fd\u529b\u5206\u6790\u5831\u544a<\/span>\n                                <\/div>\n                                <div class=\"d-flex align-items-center mb-3\">\n                                    <i class=\"bi bi-check-circle-fill text-success me-3 fs-5\"><\/i>\n                                    <span class=\"fw-medium\">\u8996\u89ba\u5316\u7684\u7d50\u679c\u5448\u73fe<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <button class=\"btn btn-success btn-lg px-5 py-3 rounded-pill shadow\" data-action=\"start-quiz\">\n                            <i class=\"bi bi-play-circle-fill me-2\"><\/i>\n                            \u958b\u59cb\u6e2c\u9a57\n                        <\/button>\n                        \n                        <div class=\"mt-4\">\n                            <small class=\"text-muted\">\n                                <i class=\"bi bi-clock me-1\"><\/i>\n                                \u9810\u8a08\u5b8c\u6210\u6642\u9593\uff1a5-8 \u5206\u9418\n                            <\/small>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u6e2c\u9a57\u9801 -->\n                <div class=\"card border-0 shadow-lg d-none\" data-page=\"quiz\">\n                    <div class=\"card-header bg-white border-bottom\">\n                        <div class=\"d-flex justify-content-between align-items-center\">\n                            <h2 class=\"h5 mb-0 fw-bold text-dark\">\u793e\u4ea4\u80fd\u529b\u6e2c\u9a57<\/h2>\n                            <span class=\"badge bg-secondary fs-6\" data-progress-text>\u554f\u984c 1 \/ 15<\/span>\n                        <\/div>\n                        <div class=\"progress mt-3\" style=\"height: 8px;\">\n                            <div class=\"progress-bar bg-success progress-shimmer position-relative overflow-hidden\" \n                                 data-progress-bar style=\"width: 6.67%\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"card-body p-4\">\n                        <h3 class=\"fw-bold mb-4 text-dark\" style=\"font-size: 1.375rem;\" data-question-text><\/h3>\n                        <div data-options-container><\/div>\n                        \n                        <div class=\"text-center mt-4\">\n                            <button class=\"btn btn-outline-secondary rounded-pill px-4 d-none\" data-action=\"previous-question\">\n                                <i class=\"bi bi-arrow-left me-2\"><\/i>\n                                \u4e0a\u4e00\u984c\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u7d50\u679c\u9801 -->\n                <div class=\"card border-0 shadow-lg d-none\" data-page=\"result\">\n                    <div class=\"card-body p-5 text-center\">\n                        <h2 class=\"display-5 fw-bold text-success mb-4\">\u6e2c\u9a57\u7d50\u679c<\/h2>\n                        \n                        <!-- \u5206\u6578\u53ef\u8996\u5316 -->\n                        <div class=\"score-visualization\">\n                            <h4 class=\"fw-bold mb-3 text-dark\">\u60a8\u7684\u793e\u4ea4\u80fd\u529b\u6c34\u5e73<\/h4>\n                            \n                            <div class=\"row text-center mb-3\">\n                                <div class=\"col-4\">\n                                    <div class=\"text-danger fw-bold\">\u9700\u52a0\u5f37<\/div>\n                                    <small class=\"text-muted\">58-75\u5206<\/small>\n                                <\/div>\n                                <div class=\"col-4\">\n                                    <div class=\"text-warning fw-bold\">\u4e00\u822c<\/div>\n                                    <small class=\"text-muted\">30-57\u5206<\/small>\n                                <\/div>\n                                <div class=\"col-4\">\n                                    <div class=\"text-success fw-bold\">\u512a\u79c0<\/div>\n                                    <small class=\"text-muted\">15-29\u5206<\/small>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"score-segments position-relative\">\n                                <div class=\"score-segment weak\">\u9700\u52a0\u5f37\u5340\u9593<\/div>\n                                <div class=\"score-segment average\">\u4e00\u822c\u5340\u9593<\/div>\n                                <div class=\"score-segment strong\">\u512a\u79c0\u5340\u9593<\/div>\n                                <div class=\"user-score-marker\" data-score-marker>\n                                    <span class=\"badge bg-dark px-3 py-2 rounded-pill shadow\">\n                                        <i class=\"bi bi-person-fill me-1\"><\/i>\u60a8\u7684\u4f4d\u7f6e\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"mt-3\">\n                                <span class=\"badge fs-5 px-4 py-3 rounded-pill\" data-result-badge>\u793e\u4ea4\u80fd\u529b\u8a55\u4f30<\/span>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- \u5716\u8868\u5bb9\u5668 -->\n                        <div class=\"chart-container\">\n                            <h4 class=\"fw-bold mb-3 text-dark\">\u591a\u7dad\u80fd\u529b\u5206\u6790<\/h4>\n                            <div class=\"chart-wrapper\">\n                                <canvas id=\"resultChart\"><\/canvas>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- \u8a73\u7d30\u5206\u6790 -->\n                        <div class=\"alert alert-light border-2 text-start my-4\" role=\"alert\">\n                            <h4 class=\"alert-heading\">\n                                <i class=\"bi bi-lightbulb-fill text-warning me-2\"><\/i>\n                                \u8a73\u7d30\u5206\u6790\n                            <\/h4>\n                            <div data-result-description><\/div>\n                        <\/div>\n                        \n                        <button class=\"btn btn-success btn-lg px-5 py-3 rounded-pill shadow\" data-action=\"restart-quiz\">\n                            <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\n                            \u91cd\u65b0\u6e2c\u9a57\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- JavaScript \u908f\u8f2f -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/js\/bootstrap.bundle.min.js\"><\/script>\n<script>\n(function() {\n    'use strict';\n\n    \/\/ \u6e2c\u9a57\u6578\u64da\n    const quizData = {\n        questions: [\n            {\n                id: 1,\n                text: \"\u6bcf\u5230\u4e00\u500b\u65b0\u7684\u5834\u5408\uff0c\u6211\u5c0d\u90a3\u88e1\u539f\u672c\u4e0d\u8a8d\u8b58\u7684\u4eba\uff0c\u901a\u5e38\u6703\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u80fd\u5f88\u5feb\u8a18\u4f4f\u4ed6\u5011\u7684\u540d\u5b57\uff0c\u4e26\u4e14\u6210\u70ba\u670b\u53cb\", score: 1 },\n                    { value: 'B', text: \"\u96d6\u7136\u4e5f\u60f3\u8a18\u4f4f\u4ed6\u5011\u7684\u540d\u5b57\u4e26\u6210\u70ba\u670b\u53cb\uff0c\u4f46\u901a\u5e38\u5f88\u96e3\u505a\u5230\", score: 3 },\n                    { value: 'C', text: \"\u6bd4\u8f03\u559c\u6b61\u7368\u8655\uff0c\u4e0d\u592a\u60f3\u4e3b\u52d5\u7d50\u4ea4\u670b\u53cb\uff0c\u6240\u4ee5\u4e0d\u6703\u7279\u5225\u53bb\u8a18\u4ed6\u5011\u7684\u540d\u5b57\", score: 5 }\n                ]\n            },\n            {\n                id: 2,\n                text: \"\u4f60\u60f3\u8981\u7d50\u8b58\u67d0\u4eba\u4e26\u8207\u5176\u4ea4\u670b\u53cb\u7684\u4e3b\u8981\u52d5\u6a5f\u662f\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u8a8d\u70ba\u670b\u53cb\u80fd\u8b93\u4f60\u7684\u751f\u6d3b\u66f4\u6109\u5feb\", score: 1 },\n                    { value: 'B', text: \"\u670b\u53cb\u5011\u559c\u6b61\u4f60\u9019\u500b\u4eba\", score: 3 },\n                    { value: 'C', text: \"\u80fd\u5920\u5e6b\u52a9\u4f60\u89e3\u6c7a\u554f\u984c\", score: 5 }\n                ]\n            },\n            {\n                id: 3,\n                text: \"\u4f60\u548c\u670b\u53cb\u4ea4\u5f80\u6301\u7e8c\u7684\u6642\u9593\u901a\u5e38\u662f\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u5f88\u4e45\uff0c\u6703\u6301\u7e8c\u4fdd\u6301\u806f\u7d61\", score: 1 },\n                    { value: 'B', text: \"\u6709\u9577\u6709\u77ed\uff0c\u770b\u60c5\u6cc1\u800c\u5b9a\", score: 3 },\n                    { value: 'C', text: \"\u6839\u64da\u9700\u8981\u8b8a\u5316\uff0c\u7d93\u5e38\u63db\u65b0\u670b\u53cb\", score: 5 }\n                ]\n            },\n            {\n                id: 4,\n                text: \"\u4f60\u5c0d\u66fe\u5728\u7cbe\u795e\u4e0a\u3001\u7269\u8cea\u4e0a\u5e6b\u52a9\u904e\u4f60\u7684\u670b\u53cb\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u5fc3\u5b58\u611f\u6fc0\uff0c\u6703\u8a18\u5728\u5fc3\u88e1\uff0c\u4e26\u6642\u5e38\u5411\u670b\u53cb\u8868\u9054\u8b1d\u610f\", score: 1 },\n                    { value: 'B', text: \"\u8a8d\u70ba\u670b\u53cb\u9593\u4e92\u76f8\u5e6b\u52a9\u662f\u61c9\u8a72\u7684\uff0c\u4e0d\u9700\u8981\u592a\u5ba2\u6c23\", score: 3 },\n                    { value: 'C', text: \"\u4e8b\u60c5\u904e\u4e86\u5c31\u7b97\u4e86\uff0c\u4e0d\u6703\u7279\u5225\u8a18\u5728\u5fc3\u4e0a\", score: 5 }\n                ]\n            },\n            {\n                id: 5,\n                text: \"\u7576\u4f60\u5728\u751f\u6d3b\u4e2d\u9047\u5230\u56f0\u96e3\u6216\u632b\u6298\u6642\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u4e86\u89e3\u4f60\u72c0\u6cc1\u7684\u670b\u53cb\uff0c\u5e7e\u4e4e\u90fd\u6703\u4e3b\u52d5\u95dc\u5fc3\u6216\u5e6b\u52a9\u4f60\", score: 1 },\n                    { value: 'B', text: \"\u53ea\u6709\u6bd4\u8f03\u8981\u597d\u7684\u670b\u53cb\u6703\u4f86\u95dc\u5fc3\u3001\u5e6b\u52a9\u4f60\", score: 3 },\n                    { value: 'C', text: \"\u5e7e\u4e4e\u6c92\u6709\u670b\u53cb\u6703\u4e3b\u52d5\u95dc\u5fc3\", score: 5 }\n                ]\n            },\n            {\n                id: 6,\n                text: \"\u4f60\u548c\u90a3\u4e9b\u500b\u6027\u3001\u751f\u6d3b\u65b9\u5f0f\u4e0d\u540c\u7684\u4eba\u76f8\u8655\u6642\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u9700\u8981\u6bd4\u8f03\u9577\u6642\u9593\u624d\u80fd\u9069\u61c9\", score: 3 },\n                    { value: 'B', text: \"\u5f88\u96e3\u9069\u61c9\uff0c\u6216\u7121\u6cd5\u9069\u61c9\", score: 5 },\n                    { value: 'C', text: \"\u80fd\u5920\u5f88\u5feb\u9069\u61c9\u4e26\u76f8\u8655\u878d\u6d3d\", score: 1 }\n                ]\n            },\n            {\n                id: 7,\n                text: \"\u5c0d\u65bc\u4e0d\u540c\u6027\u5225\u6216\u6027\u5411\u7684\u670b\u53cb\u3001\u540c\u4e8b\uff0c\u4f60\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u53ea\u5728\u5fc5\u8981\u60c5\u6cc1\u4e0b\u624d\u6703\u63a5\u89f8\u4ed6\u5011\", score: 3 },\n                    { value: 'B', text: \"\u5e7e\u4e4e\u6c92\u4ec0\u9ebc\u4ea4\u6d41\", score: 5 },\n                    { value: 'C', text: \"\u80fd\u5920\u81ea\u7136\u5730\u63a5\u8fd1\u4e26\u6b63\u5e38\u4ea4\u5f80\", score: 1 }\n                ]\n            },\n            {\n                id: 8,\n                text: \"\u4f60\u5c0d\u670b\u53cb\u3001\u540c\u4e8b\u7684\u5efa\u8b70\u6216\u6279\u8a55\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u80fd\u63a5\u53d7\u4e00\u90e8\u5206\", score: 3 },\n                    { value: 'B', text: \"\u5f88\u96e3\u63a5\u53d7\", score: 5 },\n                    { value: 'C', text: \"\u5f88\u6a02\u610f\u63a5\u53d7\", score: 1 }\n                ]\n            },\n            {\n                id: 9,\n                text: \"\u5728\u5c0d\u5f85\u670b\u53cb\u7684\u751f\u6d3b\u3001\u5de5\u4f5c\u7b49\u5404\u65b9\u9762\uff0c\u4f60\u50be\u5411\u65bc\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u53ea\u8b9a\u7f8e\u4ed6\u7684\u512a\u9ede\", score: 3 },\n                    { value: 'B', text: \"\u53ea\u6307\u51fa\u4ed6\u7684\u7f3a\u9ede\", score: 5 },\n                    { value: 'C', text: \"\u56e0\u70ba\u662f\u670b\u53cb\uff0c\u6240\u4ee5\u6703\u8b9a\u7f8e\u512a\u9ede\uff0c\u4e5f\u6703\u9069\u7576\u6307\u51fa\u4e0d\u8db3\u4e4b\u8655\", score: 1 }\n                ]\n            },\n            {\n                id: 10,\n                text: \"\u7576\u4f60\u5fc3\u60c5\u4e0d\u597d\u6216\u5de5\u4f5c\u5f88\u5fd9\u6642\uff0c\u670b\u53cb\u8acb\u6c42\u4f60\u5e6b\u5fd9\uff0c\u4f60\u6703\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u627e\u7406\u7531\u63a8\u8fad\", score: 3 },\n                    { value: 'B', text: \"\u8868\u73fe\u4e0d\u8010\u7169\uff0c\u76f4\u63a5\u62d2\u7d55\", score: 5 },\n                    { value: 'C', text: \"\u8868\u793a\u9858\u610f\u5e6b\u5fd9\uff0c\u6703\u76e1\u529b\u800c\u70ba\", score: 1 }\n                ]\n            },\n            {\n                id: 11,\n                text: \"\u5728\u5efa\u7acb\u81ea\u5df1\u7684\u4eba\u969b\u95dc\u4fc2\u7db2\u6642\uff0c\u4f60\u5e0c\u671b\u4ea4\u5f80\u7684\u5c0d\u8c61\u662f\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u4e3b\u7ba1\u3001\u6709\u5f71\u97ff\u529b\u7684\u4eba\", score: 5 },\n                    { value: 'B', text: \"\u53ea\u8981\u8aa0\u5be6\u3001\u5584\u826f\u7684\u4eba\", score: 1 },\n                    { value: 'C', text: \"\u8207\u81ea\u5df1\u793e\u6703\u5730\u4f4d\u76f8\u7576\u6216\u8f03\u4f4e\u7684\u4eba\", score: 3 }\n                ]\n            },\n            {\n                id: 12,\n                text: \"\u7576\u4f60\u5728\u751f\u6d3b\u3001\u5de5\u4f5c\u4e0a\u9047\u5230\u56f0\u96e3\u6642\uff0c\u4f60\u901a\u5e38\u6703\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u5f9e\u4e0d\u6c42\u52a9\u4ed6\u4eba\uff0c\u5373\u4f7f\u81ea\u5df1\u89e3\u6c7a\u4e0d\u4e86\u4e5f\u4e00\u6a23\", score: 5 },\n                    { value: 'B', text: \"\u5f88\u5c11\u6c42\u52a9\u4ed6\u4eba\uff0c\u53ea\u6709\u5728\u81ea\u5df1\u771f\u7684\u7121\u6cd5\u89e3\u6c7a\u6642\uff0c\u624d\u6703\u8acb\u670b\u53cb\u5e6b\u5fd9\", score: 1 },\n                    { value: 'C', text: \"\u4e0d\u7ba1\u5927\u5c0f\u4e8b\uff0c\u90fd\u559c\u6b61\u5411\u670b\u53cb\u6c42\u52a9\", score: 3 }\n                ]\n            },\n            {\n                id: 13,\n                text: \"\u4f60\u7d50\u4ea4\u670b\u53cb\u7684\u9014\u5f91\u901a\u5e38\u662f\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u900f\u904e\u65e2\u6709\u670b\u53cb\u4ecb\u7d39\", score: 5 },\n                    { value: 'B', text: \"\u5728\u5404\u7a2e\u5834\u5408\uff08\u5305\u62ec\u7dda\u4e0a\u5e73\u53f0\u3001\u793e\u7fa4\u5a92\u9ad4\u3001\u6d3b\u52d5\u7b49\uff09\u63a5\u89f8\u8a8d\u8b58\", score: 1 },\n                    { value: 'C', text: \"\u7d93\u904e\u8f03\u9577\u6642\u9593\u76f8\u8655\u4e86\u89e3\u5f8c\u624d\u7d50\u4ea4\", score: 3 }\n                ]\n            },\n            {\n                id: 14,\n                text: \"\u5982\u679c\u4f60\u7684\u670b\u53cb\u505a\u4e86\u8b93\u4f60\u4e0d\u958b\u5fc3\u7684\u4e8b\uff0c\u4f60\u6703\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u7528\u540c\u6a23\u7684\u65b9\u5f0f\u56de\u61c9\", score: 5 },\n                    { value: 'B', text: \"\u9078\u64c7\u5bec\u5bb9\u3001\u539f\u8ad2\", score: 1 },\n                    { value: 'C', text: \"\u4fdd\u6301\u8ddd\u96e2\uff0c\u6f38\u884c\u6f38\u9060\", score: 3 }\n                ]\n            },\n            {\n                id: 15,\n                text: \"\u5c0d\u65bc\u670b\u53cb\u5011\u7684\u96b1\u79c1\uff0c\u4f60\u7684\u614b\u5ea6\u662f\uff1a\",\n                options: [\n                    { value: 'A', text: \"\u5f88\u597d\u5947\uff0c\u559c\u6b61\u6253\u807d\u4e26\u8207\u4ed6\u4eba\u5206\u4eab\", score: 5 },\n                    { value: 'B', text: \"\u5c0a\u91cd\u96b1\u79c1\uff0c\u4e0d\u6703\u4e3b\u52d5\u6253\u807d\u6216\u50b3\u64ad\", score: 1 },\n                    { value: 'C', text: \"\u4e0d\u592a\u95dc\u5fc3\uff0c\u89ba\u5f97\u8207\u81ea\u5df1\u7121\u95dc\", score: 3 }\n                ]\n            }\n        ]\n    };\n\n    \/\/ \u61c9\u7528\u72c0\u614b\n    let currentQuestionIndex = 0;\n    let answers = [];\n    let totalScore = 0;\n\n    \/\/ DOM \u5143\u7d20\n    const elements = {\n        pages: document.querySelectorAll('[data-page]'),\n        startBtn: document.querySelector('[data-action=\"start-quiz\"]'),\n        restartBtn: document.querySelector('[data-action=\"restart-quiz\"]'),\n        previousBtn: document.querySelector('[data-action=\"previous-question\"]'),\n        progressText: document.querySelector('[data-progress-text]'),\n        progressBar: document.querySelector('[data-progress-bar]'),\n        questionText: document.querySelector('[data-question-text]'),\n        optionsContainer: document.querySelector('[data-options-container]'),\n        resultBadge: document.querySelector('[data-result-badge]'),\n        resultDescription: document.querySelector('[data-result-description]'),\n        scoreMarker: document.querySelector('[data-score-marker]')\n    };\n\n    \/\/ \u521d\u59cb\u5316\n    function init() {\n        bindEvents();\n    }\n\n    \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n    function bindEvents() {\n        elements.startBtn?.addEventListener('click', startQuiz);\n        elements.restartBtn?.addEventListener('click', restartQuiz);\n        elements.previousBtn?.addEventListener('click', previousQuestion);\n        elements.optionsContainer?.addEventListener('click', handleOptionClick);\n    }\n\n    \/\/ \u986f\u793a\u9801\u9762\n    function showPage(pageName) {\n        elements.pages.forEach(page => {\n            if (page.dataset.page === pageName) {\n                page.classList.remove('d-none');\n            } else {\n                page.classList.add('d-none');\n            }\n        });\n        \n        setTimeout(() => {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }, 100);\n    }\n\n    \/\/ \u958b\u59cb\u6e2c\u9a57\n    function startQuiz() {\n        currentQuestionIndex = 0;\n        answers = [];\n        totalScore = 0;\n        showPage('quiz');\n        displayQuestion();\n    }\n\n    \/\/ \u91cd\u65b0\u958b\u59cb\u6e2c\u9a57 - \u4fee\u6539\u70ba\u8fd4\u56de\u5f15\u5c0e\u9801\n    function restartQuiz() {\n        currentQuestionIndex = 0;\n        answers = [];\n        totalScore = 0;\n        showPage('intro');\n    }\n\n    \/\/ \u986f\u793a\u554f\u984c\n    function displayQuestion() {\n        const question = quizData.questions[currentQuestionIndex];\n        const progress = ((currentQuestionIndex + 1) \/ quizData.questions.length) * 100;\n        \n        \/\/ \u66f4\u65b0\u9032\u5ea6\n        elements.progressText.textContent = `\u554f\u984c ${currentQuestionIndex + 1} \/ ${quizData.questions.length}`;\n        elements.progressBar.style.width = `${progress}%`;\n        \n        \/\/ \u66f4\u65b0\u554f\u984c\n        elements.questionText.textContent = question.text;\n        \n        \/\/ \u66f4\u65b0\u9078\u9805\n        elements.optionsContainer.innerHTML = '';\n        question.options.forEach((option, index) => {\n            const optionElement = createOptionElement(option, index);\n            elements.optionsContainer.appendChild(optionElement);\n        });\n        \n        \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n        if (currentQuestionIndex > 0) {\n            elements.previousBtn.classList.remove('d-none');\n        } else {\n            elements.previousBtn.classList.add('d-none');\n        }\n    }\n\n    \/\/ \u5275\u5efa\u9078\u9805\u5143\u7d20\n    function createOptionElement(option, index) {\n        const button = document.createElement('button');\n        button.className = 'btn option-btn w-100';\n        button.innerHTML = `\n            <div class=\"d-flex align-items-start\">\n                <span class=\"badge bg-secondary me-3 mt-1 flex-shrink-0\">${option.value}<\/span>\n                <span class=\"flex-grow-1\">${option.text}<\/span>\n            <\/div>\n        `;\n        button.dataset.optionValue = option.value;\n        button.dataset.optionScore = option.score;\n        return button;\n    }\n\n    \/\/ \u8655\u7406\u9078\u9805\u9ede\u64ca\n    function handleOptionClick(event) {\n        const optionBtn = event.target.closest('.option-btn');\n        if (!optionBtn) return;\n\n        \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u9805\u7684\u9078\u4e2d\u72c0\u614b\n        elements.optionsContainer.querySelectorAll('.option-btn').forEach(btn => {\n            btn.classList.remove('active');\n        });\n\n        \/\/ \u6dfb\u52a0\u9078\u4e2d\u72c0\u614b\n        optionBtn.classList.add('active');\n\n        \/\/ \u4fdd\u5b58\u7b54\u6848\n        const answer = {\n            questionId: currentQuestionIndex + 1,\n            option: optionBtn.dataset.optionValue,\n            score: parseInt(optionBtn.dataset.optionScore)\n        };\n        \n        answers[currentQuestionIndex] = answer;\n\n        \/\/ \u5ef6\u9072\u5f8c\u81ea\u52d5\u9032\u5165\u4e0b\u4e00\u984c\n        setTimeout(() => {\n            nextQuestion();\n        }, 600);\n    }\n\n    \/\/ \u4e0b\u4e00\u984c\n    function nextQuestion() {\n        if (currentQuestionIndex < quizData.questions.length - 1) {\n            currentQuestionIndex++;\n            displayQuestion();\n        } else {\n            finishQuiz();\n        }\n    }\n\n    \/\/ \u4e0a\u4e00\u984c\n    function previousQuestion() {\n        if (currentQuestionIndex > 0) {\n            currentQuestionIndex--;\n            displayQuestion();\n            \n            \/\/ \u5982\u679c\u5df2\u6709\u7b54\u6848\uff0c\u986f\u793a\u9078\u4e2d\u72c0\u614b\n            if (answers[currentQuestionIndex]) {\n                const selectedOption = elements.optionsContainer.querySelector(\n                    `[data-option-value=\"${answers[currentQuestionIndex].option}\"]`\n                );\n                if (selectedOption) {\n                    selectedOption.classList.add('active');\n                }\n            }\n        }\n    }\n\n    \/\/ \u5b8c\u6210\u6e2c\u9a57\n    function finishQuiz() {\n        calculateScore();\n        showPage('result');\n        displayResult();\n        createChart();\n    }\n\n    \/\/ \u8a08\u7b97\u5206\u6578\n    function calculateScore() {\n        totalScore = answers.reduce((sum, answer) => sum + (answer?.score || 0), 0);\n    }\n\n    \/\/ \u986f\u793a\u7d50\u679c\n    function displayResult() {\n        let level, badge, badgeClass, description, position;\n        \n        if (totalScore >= 15 && totalScore <= 29) {\n            level = 'strong';\n            badge = '\u793e\u4ea4\u80fd\u529b\u512a\u79c0';\n            badgeClass = 'bg-success';\n            \/\/ \u8a08\u7b97\u5728\u512a\u79c0\u5340\u9593\u7684\u4f4d\u7f6e (15-29\u5206 -> 67%-100%)\n            position = 67 + ((29 - totalScore) \/ (29 - 15)) * 33;\n            description = `\n                <h5 class=\"text-success fw-bold mb-3\">\ud83c\udf1f \u606d\u559c\u60a8\uff01\u60a8\u7684\u793e\u4ea4\u80fd\u529b\u975e\u5e38\u51fa\u8272<\/h5>\n                <ul class=\"list-unstyled\">\n                    <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-success me-2\"><\/i>\u60a8\u5f88\u5584\u65bc\u8207\u4eba\u4ea4\u5f80\uff0c\u80fd\u5920\u5feb\u901f\u9069\u61c9\u4e0d\u540c\u7684\u793e\u4ea4\u74b0\u5883<\/li>\n                    <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-success me-2\"><\/i>\u64c1\u6709\u826f\u597d\u7684\u4eba\u969b\u95dc\u4fc2\u7dad\u8b77\u80fd\u529b<\/li>\n                    <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-success me-2\"><\/i>\u5728\u73fe\u4ee3\u591a\u5143\u7684\u793e\u4ea4\u74b0\u5883\u4e2d\u8868\u73fe\u51fa\u8272<\/li>\n                    <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-success me-2\"><\/i>\u80fd\u5920\u8207\u4e0d\u540c\u985e\u578b\u7684\u4eba\u5efa\u7acb\u826f\u597d\u95dc\u4fc2<\/li>\n                <\/ul>\n                <div class=\"alert alert-success\" role=\"alert\">\n                    <strong>\u5efa\u8b70\uff1a<\/strong>\u7e7c\u7e8c\u767c\u63ee\u60a8\u7684\u793e\u4ea4\u512a\u52e2\uff0c\u53ef\u4ee5\u8003\u616e\u5728\u5718\u968a\u4e2d\u64d4\u4efb\u6e9d\u901a\u6a4b\u6a11\u7684\u89d2\u8272\uff0c\u5e6b\u52a9\u4ed6\u4eba\u63d0\u5347\u793e\u4ea4\u6280\u5de7\u3002\n                <\/div>\n            `;\n        } else if (totalScore >= 30 && totalScore <= 57) {\n            level = 'average';\n            badge = '\u793e\u4ea4\u80fd\u529b\u4e00\u822c';\n            badgeClass = 'bg-warning text-dark';\n            \/\/ \u8a08\u7b97\u5728\u4e00\u822c\u5340\u9593\u7684\u4f4d\u7f6e (30-57\u5206 -> 33%-67%)\n            position = 33 + ((57 - totalScore) \/ (57 - 30)) * 34;\n            description = `\n                <h5 class=\"text-warning fw-bold mb-3\">\ud83d\udca1 \u60a8\u5177\u5099\u57fa\u672c\u7684\u793e\u4ea4\u6280\u5de7<\/h5>\n                <ul class=\"list-unstyled\">\n                    <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-warning me-2\"><\/i>\u60a8\u5177\u5099\u57fa\u672c\u7684\u793e\u4ea4\u6280\u5de7\uff0c\u5728\u719f\u6089\u7684\u74b0\u5883\u4e2d\u8868\u73fe\u4e0d\u932f<\/li>\n                    <li class=\"mb-2\"><i class=\"bi bi-exclamation-circle-fill text-warning me-2\"><\/i>\u5728\u67d0\u4e9b\u793e\u4ea4\u60c5\u5883\u4e0b\u53ef\u80fd\u9700\u8981\u66f4\u591a\u6642\u9593\u9069\u61c9<\/li>\n                    <li class=\"mb-2\"><i class=\"bi bi-arrow-up-circle-fill text-info me-2\"><\/i>\u6709\u6210\u9577\u7a7a\u9593\uff0c\u53ef\u4ee5\u900f\u904e\u7df4\u7fd2\u63d0\u5347\u793e\u4ea4\u6280\u5de7<\/li>\n                <\/ul>\n                <div class=\"alert alert-info\" role=\"alert\">\n                    <strong>\u5efa\u8b70\uff1a<\/strong>\u591a\u53c3\u8207\u4e0d\u540c\u985e\u578b\u7684\u793e\u4ea4\u6d3b\u52d5\uff0c\u7df4\u7fd2\u8207\u5404\u7a2e\u4eba\u7fa4\u4ea4\u6d41\uff0c\u9010\u6b65\u63d0\u5347\u81ea\u4fe1\u5fc3\u548c\u6e9d\u901a\u6280\u5de7\u3002\n                <\/div>\n            `;\n        } else {\n            level = 'weak';\n            badge = '\u793e\u4ea4\u80fd\u529b\u9700\u52a0\u5f37';\n            badgeClass = 'bg-danger';\n            \/\/ \u8a08\u7b97\u5728\u9700\u52a0\u5f37\u5340\u9593\u7684\u4f4d\u7f6e (58-75\u5206 -> 0%-33%)\n            position = ((75 - totalScore) \/ (75 - 58)) * 33;\n            description = `\n                <h5 class=\"text-danger fw-bold mb-3\">\ud83c\udfaf \u60a8\u7684\u793e\u4ea4\u80fd\u529b\u6709\u5f88\u5927\u63d0\u5347\u7a7a\u9593<\/h5>\n                <ul class=\"list-unstyled\">\n                    <li class=\"mb-2\"><i class=\"bi bi-exclamation-triangle-fill text-danger me-2\"><\/i>\u5728\u4eba\u969b\u4ea4\u5f80\u65b9\u9762\u53ef\u80fd\u611f\u5230\u6709\u4e9b\u56f0\u96e3<\/li>\n                    <li class=\"mb-2\"><i class=\"bi bi-arrow-up-circle-fill text-primary me-2\"><\/i>\u5efa\u8b70\u591a\u53c3\u8207\u793e\u4ea4\u6d3b\u52d5\uff0c\u7df4\u7fd2\u8207\u4e0d\u540c\u985e\u578b\u7684\u4eba\u4ea4\u5f80<\/li>\n                    <li class=\"mb-2\"><i class=\"bi bi-heart-fill text-primary me-2\"><\/i>\u53ef\u4ee5\u5f9e\u5c0f\u7bc4\u570d\u7684\u793e\u4ea4\u958b\u59cb\uff0c\u9010\u6b65\u5efa\u7acb\u4fe1\u5fc3<\/li>\n                <\/ul>\n                <div class=\"alert alert-primary\" role=\"alert\">\n                    <strong>\u5efa\u8b70\uff1a<\/strong>\u5f9e\u719f\u6089\u7684\u74b0\u5883\u958b\u59cb\u7df4\u7fd2\uff0c\u53c3\u52a0\u8208\u8da3\u5c0f\u7d44\u6216\u5fd7\u5de5\u6d3b\u52d5\uff0c\u6162\u6162\u57f9\u990a\u793e\u4ea4\u81ea\u4fe1\u3002\u8a18\u4f4f\uff0c\u793e\u4ea4\u80fd\u529b\u662f\u53ef\u4ee5\u900f\u904e\u7df4\u7fd2\u4e0d\u65b7\u63d0\u5347\u7684\uff01\n                <\/div>\n            `;\n        }\n        \n        elements.resultBadge.textContent = badge;\n        elements.resultBadge.className = `badge fs-5 px-4 py-3 rounded-pill ${badgeClass}`;\n        elements.resultDescription.innerHTML = description;\n        \n        \/\/ \u8a2d\u7f6e\u5206\u6578\u6307\u6a19\u4f4d\u7f6e\n        elements.scoreMarker.style.left = `${Math.max(5, Math.min(95, position))}%`;\n    }\n\n    \/\/ \u5275\u5efa\u5716\u8868\n    function createChart() {\n        const ctx = document.getElementById('resultChart');\n        if (!ctx) return;\n\n        \/\/ \u5206\u6790\u7b54\u984c\u5206\u4f48\n        const distribution = analyzeAnswers();\n        \n        \/\/ \u92b7\u6bc0\u5df2\u5b58\u5728\u7684\u5716\u8868\n        if (window.socialQuizChart) {\n            window.socialQuizChart.destroy();\n        }\n\n        window.socialQuizChart = new Chart(ctx, {\n            type: 'radar',\n            data: {\n                labels: ['\u793e\u4ea4\u7a4d\u6975\u6027', '\u9069\u61c9\u80fd\u529b', '\u4eba\u969b\u7dad\u8b77', '\u6e9d\u901a\u958b\u653e\u6027', '\u95dc\u4fc2\u5efa\u7acb'],\n                datasets: [{\n                    label: '\u60a8\u7684\u793e\u4ea4\u80fd\u529b',\n                    data: [\n                        distribution.social,\n                        distribution.adaptation,\n                        distribution.maintenance,\n                        distribution.communication,\n                        distribution.relationship\n                    ],\n                    backgroundColor: 'rgba(40, 167, 69, 0.2)',\n                    borderColor: 'rgba(40, 167, 69, 1)',\n                    borderWidth: 3,\n                    pointBackgroundColor: 'rgba(40, 167, 69, 1)',\n                    pointBorderColor: '#fff',\n                    pointHoverBackgroundColor: '#fff',\n                    pointHoverBorderColor: 'rgba(40, 167, 69, 1)',\n                    pointRadius: 6,\n                    pointHoverRadius: 8\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: {\n                        display: false\n                    },\n                    tooltip: {\n                        callbacks: {\n                            label: function(context) {\n                                return `${context.label}: ${context.parsed.r.toFixed(0)}%`;\n                            }\n                        }\n                    }\n                },\n                scales: {\n                    r: {\n                        beginAtZero: true,\n                        max: 100,\n                        min: 0,\n                        ticks: {\n                            stepSize: 20,\n                            font: {\n                                size: 12\n                            }\n                        },\n                        pointLabels: {\n                            font: {\n                                size: 14,\n                                weight: 'bold'\n                            }\n                        },\n                        grid: {\n                            color: 'rgba(0, 0, 0, 0.1)'\n                        },\n                        angleLines: {\n                            color: 'rgba(0, 0, 0, 0.1)'\n                        }\n                    }\n                }\n            }\n        });\n    }\n\n    \/\/ \u5206\u6790\u7b54\u984c\u7d50\u679c\n    function analyzeAnswers() {\n        const categories = {\n            social: [1, 2, 11, 13],\n            adaptation: [6, 7],\n            maintenance: [3, 4, 5],\n            communication: [8, 9, 14, 15],\n            relationship: [10, 12]\n        };\n\n        const result = {};\n        \n        Object.keys(categories).forEach(category => {\n            const questionIds = categories[category];\n            const categoryAnswers = answers.filter(answer => \n                questionIds.includes(answer.questionId)\n            );\n            \n            const avgScore = categoryAnswers.reduce((sum, answer) => \n                sum + answer.score, 0\n            ) \/ categoryAnswers.length;\n            \n            const maxScore = 5;\n            const percentage = ((maxScore - avgScore) \/ (maxScore - 1)) * 100;\n            result[category] = Math.max(10, Math.min(100, percentage));\n        });\n        \n        return result;\n    }\n\n    \/\/ \u521d\u59cb\u5316\u61c9\u7528\n    init();\n\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8bf7\u4f60\u6839\u636e\u81ea\u5df1\u9009\u62e9\uff0c\u6309\u7167\u4e0b\u9762\u8ba1\u5206\u8868\u7b97\u51fa\u81ea\u5df1\u7684\u5f97\u5206\u3002\u4ece\u7b2c1\u9898\u5230\u7b2c15\u9898\uff0c\u6bcf\u4e2a\u9009\u9879\u5bf9\u5e94\u5f97\u5206\u4e0d\u540c\uff0c\u5206\u522b\u662f\u793e\u4ea4\u80fd\u529b\u5f3a\u3001\u793e\u4ea4\u80fd\u529b\u4e00\u822c\u3001\u793e\u4ea4\u80fd\u529b\u8f83\u5dee<\/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":"narrow-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,167,175],"tags":[],"class_list":["post-2632","post","type-post","status-publish","format-standard","hentry","category-aptitude","category-personality","category-relationships"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2632","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=2632"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2632\/revisions"}],"predecessor-version":[{"id":10161,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2632\/revisions\/10161"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}