{"id":2644,"date":"2023-10-14T12:29:31","date_gmt":"2023-10-14T04:29:31","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2644"},"modified":"2025-08-07T18:12:53","modified_gmt":"2025-08-07T10:12:53","slug":"emotional-type","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/emotional-type","title":{"rendered":"\u60c5\u7eea\u7c7b\u578b\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0830\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<\/head>\n<body>\n\n<!-- HTML \u7d50\u69cb -->\n<main class=\"emotion-quiz-container\">\n    <!-- \u5f15\u5c0e\u9801 -->\n    <section data-page=\"intro\" class=\"emotion-quiz-page active\">\n        <div class=\"container\">\n            <header class=\"text-center mb-5\">\n                <h1 class=\"emotion-quiz-title display-4 fw-bold mb-3\">\u60c5\u7dd2\u985e\u578b\u6e2c\u9a57<\/h1>\n                <p class=\"emotion-quiz-subtitle lead text-muted\">\u63a2\u7d22\u4f60\u7684\u5167\u5fc3\u4e16\u754c\uff0c\u4e86\u89e3\u60c5\u7dd2\u7684\u529b\u91cf<\/p>\n            <\/header>\n            \n            <div class=\"row justify-content-center\">\n                <div class=\"col-lg-10\">\n                    <div class=\"emotion-quiz-intro-card card border-0 shadow-lg\">\n                        <div class=\"card-body p-5\">\n                            <div class=\"row mb-4\">\n                                <div class=\"col-md-4 text-center mb-3 mb-md-0\">\n                                    <div class=\"emotion-quiz-icon-circle\">\n                                        <i class=\"bi bi-heart-pulse\"><\/i>\n                                    <\/div>\n                                    <h4 class=\"mt-3\">\u7406\u6027\u8207\u611f\u6027<\/h4>\n                                    <p class=\"text-muted\">\u63a2\u7d22\u7406\u667a\u8207\u60c5\u7dd2\u7684\u5e73\u8861<\/p>\n                                <\/div>\n                                <div class=\"col-md-4 text-center mb-3 mb-md-0\">\n                                    <div class=\"emotion-quiz-icon-circle\">\n                                        <i class=\"bi bi-person-hearts\"><\/i>\n                                    <\/div>\n                                    <h4 class=\"mt-3\">\u4eba\u969b\u4e92\u52d5<\/h4>\n                                    <p class=\"text-muted\">\u4e86\u89e3\u4f60\u7684\u793e\u4ea4\u60c5\u7dd2\u6a21\u5f0f<\/p>\n                                <\/div>\n                                <div class=\"col-md-4 text-center\">\n                                    <div class=\"emotion-quiz-icon-circle\">\n                                        <i class=\"bi bi-lightbulb\"><\/i>\n                                    <\/div>\n                                    <h4 class=\"mt-3\">\u81ea\u6211\u8ba4\u77e5<\/h4>\n                                    <p class=\"text-muted\">\u767c\u73fe\u771f\u5be6\u7684\u60c5\u7dd2\u7279\u8cea<\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"emotion-quiz-intro-content\">\n                                <h3 class=\"text-center mb-4\">\u95dc\u65bc\u9019\u500b\u6e2c\u9a57<\/h3>\n                                <p class=\"lead mb-4\">\u6211\u5011\u5728\u65e5\u5e38\u751f\u6d3b\u4e2d\u591a\u5927\u7a0b\u5ea6\u4e0a\u53d7\u7406\u667a\u7684\u63a7\u5236\uff0c\u53c8\u5728\u591a\u5927\u7a0b\u5ea6\u4e0a\u53d7\u60c5\u7dd2\u7684\u652f\u914d\uff1f\u5728\u9019\u65b9\u9762\uff0c\u4eba\u8207\u4eba\u4e4b\u9593\u5b58\u5728\u5f88\u5927\u5dee\u7570\u3002<\/p>\n                                \n                                <div class=\"row\">\n                                    <div class=\"col-md-6 mb-3\">\n                                        <div class=\"d-flex align-items-start\">\n                                            <i class=\"bi bi-check-circle-fill text-success me-3 mt-1\"><\/i>\n                                            <div>\n                                                <strong>\u79d1\u5b66\u8bc4\u4f30<\/strong><br>\n                                                <span class=\"text-muted\">\u57fa\u65bc\u5fc3\u7406\u5b78\u7406\u8ad6\u7684\u5c08\u696d\u6e2c\u9a57<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-6 mb-3\">\n                                        <div class=\"d-flex align-items-start\">\n                                            <i class=\"bi bi-clock-fill text-success me-3 mt-1\"><\/i>\n                                            <div>\n                                                <strong>\u5feb\u901f\u4fbf\u6377<\/strong><br>\n                                                <span class=\"text-muted\">30\u500b\u554f\u984c\uff0c\u7d04\u97005-8\u5206\u9418\u5b8c\u6210<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-6 mb-3\">\n                                        <div class=\"d-flex align-items-start\">\n                                            <i class=\"bi bi-graph-up-arrow text-success me-3 mt-1\"><\/i>\n                                            <div>\n                                                <strong>\u8be6\u7ec6\u5206\u6790<\/strong><br>\n                                                <span class=\"text-muted\">\u63d0\u4f9b\u6df1\u5165\u7684\u7d50\u679c\u89e3\u6790\u548c\u5efa\u8b70<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-6 mb-3\">\n                                        <div class=\"d-flex align-items-start\">\n                                            <i class=\"bi bi-shield-check text-success me-3 mt-1\"><\/i>\n                                            <div>\n                                                <strong>\u9690\u79c1\u4fdd\u62a4<\/strong><br>\n                                                <span class=\"text-muted\">\u4e0d\u6703\u5132\u5b58\u4efb\u4f55\u500b\u4eba\u8cc7\u6599<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                \n                                <p class=\"mt-4 mb-4\">\u6c23\u8cea\uff08\u4e3b\u8981\u662f\u907a\u50b3\u56e0\u7d20\uff09\u3001\u6027\u683c\u3001\u89ba\u9192\u6c34\u6e96\u3001\u95b1\u6b77\u3001\u7d20\u990a\u7b49\u90fd\u8d77\u8457\u4f5c\u7528\u3002\u6211\u5011\u61c9\u8a72\u8a8d\u6e05\u81ea\u5df1\u60c5\u7dd2\u7684\u529b\u91cf\u4f75\u767c\u63ee\u7406\u6027\u7684\u63a7\u5236\uff0c\u624d\u80fd\u5be6\u73fe\u60c5\u7dd2\u53cd\u61c9\u8207\u8868\u73fe\u7684\u5747\u8861\u9069\u5ea6\uff0c\u78ba\u4fdd\u60c5\u7dd2\u8207\u74b0\u5883\u76f8\u9069\u61c9\u3002<\/p>\n                                \n                                <div class=\"text-center\">\n                                    <button class=\"emotion-quiz-start-btn btn btn-lg px-5 py-3\" data-action=\"start\">\n                                        <i class=\"bi bi-play-circle me-2\"><\/i>\n                                        \u5f00\u59cb\u6d4b\u9a8c\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u6e2c\u9a57\u9801 -->\n    <section data-page=\"quiz\" class=\"emotion-quiz-page\">\n        <div class=\"container\">\n            <header class=\"text-center mb-4\">\n                <h2 class=\"emotion-quiz-page-title\">\u60c5\u7dd2\u985e\u578b\u6e2c\u9a57<\/h2>\n            <\/header>\n            \n            <div class=\"row justify-content-center\">\n                <div class=\"col-lg-10\">\n                    <!-- \u9032\u5ea6\u689d -->\n                    <div class=\"emotion-quiz-progress-container mb-4\">\n                        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n                            <span class=\"emotion-quiz-progress-text\">\u95ee\u9898 <span data-current-question>1<\/span> \/ 30<\/span>\n                            <span class=\"emotion-quiz-progress-percent\">3%<\/span>\n                        <\/div>\n                        <div class=\"progress emotion-quiz-progress\">\n                            <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 3.33%\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- \u984c\u76ee\u5361\u7247 -->\n                    <div class=\"emotion-quiz-question-card card border-0 shadow\">\n                        <div class=\"card-body p-4 p-md-5\">\n                            <h3 class=\"emotion-quiz-question-title mb-4\" data-question-text><\/h3>\n                            <div class=\"emotion-quiz-options\" data-question-options><\/div>\n                            \n                            <!-- \u4e0a\u4e00\u984c\u6309\u9215 -->\n                            <div class=\"text-center mt-4\">\n                                <button class=\"emotion-quiz-prev-btn btn btn-outline-secondary d-none\" data-action=\"prev\">\n                                    <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u7d50\u679c\u9801 -->\n    <section data-page=\"result\" class=\"emotion-quiz-page\">\n        <div class=\"container\">\n            <header class=\"text-center mb-4\">\n                <h2 class=\"emotion-quiz-page-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n            <\/header>\n            \n            <div class=\"row justify-content-center\">\n                <div class=\"col-lg-10\">\n                    <div class=\"emotion-quiz-result-card card border-0 shadow-lg\">\n                        <div class=\"card-body p-4 p-md-5\">\n                            <div class=\"text-center mb-5\">\n                                <div class=\"emotion-quiz-result-icon mb-3\">\n                                    <i class=\"bi bi-award-fill\"><\/i>\n                                <\/div>\n                                <h3 class=\"emotion-quiz-result-type mb-3\" data-result-type><\/h3>\n                                <p class=\"emotion-quiz-result-score lead\" data-result-score><\/p>\n                            <\/div>\n                            \n                            <!-- \u5206\u6578\u5206\u4f48\u5716\u8868 -->\n                            <div class=\"emotion-quiz-chart-container mb-5\">\n                                <h4 class=\"text-center mb-3\">\u4f60\u5728\u6240\u6709\u6e2c\u9a57\u8005\u4e2d\u7684\u4f4d\u7f6e<\/h4>\n                                <div class=\"emotion-quiz-score-chart\">\n                                    <canvas id=\"scoreDistributionChart\" width=\"750\" height=\"200\"><\/canvas>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- \u591a\u7dad\u5206\u6790 -->\n                            <div class=\"emotion-quiz-analysis-section mb-5\">\n                                <h4 class=\"mb-4\">\u591a\u7dad\u5ea6\u60c5\u7dd2\u5206\u6790<\/h4>\n                                <div class=\"row\" id=\"analysisResults\"><\/div>\n                            <\/div>\n                            \n                            <!-- \u500b\u6027\u5316\u5efa\u8b70 -->\n                            <div class=\"emotion-quiz-suggestions-section mb-5\">\n                                <h4 class=\"mb-4\">\u500b\u6027\u5316\u5efa\u8b70<\/h4>\n                                <div id=\"personalSuggestions\"><\/div>\n                            <\/div>\n                            \n                            <!-- \u8a73\u7d30\u7d50\u679c -->\n                            <div class=\"emotion-quiz-result-detail mb-5\">\n                                <h4 class=\"mb-3\">\u8be6\u7ec6\u5206\u6790<\/h4>\n                                <div class=\"emotion-quiz-result-description\" data-result-description><\/div>\n                            <\/div>\n                            \n                            <!-- \u91cd\u65b0\u6e2c\u9a57\u6309\u9215 -->\n                            <div class=\"text-center\">\n                                <button class=\"emotion-quiz-restart-btn btn btn-lg px-5 py-3\" data-action=\"restart\">\n                                    <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\n                                    \u91cd\u65b0\u6d4b\u9a8c\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/main>\n\n<style>\n\/* CSS \u6a23\u5f0f *\/\n.emotion-quiz-container {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    min-height: 100vh;\n    padding: 2rem 0;\n    max-width: 750px;\n    margin: 0 auto;\n}\n\n.emotion-quiz-page {\n    display: none;\n}\n\n.emotion-quiz-page.active {\n    display: block;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.emotion-quiz-title {\n    color: #2d5f3f;\n    text-shadow: 0 2px 4px rgba(45, 95, 63, 0.1);\n}\n\n.emotion-quiz-subtitle {\n    color: #5a7c65;\n}\n\n.emotion-quiz-intro-card {\n    background: linear-gradient(145deg, #ffffff 0%, #f8fdf9 100%);\n    border-radius: 20px;\n}\n\n.emotion-quiz-icon-circle {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto;\n    font-size: 2rem;\n    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.3);\n    transition: transform 0.3s ease;\n}\n\n.emotion-quiz-icon-circle:hover {\n    transform: translateY(-5px);\n}\n\n.emotion-quiz-intro-content p {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #374151;\n}\n\n.emotion-quiz-start-btn {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    border: none;\n    color: white;\n    font-size: 1.2rem;\n    font-weight: 600;\n    border-radius: 50px;\n    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);\n    transition: all 0.3s ease;\n}\n\n.emotion-quiz-start-btn:hover {\n    background: linear-gradient(135deg, #059669 0%, #047857 100%);\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4);\n    color: white;\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n.emotion-quiz-page-title {\n    color: #2d5f3f;\n    font-size: 2rem;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n}\n\n.emotion-quiz-progress-container {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.emotion-quiz-progress-text {\n    font-weight: 600;\n    color: #2d5f3f;\n    font-size: 1.1rem;\n}\n\n.emotion-quiz-progress-percent {\n    font-weight: 600;\n    color: #10b981;\n    font-size: 1.1rem;\n}\n\n.emotion-quiz-progress {\n    height: 10px;\n    background-color: #e5f3e8;\n    border-radius: 10px;\n}\n\n.emotion-quiz-progress .progress-bar {\n    background: linear-gradient(90deg, #10b981 0%, #22c55e 100%);\n    border-radius: 10px;\n    transition: width 0.5s ease;\n}\n\n.emotion-quiz-question-card {\n    background: white;\n    border-radius: 20px;\n    min-height: 400px;\n}\n\n.emotion-quiz-question-title {\n    color: #2d5f3f;\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.6;\n}\n\n\/* \u9078\u9805\u5361\u7247\u6a23\u5f0f - \u5b8c\u5168\u91cd\u5beb\u5c0d\u9f4a\u65b9\u5f0f *\/\n.emotion-quiz-option {\n    background: white;\n    border: 2px solid #e5f3e8;\n    border-radius: 15px;\n    margin-bottom: 1rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    min-height: 60px;\n    display: flex;\n    flex-direction: row;\n    align-items: center; \/* \u95dc\u9375\uff1a\u5782\u76f4\u5c45\u4e2d *\/\n    padding: 1rem;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.emotion-quiz-option:hover {\n    border-color: #10b981;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.15);\n}\n\n.emotion-quiz-option.selected {\n    border-color: #059669;\n    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.2);\n}\n\n.emotion-quiz-option-indicator {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: #f1f5f9;\n    border: 2px solid #e2e8f0;\n    display: inline-flex; \/* \u6539\u70bainline-flex *\/\n    align-items: center;\n    justify-content: center;\n    margin-right: 15px; \/* \u589e\u52a0\u9593\u8ddd *\/\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n    vertical-align: middle; \/* \u78ba\u4fdd\u5782\u76f4\u5c0d\u9f4a *\/\n}\n\n.emotion-quiz-option:hover .emotion-quiz-option-indicator {\n    border-color: #10b981;\n    background: #ecfdf5;\n}\n\n.emotion-quiz-option.selected .emotion-quiz-option-indicator {\n    background: #10b981;\n    border-color: #059669;\n    color: white;\n}\n\n.emotion-quiz-option-text {\n    flex: 1;\n    font-size: 18px;\n    color: #374151;\n    font-weight: 500;\n    line-height: 1.4;\n    display: inline-block; \/* \u6539\u70bainline-block *\/\n    vertical-align: middle; \/* \u78ba\u4fdd\u5782\u76f4\u5c0d\u9f4a *\/\n}\n\n.emotion-quiz-option.selected .emotion-quiz-option-text {\n    color: #2d5f3f;\n    font-weight: 600;\n}\n\n.emotion-quiz-prev-btn {\n    border-color: #6b7280;\n    color: #6b7280;\n    border-radius: 25px;\n    padding: 0.75rem 1.5rem;\n    font-weight: 500;\n    min-width: 150px;\n    min-height: 44px;\n}\n\n.emotion-quiz-prev-btn:hover {\n    background-color: #6b7280;\n    border-color: #6b7280;\n    color: white;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.emotion-quiz-result-card {\n    background: linear-gradient(145deg, #ffffff 0%, #f8fdf9 100%);\n    border-radius: 20px;\n}\n\n.emotion-quiz-result-icon {\n    width: 120px;\n    height: 120px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto;\n    font-size: 3rem;\n    box-shadow: 0 15px 40px rgba(34, 197, 94, 0.3);\n}\n\n.emotion-quiz-result-type {\n    color: #2d5f3f;\n    font-size: 2.2rem;\n    font-weight: 700;\n}\n\n.emotion-quiz-result-score {\n    color: #10b981;\n    font-weight: 600;\n}\n\n.emotion-quiz-chart-container {\n    background: white;\n    padding: 2rem;\n    border-radius: 15px;\n    margin: 0 auto;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.emotion-quiz-chart-container h4 {\n    color: #2d5f3f;\n    font-weight: 700;\n}\n\n.emotion-quiz-analysis-section .col-md-4 {\n    margin-bottom: 1.5rem;\n}\n\n.emotion-quiz-analysis-item {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 12px;\n    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);\n    border-left: 4px solid #10b981;\n    height: 100%;\n}\n\n.emotion-quiz-analysis-item h5 {\n    color: #2d5f3f;\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n}\n\n.emotion-quiz-analysis-item .score {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #10b981;\n}\n\n.emotion-quiz-analysis-item .description {\n    color: #6b7280;\n    font-size: 0.9rem;\n    margin-top: 0.5rem;\n}\n\n.emotion-quiz-suggestions-section {\n    background: #f0f9f0;\n    padding: 2rem;\n    border-radius: 15px;\n    border: 1px solid #d1fae5;\n}\n\n.emotion-quiz-suggestions-section h4 {\n    color: #2d5f3f;\n    font-weight: 700;\n}\n\n.suggestion-card {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    margin-bottom: 1rem;\n    border-left: 4px solid #22c55e;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.suggestion-card h6 {\n    color: #2d5f3f;\n    font-weight: 600;\n    margin-bottom: 0.75rem;\n}\n\n.suggestion-card p {\n    color: #4b5563;\n    margin-bottom: 0;\n    line-height: 1.6;\n}\n\n.emotion-quiz-result-detail h4 {\n    color: #2d5f3f;\n    font-weight: 700;\n}\n\n.emotion-quiz-result-description {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #374151;\n    background: #f0f9f0;\n    padding: 2rem;\n    border-radius: 15px;\n    border-left: 5px solid #10b981;\n}\n\n.emotion-quiz-restart-btn {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    border: none;\n    color: white;\n    font-size: 1.2rem;\n    font-weight: 600;\n    border-radius: 50px;\n    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);\n    transition: all 0.3s ease;\n    min-width: 200px;\n    min-height: 50px;\n}\n\n.emotion-quiz-restart-btn:hover {\n    background: linear-gradient(135deg, #059669 0%, #047857 100%);\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4);\n    color: white;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n    .emotion-quiz-container {\n        padding: 1rem 0;\n        max-width: 100%;\n        margin: 0;\n    }\n    \n    .emotion-quiz-title {\n        font-size: 2.5rem;\n    }\n    \n    .emotion-quiz-question-title {\n        font-size: 20px;\n    }\n    \n    .emotion-quiz-option-text {\n        font-size: 16px;\n    }\n    \n    .emotion-quiz-result-type {\n        font-size: 1.8rem;\n    }\n    \n    .emotion-quiz-chart-container {\n        padding: 1rem;\n    }\n    \n\n}\n\n\/* \u78ba\u4fdd\u6240\u6709\u6309\u9215\u6700\u5c0f\u5c3a\u5bf8 *\/\nbutton {\n    min-width: 44px;\n    min-height: 44px;\n}\n\n\/* \u6587\u672c\u5c0d\u6bd4\u5ea6\u512a\u5316 *\/\n.text-muted {\n    color: #5a7c65 !important;\n}\n\n\/* \u8f09\u5165\u52d5\u756b *\/\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.emotion-quiz-page.active {\n    animation: fadeIn 0.5s ease;\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n\/\/ JavaScript \u884c\u70ba\n(() => {\n    'use strict';\n    \n    \/\/ \u6e2c\u9a57\u6578\u64da\n    const QUIZ_DATA = {\n        questions: [\n            {\n                id: 1,\n                text: \"\u5982\u679c\u8b93\u4f60\u9078\u64c7\uff0c\u4f60\u66f4\u9858\u610f\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u540c\u8a31\u591a\u4eba\u4e00\u8d77\u5de5\u4f5c\u4e26\u89aa\u5bc6\u63a5\u89f8\", score: 3 },\n                    { id: \"B\", text: \"\u548c\u4e00\u4e9b\u4eba\u4e00\u8d77\u5de5\u4f5c\", score: 2 },\n                    { id: \"C\", text: \"\u7368\u81ea\u5de5\u4f5c\", score: 1 }\n                ]\n            },\n            {\n                id: 2,\n                text: \"\u7576\u4f60\u70ba\u89e3\u60b6\u800c\u8b80\u66f8\u6642\uff0c\u4f60\u559c\u6b61\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u8b80\u5e7b\u60f3\u5c0f\u8aaa\u3001\u8352\u8a95\u5c0f\u8aaa\", score: 3 },\n                    { id: \"B\", text: \"\u8b80\u6b77\u53f2\u5c0f\u8aaa\u3001\u793e\u6703\u554f\u984c\u5c0f\u8aaa\", score: 2 },\n                    { id: \"C\", text: \"\u8b80\u6b77\u53f2\u3001\u79d8\u805e\u3001\u50b3\u8a18\u985e\", score: 1 }\n                ]\n            },\n            {\n                id: 3,\n                text: \"\u4f60\u5c0d\u6050\u6016\u5f71\u7247\u614b\u5ea6\u5982\u4f55\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u5bb3\u6015\", score: 3 },\n                    { id: \"B\", text: \"\u5f88\u559c\u6b61\", score: 2 },\n                    { id: \"C\", text: \"\u4e0d\u80fd\u5fcd\u53d7\", score: 1 }\n                ]\n            },\n            {\n                id: 4,\n                text: \"\u4ee5\u4e0b\u54ea\u7a2e\u60c5\u6cc1\u8207\u4f60\u76f8\u7b26\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u611b\u807d\u65b0\u805e\uff0c\u95dc\u5fc3\u5225\u4eba\u7684\u751f\u6d3b\u7d30\u7bc0\", score: 3 },\n                    { id: \"B\", text: \"\u95dc\u5fc3\u719f\u4eba\u7684\u751f\u6d3b\", score: 2 },\n                    { id: \"C\", text: \"\u5f88\u5c11\u95dc\u5fc3\u4ed6\u4eba\u7684\u4e8b\", score: 1 }\n                ]\n            },\n            {\n                id: 5,\n                text: \"\u53bb\u5916\u5730\u6642\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u9676\u9189\u65bc\u81ea\u7136\u98a8\u5149\", score: 3 },\n                    { id: \"B\", text: \"\u5e0c\u671b\u53bb\u66f4\u591a\u7684\u5730\u65b9\", score: 2 },\n                    { id: \"C\", text: \"\u70ba\u89aa\u621a\u5011\u7684\u5e73\u5b89\u611f\u5230\u9ad8\u8208\", score: 1 }\n                ]\n            },\n            {\n                id: 6,\n                text: \"\u4f60\u770b\u96fb\u5f71\u6642\u6703\u54ed\u6216\u89ba\u5f97\u8981\u54ed\u55ce\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u7d93\u5e38\", score: 3 },\n                    { id: \"B\", text: \"\u6709\u6642\", score: 2 },\n                    { id: \"C\", text: \"\u5f9e\u4e0d\", score: 1 }\n                ]\n            },\n            {\n                id: 7,\n                text: \"\u9047\u5230\u670b\u53cb\u6642\uff0c\u4f60\u7d93\u5e38\u662f\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u64c1\u62b1\u4ed6\u5011\", score: 3 },\n                    { id: \"B\", text: \"\u5fae\u7b11\u3001\u63e1\u624b\u548c\u554f\u5019\", score: 2 },\n                    { id: \"C\", text: \"\u9ede\u982d\u554f\u597d\", score: 1 }\n                ]\n            },\n            {\n                id: 8,\n                text: \"\u5982\u679c\u5728\u8eca\u4e0a\u6709\u7169\u4eba\u7684\u964c\u751f\u4eba\u8981\u4f60\u807d\u4ed6\u8b1b\u81ea\u5df1\u7684\u7d93\u6b77\uff0c\u4f60\u6703\u600e\u6a23\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u771f\u7684\u5f88\u611f\u8208\u8da3\", score: 3 },\n                    { id: \"B\", text: \"\u986f\u793a\u4f60\u9817\u6709\u8208\u8da3\", score: 2 },\n                    { id: \"C\", text: \"\u6253\u65b7\u4ed6\uff0c\u505a\u81ea\u5df1\u7684\u4e8b\", score: 1 }\n                ]\n            },\n            {\n                id: 9,\n                text: \"\u662f\u5426\u60f3\u904e\u7d66\u5831\u7d19\u7684\u5c08\u6b04\u5beb\u7a3f\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u60f3\u904e\", score: 3 },\n                    { id: \"B\", text: \"\u6709\u53ef\u80fd\u60f3\u904e\", score: 2 },\n                    { id: \"C\", text: \"\u7d55\u5c0d\u6c92\u60f3\u904e\", score: 1 }\n                ]\n            },\n            {\n                id: 10,\n                text: \"\u88ab\u554f\u53ca\u79c1\u4eba\u554f\u984c\uff0c\u4f60\u6703\u600e\u6a23\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u611f\u5230\u4e0d\u5feb\u548c\u6c23\u61a4\uff0c\u62d2\u7d55\u56de\u7b54\", score: 3 },\n                    { id: \"B\", text: \"\u96d6\u7136\u4e0d\u5feb\uff0c\u4f46\u9084\u662f\u56de\u7b54\u4e86\", score: 2 },\n                    { id: \"C\", text: \"\u5e73\u975c\u5730\u8aaa\u51fa\u4f60\u8a8d\u70ba\u9069\u7576\u7684\u8a71\", score: 1 }\n                ]\n            },\n            {\n                id: 11,\n                text: \"\u5728\u5496\u5561\u5e97\u88e1\u8981\u4e86\u676f\u5496\u5561\uff0c\u9019\u6642\u767c\u73fe\u9130\u5ea7\u6709\u4e00\u4f4d\u59d1\u5a18\u5728\u54ed\u6ce3\uff0c\u4f60\u6703\u600e\u6a23\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u554f\u5979\u662f\u5426\u9700\u8981\u5e6b\u52a9\", score: 3 },\n                    { id: \"B\", text: \"\u60f3\u8aaa\u4e9b\u5b89\u6170\u8a71\uff0c\u4f46\u537b\u7f9e\u65bc\u555f\u9f52\", score: 2 },\n                    { id: \"C\", text: \"\u63db\u500b\u5ea7\u4f4d\u9060\u96e2\u5979\", score: 1 }\n                ]\n            },\n            {\n                id: 12,\n                text: \"\u5728\u670b\u53cb\u5bb6\u805a\u9910\u4e4b\u5f8c\uff0c\u670b\u53cb\u592b\u59bb\u5006\u6fc0\u70c8\u5730\u5435\u4e86\u8d77\u4f86\uff0c\u4f60\u6703\u600e\u6a23\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u76e1\u529b\u52f8\u548c\", score: 3 },\n                    { id: \"B\", text: \"\u89ba\u5f97\u4e0d\u5feb\uff0c\u4f46\u7121\u80fd\u70ba\u529b\", score: 2 },\n                    { id: \"C\", text: \"\u7acb\u5373\u96e2\u958b\", score: 1 }\n                ]\n            },\n            {\n                id: 13,\n                text: \"\u9001\u79ae\u7269\u7d66\u670b\u53cb\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u5168\u6191\u8208\u8da3\", score: 3 },\n                    { id: \"B\", text: \"\u4f60\u89ba\u5f97\u6709\u6127\u6216\u6709\u6c42\u65bc\u4ed6\u5011\u6642\", score: 2 },\n                    { id: \"C\", text: \"\u50c5\u50c5\u5728\u65b0\u5e74\u548c\u751f\u65e5\", score: 1 }\n                ]\n            },\n            {\n                id: 14,\n                text: \"\u4e00\u500b\u525b\u76f8\u8b58\u7684\u4eba\u5c0d\u4f60\u8aaa\u4e86\u4e00\u4e9b\u606d\u7dad\u8a71\uff0c\u4f60\u6703\u600e\u6a23\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u975e\u5e38\u559c\u6b61\u807d\uff0c\u4e26\u958b\u59cb\u559c\u6b61\u5c0d\u65b9\", score: 3 },\n                    { id: \"B\", text: \"\u611f\u5230\u7a98\u8feb\", score: 2 },\n                    { id: \"C\", text: \"\u8b39\u614e\u5730\u89c0\u5bdf\u5c0d\u65b9\", score: 1 }\n                ]\n            },\n            {\n                id: 15,\n                text: \"\u5982\u679c\u4f60\u56e0\u5bb6\u4e8b\u4e0d\u5feb\uff0c\u4e0a\u73ed\u6642\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u7e7c\u7e8c\u4e0d\u5feb\uff0c\u4e26\u986f\u9732\u51fa\u4f86\", score: 3 },\n                    { id: \"B\", text: \"\u76e1\u91cf\u4fdd\u6301\u7406\u667a\uff0c\u4f46\u4ecd\u56e0\u58d3\u4e0d\u4f4f\u706b\u800c\u767c\u813e\u6c23\", score: 2 },\n                    { id: \"C\", text: \"\u5de5\u4f5c\u8d77\u4f86\u5c31\u6703\u628a\u7169\u60f1\u4e1f\u5728\u4e00\u908a\", score: 1 }\n                ]\n            },\n            {\n                id: 16,\n                text: \"\u751f\u6d3b\u4e2d\u7684\u4e00\u500b\u91cd\u8981\u95dc\u4fc2\u7834\u88c2\u4e86\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u81f3\u5c11\u5728\u77ed\u6642\u9593\u5167\u611f\u5230\u5fc3\u75db\", score: 3 },\n                    { id: \"B\", text: \"\u611f\u5230\u50b7\u5fc3\uff0c\u4f46\u5118\u53ef\u80fd\u6b63\u5e38\u751f\u6d3b\", score: 2 },\n                    { id: \"C\", text: \"\u7121\u6cd5\u64fa\u812b\u6182\u50b7\u7684\u5fc3\u60c5\", score: 1 }\n                ]\n            },\n            {\n                id: 17,\n                text: \"\u4e00\u96bb\u8ff7\u8def\u7684\u5c0f\u8c93\u95d6\u9032\u4f60\u5bb6\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u6536\u990a\u4e26\u7167\u9867\u5b83\", score: 3 },\n                    { id: \"B\", text: \"\u60f3\u7d66\u5b83\u627e\u500b\u4e3b\u4eba\uff0c\u627e\u4e0d\u5230\u5c31\u8b93\u5b83\u5b89\u6a02\u6b7b\", score: 2 },\n                    { id: \"C\", text: \"\u6254\u51fa\u53bb\", score: 1 }\n                ]\n            },\n            {\n                id: 18,\n                text: \"\u5c0d\u65bc\u4fe1\u4ef6\u6216\u7d00\u5ff5\u54c1\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u4e00\u76f4\u4fdd\u5b58\", score: 3 },\n                    { id: \"B\", text: \"\u5169\u5e74\u6e05\u7406\u4e00\u6b21\", score: 2 },\n                    { id: \"C\", text: \"\u525b\u525b\u6536\u5230\u5c31\u76f4\u63a5\u6254\u6389\", score: 1 }\n                ]\n            },\n            {\n                id: 19,\n                text: \"\u4f60\u662f\u5426\u56e0\u5167\u759a\u6216\u75db\u82e6\u800c\u5f8c\u6094\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u662f\u7684\uff0c\u4e00\u76f4\u5f88\u4e45\", score: 3 },\n                    { id: \"B\", text: \"\u5076\u723e\u5f8c\u6094\", score: 2 },\n                    { id: \"C\", text: \"\u5f9e\u4e0d\u5f8c\u6094\", score: 1 }\n                ]\n            },\n            {\n                id: 20,\n                text: \"\u540c\u4e00\u500b\u5f88\u7f9e\u602f\u6216\u7dca\u5f35\u7684\u4eba\u8aaa\u8a71\u6642\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u89ba\u5f97\u9017\u4ed6\u8aaa\u8a71\u5f88\u6709\u8da3\", score: 3 },\n                    { id: \"B\", text: \"\u56e0\u6b64\u611f\u5230\u4e0d\u5b89\", score: 2 },\n                    { id: \"C\", text: \"\u6709\u9ede\u751f\u6c23\", score: 1 }\n                ]\n            },\n            {\n                id: 21,\n                text: \"\u4f60\u559c\u6b61\u7684\u5c0f\u5b69\u5b50\u662f\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u5f88\u5c0f\u800c\u4e14\u6709\u4e9b\u53ef\u6190\u5df4\u5df4\u7684\", score: 3 },\n                    { id: \"B\", text: \"\u80fd\u540c\u4f60\u8ac7\u8a71\uff0c\u4e26\u4e14\u5f62\u6210\u4e86\u81ea\u5df1\u7684\u500b\u6027\u7684\", score: 2 },\n                    { id: \"C\", text: \"\u9577\u5927\u4e86\u4e9b\u7684\", score: 1 }\n                ]\n            },\n            {\n                id: 22,\n                text: \"\u5bb6\u4eba\u62b1\u6028\u4f60\u82b1\u5728\u5de5\u4f5c\u4e0a\u7684\u6642\u9593\u592a\u9577\u4e86\uff0c\u4f60\u6703\u600e\u6a23\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u8a66\u5716\u628a\u6642\u9593\u66f4\u591a\u82b1\u5728\u5bb6\u5ead\u4e0a\", score: 3 },\n                    { id: \"B\", text: \"\u5c0d\u5169\u65b9\u9762\u7684\u8981\u6c42\u611f\u5230\u77db\u76fe\uff0c\u4e26\u8a66\u5716\u4f7f\u5169\u65b9\u9762\u90fd\u8b93\u4eba\u6eff\u610f\", score: 2 },\n                    { id: \"C\", text: \"\u89e3\u91cb\u8aaa\u9019\u662f\u70ba\u4e86\u5bb6\u5ead\u7684\u5229\u76ca\uff0c\u7136\u5f8c\uff0c\u4ecd\u50cf\u4ee5\u524d\u90a3\u6a23\u53bb\u505a\", score: 1 }\n                ]\n            },\n            {\n                id: 23,\n                text: \"\u5728\u4e00\u5834\u7279\u5225\u597d\u7684\u6f14\u51fa\u7d50\u675f\u5f8c\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u7528\u529b\u9f13\u638c\", score: 3 },\n                    { id: \"B\", text: \"\u9f13\u638c\uff0c\u4f46\u89ba\u5f97\u5f88\u4e0d\u81ea\u7136\", score: 2 },\n                    { id: \"C\", text: \"\u52c9\u5f37\u5730\u9f13\u638c\", score: 1 }\n                ]\n            },\n            {\n                id: 24,\n                text: \"\u7576\u62ff\u5230\u6bcd\u6821\u7684\u4e00\u4efd\u520a\u7269\u6642\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u4ed4\u7d30\u95b1\u8b80\uff0c\u4e26\u4fdd\u5b58\u8d77\u4f86\", score: 3 },\n                    { id: \"B\", text: \"\u901a\u8b80\u4e00\u904d\u5f8c\u6254\u6389\", score: 2 },\n                    { id: \"C\", text: \"\u4e0d\u770b\u5c31\u6254\u9032\u5783\u573e\u7b52\", score: 1 }\n                ]\n            },\n            {\n                id: 25,\n                text: \"\u770b\u5230\u8def\u5c0d\u9762\u6709\u4e00\u500b\u719f\u4eba\u6642\uff0c\u4f60\u6703\u2500\u2500\",\n                options: [\n                    { id: \"A\", text: \"\u8d70\u904e\u53bb\u554f\u597d\", score: 3 },\n                    { id: \"B\", text: \"\u62db\u624b\uff0c\u5982\u679c\u5c0d\u65b9\u6c92\u6709\u53cd\u61c9\u5c31\u8d70\u958b\", score: 2 },\n                    { id: \"C\", text: \"\u5047\u88dd\u6c92\u770b\u898b\uff0c\u76f4\u63a5\u8d70\u958b\", score: 1 }\n                ]\n            },\n            {\n                id: 26,\n                text: \"\u4e00\u4f4d\u670b\u53cb\u8aa4\u89e3\u4e86\u4f60\uff0c\u4e26\u4e14\u6b63\u5728\u751f\u4f60\u7684\u6c23\uff0c\u4f60\u6703\u600e\u6a23\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u5118\u5feb\u806f\u7e6b\uff0c\u505a\u51fa\u89e3\u91cb\", score: 3 },\n                    { id: \"B\", text: \"\u7b49\u5f85\u4e00\u500b\u597d\u6a5f\u6703\u518d\u806f\u7e6b\uff0c\u4f46\u5c0d\u8aa4\u89e3\u7684\u4e8b\u4e0d\u505a\u89e3\u91cb\", score: 2 },\n                    { id: \"C\", text: \"\u7b49\u670b\u53cb\u81ea\u5df1\u6e05\u9192\u904e\u4f86\", score: 1 }\n                ]\n            },\n            {\n                id: 27,\n                text: \"\u4f60\u600e\u6a23\u8655\u7f6e\u4e0d\u559c\u6b61\u7684\u79ae\u7269\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u71b1\u60c5\u5730\u4fdd\u5b58\u8d77\u4f86\", score: 3 },\n                    { id: \"B\", text: \"\u85cf\u8d77\u4f86\uff0c\u50c5\u5728\u8d08\u8207\u8005\u4f86\u8a2a\u6642\u624d\u64fa\u51fa\u4f86\", score: 2 },\n                    { id: \"C\", text: \"\u7acb\u5373\u6254\u6389\", score: 1 }\n                ]\n            },\n            {\n                id: 28,\n                text: \"\u4f60\u5c0d\u5b97\u6559\u5100\u5f0f\u7684\u614b\u5ea6\u5982\u4f55\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u611f\u52d5\u5f97\u6d41\u6dda\", score: 3 },\n                    { id: \"B\", text: \"\u611f\u5230\u7a98\u8feb\", score: 2 },\n                    { id: \"C\", text: \"\u51b7\u6de1\", score: 1 }\n                ]\n            },\n            {\n                id: 29,\n                text: \"\u6709\u6c92\u6709\u6beb\u7121\u7406\u7531\u5730\u89ba\u5f97\u5bb3\u6015\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u7d93\u5e38\", score: 3 },\n                    { id: \"B\", text: \"\u5076\u723e\", score: 2 },\n                    { id: \"C\", text: \"\u5f9e\u4e0d\", score: 1 }\n                ]\n            },\n            {\n                id: 30,\n                text: \"\u4e0b\u9762\u54ea\u7a2e\u60c5\u6cc1\u8207\u4f60\u6700\u76f8\u7b26\uff1f\",\n                options: [\n                    { id: \"A\", text: \"\u7e3d\u662f\u6191\u611f\u60c5\u8fa6\u4e8b\", score: 3 },\n                    { id: \"B\", text: \"\u5341\u5206\u7559\u5fc3\u81ea\u5df1\u7684\u611f\u60c5\", score: 2 },\n                    { id: \"C\", text: \"\u611f\u60c5\u6c92\u4ec0\u9ebc\u8981\u7dca\uff0c\u7d50\u5c40\u624d\u6700\u91cd\u8981\", score: 1 }\n                ]\n            }\n        ],\n        \n        results: {\n            rational: {\n                min: 30,\n                max: 50,\n                type: \"\u7406\u667a\u578b\",\n                description: \"\u4f60\u70ba\u7406\u667a\u578b\u3002\u5f88\u5c11\u70ba\u4ec0\u9ebc\u4e8b\u800c\u6fc0\u52d5\uff0c\u8868\u73fe\u5f97\u6709\u5f88\u5f37\u7684\u514b\u5236\u529b\u751a\u81f3\u65bc\u51b7\u6f20\u3002\u5c0d\u4ed6\u4eba\u7684\u60c5\u7dd2\u7f3a\u4e4f\u53cd\u61c9\uff0c\u611f\u60c5\u751f\u6d3b\u5e73\u6de1\u800c\u62d8\u8b39\uff0c\u56e0\u6b64\u5e38\u6703\u807d\u5230\u5225\u4eba\u5728\u80cc\u5f8c\u8aaa\u4f60\u300c\u51b7\u8840\u52d5\u7269\u300d\u3002\u4f60\u9700\u8981\u9b06\u5f1b\u81ea\u5df1\u3002\",\n                color: \"#22c55e\",\n                traits: {\n                    emotional: 25,\n                    rational: 85,\n                    social: 30,\n                    empathy: 35\n                },\n                suggestions: [\n                    {\n                        title: \"\u57f9\u990a\u60c5\u611f\u8868\u9054\",\n                        content: \"\u5617\u8a66\u5728\u65e5\u5e38\u751f\u6d3b\u4e2d\u66f4\u591a\u5730\u8868\u9054\u81ea\u5df1\u7684\u611f\u53d7\uff0c\u53ef\u4ee5\u5f9e\u8207\u89aa\u8fd1\u7684\u670b\u53cb\u5206\u4eab\u958b\u59cb\u3002\"\n                    },\n                    {\n                        title: \"\u589e\u9032\u4eba\u969b\u6eab\u6696\",\n                        content: \"\u4e3b\u52d5\u95dc\u5fc3\u4ed6\u4eba\uff0c\u5b78\u7fd2\u50be\u807d\u5225\u4eba\u7684\u60c5\u611f\u9700\u6c42\uff0c\u57f9\u990a\u540c\u7406\u5fc3\u3002\"\n                    },\n                    {\n                        title: \"\u653e\u9b06\u81ea\u6211\u7d04\u675f\",\n                        content: \"\u5141\u8a31\u81ea\u5df1\u5076\u723e\u8868\u73fe\u51fa\u8106\u5f31\u6216\u611f\u6027\u7684\u4e00\u9762\uff0c\u9019\u4e26\u4e0d\u6703\u524a\u5f31\u4f60\u7684\u7406\u6027\u5224\u65b7\u529b\u3002\"\n                    }\n                ]\n            },\n            balanced: {\n                min: 51,\n                max: 69,\n                type: \"\u5e73\u8861\u578b\",\n                description: \"\u4f60\u70ba\u5e73\u8861\u578b\u3002\u60c5\u7dd2\u57fa\u672c\u4fdd\u6301\u5728\u91cd\u611f\u60c5\u4f46\u4e0d\u611f\u60c5\u7528\u4e8b\uff0c\u514b\u5236\u4f46\u4e0d\u904e\u65bc\u51b7\u6f20\u7684\u72c0\u614b\u3002\u5373\u4f7f\u5728\u5f88\u60e1\u52a3\u7684\u60c5\u7dd2\u4e0b\u63e1\u8d77\u62f3\u982d\uff0c\u4e5f\u4ecd\u80fd\u5f9e\u60c5\u7dd2\u4e2d\u64fa\u812b\u51fa\u4f86\u3002\u56e0\u6b64\uff0c\u5f88\u5c11\u8207\u4eba\u722d\u5435\u3002\u611f\u60c5\u751f\u6d3b\u5341\u5206\u6109\u5feb\u3001\u8f15\u9b06\u3002\",\n                color: \"#16a34a\",\n                traits: {\n                    emotional: 60,\n                    rational: 65,\n                    social: 70,\n                    empathy: 75\n                },\n                suggestions: [\n                    {\n                        title: \"\u4fdd\u6301\u512a\u52e2\u5e73\u8861\",\n                        content: \"\u7e7c\u7e8c\u7dad\u6301\u7406\u6027\u8207\u611f\u6027\u7684\u826f\u597d\u5e73\u8861\uff0c\u9019\u662f\u4f60\u7684\u512a\u52e2\u6240\u5728\u3002\"\n                    },\n                    {\n                        title: \"\u6df1\u5316\u60c5\u611f\u9023\u7d50\",\n                        content: \"\u53ef\u4ee5\u5617\u8a66\u66f4\u6df1\u5165\u5730\u63a2\u7d22\u81ea\u5df1\u7684\u60c5\u611f\u4e16\u754c\uff0c\u8c50\u5bcc\u5167\u5728\u9ad4\u9a57\u3002\"\n                    },\n                    {\n                        title: \"\u767c\u63ee\u8abf\u89e3\u80fd\u529b\",\n                        content: \"\u5584\u7528\u4f60\u7684\u5e73\u8861\u7279\u8cea\uff0c\u5728\u5718\u968a\u4e2d\u767c\u63ee\u8abf\u89e3\u548c\u5354\u8abf\u7684\u4f5c\u7528\u3002\"\n                    }\n                ]\n            },\n            impulsive: {\n                min: 70,\n                max: 90,\n                type: \"\u885d\u52d5\u578b\",\n                description: \"\u4f60\u70ba\u885d\u52d5\u578b\u3002\u975e\u5e38\u60c5\u7dd2\u5316\uff0c\u6613\u6fc0\u52d5\uff0c\u53cd\u61c9\u5f37\u70c8\uff1b\u5f80\u5f80\u5341\u5206\u96a8\u548c\u3001\u71b1\u60c5\uff0c\u6216\u8005\u611f\u60c5\u8106\u5f31\u3001\u591a\u6101\u5584\u611f\u3002\u53ef\u80fd\u5e38\u6703\u9677\u5165\u90a3\u7a2e\u77ed\u66ab\u7684\u98a8\u66b4\u4f3c\u7684\u611f\u60c5\u7cfe\u7d1b\uff0c\u56e0\u6b64\u9ebb\u7169\u767e\u51fa\u3002\u52f8\u4f60\u51b7\u975c\u662f\u5f88\u96e3\u7684\u4e8b\u3002\u6709\u5fc5\u8981\u63d0\u9192\u4f60\uff1a\u4e00\u5b9a\u8981\u514b\u5236\u81ea\u5df1\u3002\",\n                color: \"#15803d\",\n                traits: {\n                    emotional: 90,\n                    rational: 30,\n                    social: 85,\n                    empathy: 95\n                },\n                suggestions: [\n                    {\n                        title: \"\u5b78\u7fd2\u60c5\u7dd2\u7ba1\u7406\",\n                        content: \"\u7df4\u7fd2\u6df1\u547c\u5438\u548c\u51a5\u60f3\u6280\u5de7\uff0c\u5728\u5f37\u70c8\u60c5\u7dd2\u4f86\u81e8\u6642\u7d66\u81ea\u5df1\u4e00\u4e9b\u7de9\u885d\u6642\u9593\u3002\"\n                    },\n                    {\n                        title: \"\u5efa\u7acb\u601d\u8003\u7fd2\u6163\",\n                        content: \"\u5728\u91cd\u8981\u6c7a\u5b9a\u524d\uff0c\u7d66\u81ea\u5df1\u8a2d\u5b9a\u4e00\u500b\u601d\u8003\u671f\uff0c\u907f\u514d\u7d14\u7cb9\u7684\u885d\u52d5\u884c\u70ba\u3002\"\n                    },\n                    {\n                        title: \"\u5584\u7528\u60c5\u611f\u512a\u52e2\",\n                        content: \"\u4f60\u7684\u9ad8\u5ea6\u5171\u60c5\u80fd\u529b\u662f\u73cd\u8cb4\u7684\u5929\u8ce6\uff0c\u53ef\u4ee5\u5728\u5275\u610f\u5de5\u4f5c\u548c\u4eba\u969b\u95dc\u4fc2\u4e2d\u767c\u63ee\u512a\u52e2\u3002\"\n                    }\n                ]\n            }\n        }\n    };\n    \n    \/\/ \u61c9\u7528\u72c0\u614b\n    const AppState = {\n        currentQuestionIndex: 0,\n        answers: [],\n        totalScore: 0,\n        \n        reset() {\n            this.currentQuestionIndex = 0;\n            this.answers = [];\n            this.totalScore = 0;\n        },\n        \n        addAnswer(questionId, optionId, score) {\n            this.answers.push({ questionId, optionId, score });\n            this.totalScore += score;\n        },\n        \n        getResult() {\n            for (const [key, result] of Object.entries(QUIZ_DATA.results)) {\n                if (this.totalScore >= result.min && this.totalScore <= result.max) {\n                    return result;\n                }\n            }\n            return QUIZ_DATA.results.balanced; \/\/ \u9810\u8a2d\u8fd4\u56de\u5e73\u8861\u578b\n        }\n    };\n    \n    \/\/ DOM \u5143\u7d20\n    const Elements = {\n        container: document.querySelector('.emotion-quiz-container'),\n        pages: {\n            intro: document.querySelector('[data-page=\"intro\"]'),\n            quiz: document.querySelector('[data-page=\"quiz\"]'),\n            result: document.querySelector('[data-page=\"result\"]')\n        },\n        quiz: {\n            progressText: document.querySelector('[data-current-question]'),\n            progressPercent: document.querySelector('.emotion-quiz-progress-percent'),\n            progressBar: document.querySelector('.progress-bar'),\n            questionText: document.querySelector('[data-question-text]'),\n            optionsContainer: document.querySelector('[data-question-options]'),\n            prevButton: document.querySelector('[data-action=\"prev\"]')\n        },\n        result: {\n            type: document.querySelector('[data-result-type]'),\n            score: document.querySelector('[data-result-score]'),\n            description: document.querySelector('[data-result-description]')\n        }\n    };\n    \n    \/\/ \u9801\u9762\u7ba1\u7406\n    const PageManager = {\n        showPage(pageName) {\n            Object.values(Elements.pages).forEach(page => {\n                page.classList.remove('active');\n            });\n            Elements.pages[pageName].classList.add('active');\n            \n            \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n            setTimeout(() => {\n                const pageTitle = Elements.pages[pageName].querySelector('h2, .emotion-quiz-title');\n                if (pageTitle) {\n                    pageTitle.scrollIntoView({ \n                        behavior: 'smooth', \n                        block: 'start' \n                    });\n                }\n            }, 100);\n        }\n    };\n    \n    \/\/ \u6e2c\u9a57\u7ba1\u7406\n    const QuizManager = {\n        renderQuestion() {\n            const question = QUIZ_DATA.questions[AppState.currentQuestionIndex];\n            if (!question) return;\n            \n            \/\/ \u66f4\u65b0\u9032\u5ea6\n            const progress = ((AppState.currentQuestionIndex + 1) \/ QUIZ_DATA.questions.length) * 100;\n            Elements.quiz.progressText.textContent = AppState.currentQuestionIndex + 1;\n            Elements.quiz.progressPercent.textContent = Math.round(progress) + '%';\n            Elements.quiz.progressBar.style.width = progress + '%';\n            \n            \/\/ \u986f\u793a\u984c\u76ee\n            Elements.quiz.questionText.textContent = `${question.id}. ${question.text}`;\n            \n            \/\/ \u6e32\u67d3\u9078\u9805\n            Elements.quiz.optionsContainer.innerHTML = question.options.map(option => \n                `<div class=\"emotion-quiz-option card\" data-option-id=\"${option.id}\" data-score=\"${option.score}\">\n                    <div class=\"emotion-quiz-option-indicator\">\n                        <i class=\"bi bi-check\" style=\"display: none;\"><\/i>\n                    <\/div>\n                    <div class=\"emotion-quiz-option-text\">\n                        ${option.text}\n                    <\/div>\n                <\/div>`\n            ).join('');\n            \n            \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n            if (AppState.currentQuestionIndex > 0) {\n                Elements.quiz.prevButton.classList.remove('d-none');\n            } else {\n                Elements.quiz.prevButton.classList.add('d-none');\n            }\n        },\n        \n        selectOption(optionElement) {\n            \/\/ \u6e05\u9664\u4e4b\u524d\u7684\u9078\u64c7\n            Elements.quiz.optionsContainer.querySelectorAll('.emotion-quiz-option').forEach(opt => {\n                opt.classList.remove('selected');\n                opt.querySelector('.bi-check').style.display = 'none';\n            });\n            \n            \/\/ \u6a19\u8a18\u7576\u524d\u9078\u64c7\n            optionElement.classList.add('selected');\n            optionElement.querySelector('.bi-check').style.display = 'block';\n            \n            \/\/ \u7b49\u5f85\u4e00\u4e0b\u8b93\u7528\u6236\u770b\u5230\u9078\u64c7\u6548\u679c\uff0c\u7136\u5f8c\u81ea\u52d5\u4e0b\u4e00\u984c\n            setTimeout(() => {\n                const optionId = optionElement.dataset.optionId;\n                const score = parseInt(optionElement.dataset.score);\n                const questionId = QUIZ_DATA.questions[AppState.currentQuestionIndex].id;\n                \n                \/\/ \u8a18\u9304\u7b54\u6848\n                AppState.addAnswer(questionId, optionId, score);\n                \n                \/\/ \u79fb\u5230\u4e0b\u4e00\u984c\u6216\u5b8c\u6210\u6e2c\u9a57\n                AppState.currentQuestionIndex++;\n                \n                if (AppState.currentQuestionIndex >= QUIZ_DATA.questions.length) {\n                    this.completeQuiz();\n                } else {\n                    this.renderQuestion();\n                }\n            }, 300);\n        },\n        \n        goToPreviousQuestion() {\n            if (AppState.currentQuestionIndex > 0) {\n                AppState.currentQuestionIndex--;\n                \/\/ \u79fb\u9664\u6700\u5f8c\u4e00\u500b\u7b54\u6848\n                const lastAnswer = AppState.answers.pop();\n                if (lastAnswer) {\n                    AppState.totalScore -= lastAnswer.score;\n                }\n                this.renderQuestion();\n            }\n        },\n        \n        completeQuiz() {\n            const result = AppState.getResult();\n            \n            \/\/ \u986f\u793a\u7d50\u679c\n            Elements.result.type.textContent = result.type;\n            Elements.result.score.textContent = `\u7e3d\u5206\uff1a${AppState.totalScore} \u5206`;\n            Elements.result.description.innerHTML = result.description;\n            \n            \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\n            PageManager.showPage('result');\n            \n            \/\/ \u6e32\u67d3\u5716\u8868\u548c\u5206\u6790\n            setTimeout(() => {\n                this.renderScoreDistribution(result);\n                this.renderAnalysis(result);\n                this.renderSuggestions(result);\n            }, 500);\n        },\n        \n        renderScoreDistribution(result) {\n            const ctx = document.getElementById('scoreDistributionChart');\n            if (!ctx) return;\n            \n            \/\/ \u92b7\u6bc0\u73fe\u6709\u5716\u8868\n            if (window.scoreChart) {\n                window.scoreChart.destroy();\n            }\n            \n            const chartData = {\n                labels: [''],\n                datasets: [\n                    {\n                        label: '\u7406\u667a\u578b (30-50\u5206)',\n                        data: [40], \/\/ \u7406\u667a\u578b\u5340\u9593\u5bec\u5ea6\n                        backgroundColor: '#dcfce7',\n                        borderColor: '#22c55e',\n                        borderWidth: 2\n                    },\n                    {\n                        label: '\u5e73\u8861\u578b (51-69\u5206)',\n                        data: [40], \/\/ \u5e73\u8861\u578b\u5340\u9593\u5bec\u5ea6  \n                        backgroundColor: '#bbf7d0',\n                        borderColor: '#16a34a',\n                        borderWidth: 2\n                    },\n                    {\n                        label: '\u885d\u52d5\u578b (70-90\u5206)',\n                        data: [40], \/\/ \u885d\u52d5\u578b\u5340\u9593\u5bec\u5ea6\n                        backgroundColor: '#a7f3d0',\n                        borderColor: '#15803d',\n                        borderWidth: 2\n                    }\n                ]\n            };\n            \n            const config = {\n                type: 'bar',\n                data: chartData,\n                options: {\n                    indexAxis: 'y',\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    plugins: {\n                        legend: {\n                            display: true,\n                            position: 'bottom',\n                            labels: {\n                                usePointStyle: true,\n                                font: {\n                                    size: 14\n                                },\n                                color: '#2d5f3f'\n                            }\n                        },\n                        tooltip: {\n                            enabled: false\n                        }\n                    },\n                    scales: {\n                        x: {\n                            stacked: true,\n                            min: 30,\n                            max: 90,\n                            beginAtZero: false,\n                            ticks: {\n                                font: {\n                                    size: 12\n                                },\n                                color: '#6b7280'\n                            },\n                            title: {\n                                display: true,\n                                text: '\u5206\u6578\u7bc4\u570d',\n                                font: {\n                                    size: 14,\n                                    weight: 'bold'\n                                },\n                                color: '#2d5f3f'\n                            }\n                        },\n                        y: {\n                            stacked: true,\n                            display: false\n                        }\n                    },\n                    animation: {\n                        onComplete: () => {\n                            \/\/ \u6dfb\u52a0\u7528\u6236\u5f97\u5206\u6a19\u8a18\n                            this.addScoreMarker(ctx, AppState.totalScore);\n                        }\n                    }\n                }\n            };\n            \n            window.scoreChart = new Chart(ctx, config);\n        },\n        \n        addScoreMarker(ctx, userScore) {\n            const chart = window.scoreChart;\n            if (!chart) return;\n            \n            \/\/ \u8a08\u7b97\u6a19\u8a18\u4f4d\u7f6e\n            const chartArea = chart.chartArea;\n            const xScale = chart.scales.x;\n            const yScale = chart.scales.y;\n            \n            const x = xScale.getPixelForValue(userScore);\n            const y = yScale.getPixelForValue(0);\n            \n            \/\/ \u5728canvas\u4e0a\u7e6a\u88fd\u6a19\u8a18\n            const canvasContext = ctx.getContext('2d');\n            canvasContext.save();\n            \n            \/\/ \u7e6a\u88fd\u5782\u76f4\u7dda\n            canvasContext.strokeStyle = '#059669';\n            canvasContext.lineWidth = 3;\n            canvasContext.beginPath();\n            canvasContext.moveTo(x, chartArea.top);\n            canvasContext.lineTo(x, chartArea.bottom);\n            canvasContext.stroke();\n            \n            \/\/ \u7e6a\u88fd\u5713\u9ede\n            canvasContext.fillStyle = '#059669';\n            canvasContext.beginPath();\n            canvasContext.arc(x, y, 8, 0, 2 * Math.PI);\n            canvasContext.fill();\n            \n            \/\/ \u7e6a\u88fd\u5206\u6578\u6a19\u7c64\n            canvasContext.fillStyle = '#2d5f3f';\n            canvasContext.font = 'bold 14px sans-serif';\n            canvasContext.textAlign = 'center';\n            canvasContext.fillText(`\u4f60\u7684\u5f97\u5206: ${userScore}`, x, chartArea.top - 10);\n            \n            canvasContext.restore();\n        },\n        \n        renderAnalysis(result) {\n            const analysisContainer = document.getElementById('analysisResults');\n            if (!analysisContainer) return;\n            \n            const traits = [\n                { key: 'emotional', name: '\u60c5\u611f\u8868\u9054', description: '\u8868\u9054\u548c\u9ad4\u9a57\u60c5\u611f\u7684\u7a0b\u5ea6' },\n                { key: 'rational', name: '\u7406\u6027\u601d\u8003', description: '\u908f\u8f2f\u5206\u6790\u548c\u5ba2\u89c0\u5224\u65b7\u80fd\u529b' },\n                { key: 'social', name: '\u793e\u4ea4\u4e92\u52d5', description: '\u8207\u4ed6\u4eba\u4ea4\u5f80\u548c\u6e9d\u901a\u7684\u50be\u5411' },\n                { key: 'empathy', name: '\u540c\u7406\u611f\u77e5', description: '\u7406\u89e3\u548c\u611f\u53d7\u4ed6\u4eba\u60c5\u611f\u7684\u80fd\u529b' }\n            ];\n            \n            analysisContainer.innerHTML = traits.map(trait => `\n                <div class=\"col-md-6 col-lg-3\">\n                    <div class=\"emotion-quiz-analysis-item\">\n                        <h5>${trait.name}<\/h5>\n                        <div class=\"score\">${result.traits[trait.key]}%<\/div>\n                        <div class=\"description\">${trait.description}<\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n        },\n        \n        renderSuggestions(result) {\n            const suggestionsContainer = document.getElementById('personalSuggestions');\n            if (!suggestionsContainer) return;\n            \n            suggestionsContainer.innerHTML = result.suggestions.map(suggestion => `\n                <div class=\"suggestion-card\">\n                    <h6><i class=\"bi bi-lightbulb me-2\"><\/i>${suggestion.title}<\/h6>\n                    <p>${suggestion.content}<\/p>\n                <\/div>\n            `).join('');\n        }\n    };\n    \n    \/\/ \u4e8b\u4ef6\u8655\u7406\n    const EventHandlers = {\n        init() {\n            \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u8a17\u8655\u7406\u6240\u6709\u9ede\u64ca\u4e8b\u4ef6\n            Elements.container.addEventListener('click', this.handleClick.bind(this));\n        },\n        \n        handleClick(event) {\n            const target = event.target.closest('[data-action], .emotion-quiz-option');\n            if (!target) return;\n            \n            const action = target.dataset.action;\n            \n            \/\/ \u8655\u7406\u52d5\u4f5c\u6309\u9215\n            if (action) {\n                event.preventDefault();\n                \n                switch (action) {\n                    case 'start':\n                        this.startQuiz();\n                        break;\n                    case 'prev':\n                        QuizManager.goToPreviousQuestion();\n                        break;\n                    case 'restart':\n                        this.restartQuiz();\n                        break;\n                }\n                return;\n            }\n            \n            \/\/ \u8655\u7406\u9078\u9805\u9ede\u64ca\n            if (target.classList.contains('emotion-quiz-option')) {\n                QuizManager.selectOption(target);\n                return;\n            }\n        },\n        \n        startQuiz() {\n            AppState.reset();\n            PageManager.showPage('quiz');\n            QuizManager.renderQuestion();\n        },\n        \n        restartQuiz() {\n            \/\/ \u92b7\u6bc0\u5716\u8868\n            if (window.scoreChart && typeof window.scoreChart.destroy === 'function') {\n                window.scoreChart.destroy();\n                window.scoreChart = null;\n            }\n            \n            AppState.reset();\n            PageManager.showPage('intro');\n        }\n    };\n    \n    \/\/ \u521d\u59cb\u5316\u61c9\u7528\n    const App = {\n        init() {\n            EventHandlers.init();\n            PageManager.showPage('intro');\n        }\n    };\n    \n    \/\/ \u555f\u52d5\u61c9\u7528\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => App.init());\n    } else {\n        App.init();\n    }\n    \n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u6211\u4eec\u5e94\u8be5\u8ba4\u6e05\u81ea\u5df1\u60c5\u7eea\u7684\u529b\u91cf\u5e76\u53d1\u6325\u7406\u6027\u7684\u63a7\u5236\uff0c\u624d\u80fd\u5b9e\u73b0\u60c5\u7eea\u53cd\u5e94\u4e0e\u8868\u73b0\u7684\u5747\u8861\u9002\u5ea6\uff0c\u786e\u4fdd\u60c5\u7eea\u4e0e\u73af\u5883\u76f8\u9002\u5e94\u3002\u672c\u6d4b\u8bd5\u5c06\u5e2e\u52a9\u4f60\u5728\u8fd9\u65b9\u9762\u786e\u5b9a\u81ea\u5df1\u7684\u4f4d\u7f6e\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":[167,169,162],"tags":[193],"class_list":["post-2644","post","type-post","status-publish","format-standard","hentry","category-personality","category-psychological-symptom-scales","category-clinical","tag-mood"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2644","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=2644"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2644\/revisions"}],"predecessor-version":[{"id":10292,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2644\/revisions\/10292"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}