{"id":2589,"date":"2023-12-20T18:25:05","date_gmt":"2023-12-20T10:25:05","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2589"},"modified":"2025-05-18T06:04:55","modified_gmt":"2025-05-17T22:04:55","slug":"npi","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/npi","title":{"rendered":"\u81ea\u604b\u4eba\u683c\u91cf\u8868\uff08NPI\uff09\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0856\u9898\uff09"},"content":{"rendered":"<!-- \u81ea\u6200\u4eba\u683c\u91cf\u8868\u6e2c\u9a57 - WordPress\u5d4c\u5165\u4ee3\u78bc -->\n\n<!-- HTML\u7d50\u69cb\u90e8\u5206 -->\n<div class=\"npi-quiz-container\" id=\"npiQuizContainer\">\n    <!-- \u5f15\u5c0e\u9801 -->\n    <section class=\"npi-intro-page\" id=\"npiIntroPage\">\n        <h2>\u81ea\u604b\u4eba\u683c\u91cf\u8868\u6d4b\u9a8c<\/h2>\n        <p class=\"npi-intro-subtitle\">\u63a2\u7d22\u4f60\u7684\u81ea\u604b\u7279\u8d28\u4e0e\u4eba\u683c\u7279\u70b9<\/p>\n        \n        <div class=\"npi-intro-banner\">\n            <div class=\"npi-intro-image\">\n                <img decoding=\"async\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twemoji\/14.0.2\/svg\/1f9e0.svg\" alt=\"\u5fc3\u7406\u6d4b\u9a8c\u56fe\u6807\">\n            <\/div>\n            <div class=\"npi-intro-content\">\n                <h3>\u4e86\u89e3\u81ea\u6211\uff0c\u638c\u63e1\u4eba\u9645\u5173\u7cfb\u7684\u94a5\u5319<\/h3>\n                <p>\u300c\u81ea\u604b\u4eba\u683c\u91cf\u8868\u300d\uff08Narcissistic Personality Inventory\uff0c\u7b80\u79f0NPI\uff09\u662f\u7531\u7f8e\u56fd\u52a0\u5dde\u5927\u5b66\u6559\u6388\u62c9\u65af\u91d1\uff08Hall Raskin\uff09\u4e8e1979\u5e74\u8bbe\u8ba1\u7684\u4e13\u4e1a\u6d4b\u91cf\u5de5\u5177\uff0c\u7ecf\u8fc7\u591a\u6b21\u4fee\u8ba2\u540e\u6210\u4e3a\u6700\u5e7f\u6cdb\u4f7f\u7528\u7684\u81ea\u604b\u4eba\u683c\u8bc4\u4f30\u5de5\u5177\u3002<\/p>\n                <p>\u900f\u8fc7\u8fd9\u4e2a\u6d4b\u9a8c\uff0c\u4f60\u5c06\u6df1\u5165\u4e86\u89e3\u81ea\u5df1\u5728\u81ea\u604b\u4eba\u683c\u65b9\u9762\u7684\u7279\u8d28\uff0c\u4ee5\u53ca\u8fd9\u4e9b\u7279\u8d28\u53ef\u80fd\u5bf9\u4f60\u7684\u4eba\u9645\u5173\u7cfb\u3001\u5de5\u4f5c\u8868\u73b0\u548c\u60c5\u7eea\u5065\u5eb7\u4ea7\u751f\u7684\u5f71\u54cd\u3002<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"npi-intro-benefits\">\n            <h3>\u4e3a\u4ec0\u4e48\u8981\u8fdb\u884c\u81ea\u604b\u4eba\u683c\u6d4b\u9a8c\uff1f<\/h3>\n            <div class=\"npi-feature-icons\">\n                <div class=\"npi-feature-icon\">\n                    <div class=\"npi-icon-circle\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"npi-feature-text\">\u79d1\u5b66\u8bc4\u4f30\u6807\u51c6<\/div>\n                <\/div>\n                <div class=\"npi-feature-icon\">\n                    <div class=\"npi-icon-circle\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"npi-feature-text\">\u5373\u65f6\u5b8c\u6210\u6d4b\u9a8c<\/div>\n                <\/div>\n                <div class=\"npi-feature-icon\">\n                    <div class=\"npi-icon-circle\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4 6h2v4h-2z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"npi-feature-text\">\u8be6\u7ec6\u5206\u6790\u62a5\u544a<\/div>\n                <\/div>\n                <div class=\"npi-feature-icon\">\n                    <div class=\"npi-icon-circle\">\n                        <svg viewbox=\"0 0 24 24\">\n                            <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm-5 4c-1.66 0-3 1.34-3 3v4c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-4c0-1.66-1.34-3-3-3h-2.18c-.32.84-.96 1.5-1.82 1.75v1.75c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5V8.75c-.86-.25-1.5-.91-1.82-1.75H7z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"npi-feature-text\">\u4e2a\u4eba\u5316\u5efa\u8bae<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"npi-intro-description\">\n            <p>\u6b64\u91cf\u8868\u7814\u7a76\u8868\u660e\uff0c\u9002\u5ea6\u7684\u81ea\u604b\u7279\u8d28\u4e0e\u81ea\u4fe1\u3001\u9886\u5bfc\u529b\u548c\u79ef\u6781\u7684\u81ea\u6211\u5f62\u8c61\u76f8\u5173\uff0c\u4f46\u8fc7\u5ea6\u7684\u81ea\u604b\u5219\u53ef\u80fd\u5f71\u54cd\u4eba\u9645\u5173\u7cfb\u548c\u5fc3\u7406\u5065\u5eb7\u3002\u4e86\u89e3\u81ea\u5df1\u7684\u81ea\u604b\u7279\u8d28\u7a0b\u5ea6\uff0c\u6709\u52a9\u4e8e\u4f60\u66f4\u597d\u5730\u8ba4\u8bc6\u81ea\u6211\uff0c\u6539\u5584\u4eba\u9645\u5173\u7cfb\u3002<\/p>\n            <div class=\"npi-intro-facts\">\n                <div class=\"npi-fact\">\n                    <span class=\"npi-fact-number\">56<\/span>\n                    <span class=\"npi-fact-text\">\u6d4b\u9a8c\u9898\u76ee<\/span>\n                <\/div>\n                <div class=\"npi-fact\">\n                    <span class=\"npi-fact-number\">3-5<\/span>\n                    <span class=\"npi-fact-text\">\u5206\u949f\u5b8c\u6210<\/span>\n                <\/div>\n                <div class=\"npi-fact\">\n                    <span class=\"npi-fact-number\">7<\/span>\n                    <span class=\"npi-fact-text\">\u7ef4\u5ea6\u5206\u6790<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <button class=\"npi-quiz-button npi-start-button\" id=\"npiStartButton\">\u7acb\u5373\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/section>\n    \n    <!-- \u6e2c\u9a57\u9801 -->\n    <section class=\"npi-question-page\" id=\"npiQuestionPage\">\n        <h2>\u81ea\u604b\u4eba\u683c\u91cf\u8868\u6d4b\u9a8c<\/h2>\n        \n        <div class=\"npi-progress-container\">\n            <div class=\"npi-progress-bar\" id=\"npiProgressBar\"><\/div>\n        <\/div>\n        <div class=\"npi-progress-text\" id=\"npiProgressText\">\u95ee\u98981\/56<\/div>\n        \n        <h3 id=\"npiQuestion\">1. \u6211\u5929\u751f\u5c31\u6709\u4e00\u79cd\u80fd\u5f71\u54cd\u4eba\u4eec\u7684\u672c\u4e8b\u3002<\/h3>\n        \n        <div class=\"npi-options-grid\">\n            <label class=\"npi-option\" data-value=\"1\">\n                <input type=\"radio\" name=\"npiOption\" class=\"npi-option-radio\" value=\"1\">\n                <span>\u975e\u5e38\u4e0d\u540c\u610f<\/span>\n            <\/label>\n            <label class=\"npi-option\" data-value=\"2\">\n                <input type=\"radio\" name=\"npiOption\" class=\"npi-option-radio\" value=\"2\">\n                <span>\u5f88\u4e0d\u540c\u610f<\/span>\n            <\/label>\n            <label class=\"npi-option\" data-value=\"3\">\n                <input type=\"radio\" name=\"npiOption\" class=\"npi-option-radio\" value=\"3\">\n                <span>\u6709\u70b9\u4e0d\u540c\u610f<\/span>\n            <\/label>\n            <label class=\"npi-option\" data-value=\"4\">\n                <input type=\"radio\" name=\"npiOption\" class=\"npi-option-radio\" value=\"4\">\n                <span>\u6709\u70b9\u540c\u610f<\/span>\n            <\/label>\n            <label class=\"npi-option\" data-value=\"5\">\n                <input type=\"radio\" name=\"npiOption\" class=\"npi-option-radio\" value=\"5\">\n                <span>\u5f88\u540c\u610f<\/span>\n            <\/label>\n            <label class=\"npi-option\" data-value=\"6\">\n                <input type=\"radio\" name=\"npiOption\" class=\"npi-option-radio\" value=\"6\">\n                <span>\u975e\u5e38\u540c\u610f<\/span>\n            <\/label>\n        <\/div>\n        \n        <button class=\"npi-quiz-button npi-prev-button\" id=\"npiPrevButton\">\u4e0a\u4e00\u9898<\/button>\n    <\/section>\n    \n    <!-- \u7d50\u679c\u9801 -->\n    <section class=\"npi-result-page\" id=\"npiResultPage\">\n        <h2>\u6d4b\u9a8c\u7ed3\u679c\u5206\u6790<\/h2>\n        \n        <div class=\"npi-score-card\">\n            <div class=\"npi-score-title\">\u4f60\u7684\u81ea\u604b\u7279\u8d28\u5f97\u5206<\/div>\n            <div class=\"npi-score-value\" id=\"npiTotalScore\">0<\/div>\n            <p id=\"npiScoreCategory\">\u6b63\u5728\u8ba1\u7b97\u4e2d\u2026<\/p>\n        <\/div>\n        \n        <div class=\"npi-chart-container\">\n            <canvas id=\"npiChart\"><\/canvas>\n        <\/div>\n        \n        <div class=\"npi-result-dimension-analysis\" id=\"npiDimensionAnalysis\">\n            <h3>\u591a\u7ef4\u5ea6\u5206\u6790<\/h3>\n            <div class=\"npi-dimensions-grid\" id=\"npiDimensionsGrid\">\n                <!-- \u5c07\u7531JavaScript\u52d5\u614b\u586b\u5145 -->\n            <\/div>\n        <\/div>\n        \n        <div class=\"npi-result-interpretation\" id=\"npiInterpretation\">\n            <h3>\u7ed3\u679c\u89e3\u91ca<\/h3>\n            <p id=\"npiInterpretationText\">\u6b63\u5728\u5206\u6790\u7ed3\u679c\u2026<\/p>\n        <\/div>\n        \n        <div class=\"npi-suggestions\" id=\"npiSuggestions\">\n            <h3>\u4e2a\u4eba\u53d1\u5c55\u5efa\u8bae<\/h3>\n            <div id=\"npiSuggestionsContent\">\n                <!-- \u5c07\u7531JavaScript\u52d5\u614b\u586b\u5145 -->\n            <\/div>\n        <\/div>\n        \n        <button class=\"npi-quiz-button npi-retry-button\" id=\"npiRetryButton\">\u91cd\u65b0\u6d4b\u8bd5<\/button>\n    <\/section>\n<\/div>\n\n<!-- CSS\u6a23\u5f0f\u90e8\u5206 -->\n<style>\n    \/* CSS \u8b8a\u6578\u5b9a\u7fa9 *\/\n    :root {\n        --primary-color: #4a6fa5;\n        --primary-dark: #375990;\n        --primary-light: #6089c8;\n        --secondary-color: #6c63ff;\n        --accent-color: #ff6584;\n        --accent-light: #ffd6e0;\n        --background-color: #f8f9fa;\n        --text-color: #333333;\n        --text-light: #666666;\n        --border-radius: 12px;\n        --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        --transition-speed: 0.3s;\n        --gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #e4ecfb 100%);\n    }\n\n    \/* \u57fa\u672c\u6a23\u5f0f *\/\n    .npi-quiz-container * {\n        box-sizing: border-box;\n        font-family: 'Segoe UI', 'Microsoft JhengHei', '\u5fae\u8edf\u6b63\u9ed1\u9ad4', sans-serif;\n    }\n\n    .npi-quiz-container {\n        max-width: 750px;\n        margin: 2rem auto;\n        background-color: #ffffff;\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n        overflow: hidden;\n    }\n\n    .npi-quiz-container h2 {\n        color: var(--primary-dark);\n        text-align: center;\n        font-size: 32px;\n        margin-bottom: 1.5rem;\n        padding: 0 1rem;\n    }\n\n    .npi-quiz-container h3 {\n        font-size: 22px;\n        font-weight: bold;\n        color: var(--primary-dark);\n        margin-bottom: 1rem;\n    }\n\n    .npi-quiz-container p {\n        color: var(--text-color);\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 1rem;\n        text-align: left; \/* \u6b63\u6587\u4e0d\u5c45\u4e2d *\/\n    }\n\n    \/* \u6309\u9215\u6a23\u5f0f *\/\n    .npi-quiz-button {\n        display: inline-block;\n        min-width: 200px;\n        min-height: 50px;\n        padding: 14px 28px;\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        color: white;\n        border: none;\n        border-radius: 50px;\n        font-size: 18px;\n        font-weight: bold;\n        text-align: center;\n        cursor: pointer;\n        transition: transform var(--transition-speed), box-shadow var(--transition-speed);\n        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n    }\n\n    .npi-quiz-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);\n    }\n\n    .npi-quiz-button:active {\n        transform: translateY(-1px);\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n    .npi-intro-page {\n        text-align: center;\n        padding: 2.5rem;\n        background: var(--gradient-bg);\n    }\n\n    .npi-intro-page h2 {\n        font-size: 42px;\n        margin-bottom: 0.5rem;\n        background: linear-gradient(135deg, var(--primary-dark), var(--secondary-color));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        text-fill-color: transparent;\n    }\n\n    .npi-intro-subtitle {\n        font-size: 22px;\n        color: var(--text-light);\n        margin-bottom: 2.5rem;\n        text-align: center !important;\n    }\n\n    .npi-intro-banner {\n        display: flex;\n        align-items: center;\n        background-color: white;\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n        margin-bottom: 2.5rem;\n        overflow: hidden;\n    }\n\n    .npi-intro-image {\n        flex: 0 0 200px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background: linear-gradient(135deg, var(--primary-light), var(--secondary-color));\n        padding: 2rem;\n        height: 100%;\n    }\n\n    .npi-intro-image img {\n        width: 120px;\n        height: 120px;\n        filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));\n    }\n\n    .npi-intro-content {\n        flex: 1;\n        padding: 2rem;\n        text-align: left;\n    }\n\n    .npi-intro-benefits {\n        margin-bottom: 2.5rem;\n    }\n\n    .npi-intro-benefits h3 {\n        text-align: center;\n        margin-bottom: 1.5rem;\n        color: var(--primary-dark);\n    }\n\n    .npi-feature-icons {\n        display: flex;\n        justify-content: space-between; \/* \u4fee\u6539\u70baspace-between\uff0c\u8b93\u5716\u6a19\u5747\u52fb\u5206\u5e03 *\/\n        flex-wrap: nowrap; \/* \u7981\u6b62\u63db\u884c *\/\n        margin: 2rem 0;\n        padding: 0 10px;\n    }\n\n    .npi-feature-icon {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 135px; \/* \u9069\u61c9750px\u5bec\u5ea6\u7684\u5bb9\u5668 *\/\n        margin: 0 5px; \/* \u6dfb\u52a0\u4e00\u9ede\u5169\u5074\u9593\u8ddd *\/\n    }\n\n    .npi-icon-circle {\n        width: 80px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u5716\u6a19 *\/\n        height: 80px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-bottom: 1.2rem;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        transition: transform 0.3s ease;\n    }\n\n    .npi-feature-icon:hover .npi-icon-circle {\n        transform: translateY(-5px) scale(1.05);\n    }\n\n    .npi-icon-circle svg {\n        width: 40px;\n        height: 40px;\n        fill: white;\n    }\n\n    .npi-feature-text {\n        text-align: center;\n        font-size: 16px;\n        font-weight: 600;\n        color: var(--primary-dark);\n    }\n\n    .npi-intro-description {\n        background-color: white;\n        border-radius: var(--border-radius);\n        padding: 2rem;\n        margin-bottom: 2.5rem;\n        box-shadow: var(--box-shadow);\n    }\n\n    .npi-intro-facts {\n        display: flex;\n        justify-content: space-around;\n        margin-top: 2rem;\n        flex-wrap: wrap;\n    }\n\n    .npi-fact {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 1rem;\n    }\n\n    .npi-fact-number {\n        font-size: 36px;\n        font-weight: bold;\n        color: var(--secondary-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .npi-fact-text {\n        font-size: 16px;\n        color: var(--text-light);\n    }\n\n    .npi-start-button {\n        margin-top: 1.5rem;\n    }\n\n    \/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n    .npi-question-page {\n        display: none;\n        padding: 2.5rem;\n    }\n\n    .npi-progress-container {\n        height: 8px;\n        background-color: #e0e0e0;\n        border-radius: 4px;\n        margin-bottom: 1.5rem;\n        overflow: hidden;\n    }\n\n    .npi-progress-bar {\n        height: 100%;\n        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n        border-radius: 4px;\n        transition: width 0.5s ease;\n    }\n\n    .npi-progress-text {\n        text-align: center;\n        font-size: 16px;\n        color: var(--text-light);\n        margin-bottom: 2rem;\n    }\n\n    .npi-options-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 1rem;\n        margin-bottom: 2.5rem;\n    }\n\n    .npi-option {\n        padding: 16px;\n        background-color: #f8f9fa;\n        border: 2px solid #e0e0e0;\n        border-radius: var(--border-radius);\n        cursor: pointer;\n        transition: all var(--transition-speed);\n        font-size: 18px;\n        color: var(--text-color);\n        display: flex;\n        align-items: center;\n    }\n\n    .npi-option:hover {\n        background-color: #eef2f7;\n        border-color: var(--primary-light);\n        transform: translateY(-2px);\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);\n    }\n\n    .npi-option.selected {\n        background-color: rgba(74, 111, 165, 0.1);\n        border-color: var(--primary-color);\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .npi-option-radio {\n        margin-right: 12px;\n        width: 20px;\n        height: 20px;\n    }\n\n    .npi-prev-button {\n        display: block;\n        margin: 1rem auto;\n        background: linear-gradient(135deg, #8e9eab, #a0b3c7);\n        min-width: 150px;\n    }\n\n    \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n    .npi-result-page {\n        display: none;\n        padding: 2.5rem;\n    }\n\n    .npi-score-card {\n        background: linear-gradient(135deg, #f5f7fa 0%, #e4ecfb 100%);\n        border-radius: var(--border-radius);\n        padding: 2.5rem;\n        margin-bottom: 2.5rem;\n        text-align: center;\n        box-shadow: var(--box-shadow);\n    }\n\n    .npi-score-title {\n        font-size: 24px;\n        color: var(--primary-dark);\n        margin-bottom: 1rem;\n    }\n\n    .npi-score-value {\n        font-size: 64px;\n        font-weight: 700;\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        text-fill-color: transparent;\n        margin-bottom: 1rem;\n        line-height: 1;\n    }\n\n    .npi-chart-container {\n        width: 100%;\n        max-width: 650px;\n        margin: 2.5rem auto;\n        height: 450px;\n        background-color: white;\n        border-radius: var(--border-radius);\n        padding: 1.5rem;\n        box-shadow: var(--box-shadow);\n    }\n\n    .npi-result-dimension-analysis {\n        margin-bottom: 2.5rem;\n    }\n\n    .npi-result-dimension-analysis h3 {\n        text-align: center;\n        margin-bottom: 1.5rem;\n    }\n\n    .npi-dimensions-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 1.5rem;\n    }\n\n    .npi-dimension-card {\n        background-color: white;\n        border-radius: var(--border-radius);\n        padding: 1.5rem;\n        box-shadow: var(--box-shadow);\n    }\n\n    .npi-dimension-title {\n        font-size: 18px;\n        font-weight: bold;\n        color: var(--primary-dark);\n        margin-bottom: 0.75rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .npi-dimension-percentage {\n        background-color: var(--primary-light);\n        color: white;\n        font-size: 14px;\n        padding: 0.3rem 0.6rem;\n        border-radius: 20px;\n    }\n\n    .npi-dimension-text {\n        font-size: 16px;\n        color: var(--text-color);\n    }\n\n    .npi-result-interpretation {\n        background-color: white;\n        border-radius: var(--border-radius);\n        padding: 2rem;\n        margin-bottom: 2.5rem;\n        box-shadow: var(--box-shadow);\n    }\n\n    .npi-result-interpretation h3 {\n        margin-bottom: 1.5rem;\n        padding-bottom: 0.75rem;\n        border-bottom: 2px solid var(--primary-light);\n    }\n\n    .npi-suggestions {\n        background-color: var(--accent-light);\n        border-radius: var(--border-radius);\n        padding: 2rem;\n        margin-bottom: 2.5rem;\n        box-shadow: var(--box-shadow);\n    }\n\n    .npi-suggestions h3 {\n        color: #d63384;\n        margin-bottom: 1.5rem;\n    }\n\n    .npi-suggestion-item {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 1.5rem;\n    }\n\n    .npi-suggestion-icon {\n        flex: 0 0 40px;\n        height: 40px;\n        background-color: #ffd6e0;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-right: 1rem;\n    }\n\n    .npi-suggestion-icon svg {\n        width: 24px;\n        height: 24px;\n        fill: #d63384;\n    }\n\n    .npi-suggestion-content {\n        flex: 1;\n    }\n\n    .npi-suggestion-title {\n        font-weight: bold;\n        margin-bottom: 0.5rem;\n        color: #d63384;\n    }\n\n    .npi-retry-button {\n        display: block;\n        margin: 2rem auto;\n    }\n\n    \/* \u97ff\u61c9\u5f0f\u6a23\u5f0f *\/\n    @media (max-width: 768px) {\n        .npi-quiz-container {\n            margin: 1rem;\n        }\n\n        .npi-intro-page, .npi-question-page, .npi-result-page {\n            padding: 1.5rem;\n        }\n\n        .npi-intro-banner {\n            flex-direction: column;\n        }\n\n        .npi-intro-image {\n            width: 100%;\n            padding: 1.5rem;\n        }\n\n        .npi-options-grid, .npi-dimensions-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        \/* \u66f4\u65b0\u79fb\u52d5\u7aef\u7684\u5716\u6a19\u5e03\u5c40 *\/\n        .npi-feature-icons {\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 1rem;\n        }\n\n        .npi-feature-icon {\n            width: 110px;\n            margin: 0 5px 1rem;\n        }\n\n        .npi-icon-circle {\n            width: 70px;\n            height: 70px;\n        }\n\n        .npi-icon-circle svg {\n            width: 35px;\n            height: 35px;\n        }\n    }\n<\/style>\n\n<!-- JavaScript\u884c\u70ba\u90e8\u5206 -->\n<script>\n\/\/ \u5f15\u5165Chart.js\ndocument.addEventListener('DOMContentLoaded', function() {\n    if (typeof Chart === 'undefined') {\n        const script = document.createElement('script');\n        script.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js';\n        script.onload = initializeQuiz;\n        document.head.appendChild(script);\n    } else {\n        initializeQuiz();\n    }\n});\n\n\/\/ \u7acb\u5373\u57f7\u884c\u51fd\u6578\u8868\u9054\u5f0f\uff0c\u907f\u514d\u5168\u5c40\u8b8a\u91cf\u6c61\u67d3\nfunction initializeQuiz() {\n    (function() {\n        \/\/ \u554f\u984c\u6578\u64da\n        const questions = [\n            \"\u6211\u5929\u751f\u5c31\u6709\u4e00\u7a2e\u80fd\u5f71\u97ff\u4eba\u5011\u7684\u672c\u4e8b\u3002\",\n            \"\u6211\u4e0d\u662f\u4e00\u500b\u8b19\u865b\u7684\u4eba\u3002\",\n            \"\u6211\u5e7e\u4e4e\u6562\u6311\u6230\u4efb\u4f55\u4e8b\u60c5\u3002\",\n            \"\u6211\u662f\u4e00\u500b\u975e\u51e1\u7684\u4eba\u3002\",\n            \"\u5982\u679c\u8b93\u6211\u4f86\u7d71\u6cbb\u4e16\u754c\uff0c\u9019\u500b\u4e16\u754c\u5c07\u6703\u66f4\u597d\u3002\",\n            \"\u6211\u80fd\u9760\u53e3\u624d\u8aaa\u670d\u4ed6\u4eba\u4ee5\u907f\u514d\u9ebb\u7169\u3002\",\n            \"\u6211\u559c\u6b61\u6210\u70ba\u6ce8\u610f\u7684\u4e2d\u5fc3\u3002\",\n            \"\u6211\u5c07\u6703\u662f\u4e00\u500b\u6210\u529f\u7684\u4eba\u3002\",\n            \"\u6211\u89ba\u5f97\u6211\u662f\u500b\u7279\u5225\u7684\u4eba\u3002\",\n            \"\u6211\u8a8d\u70ba\u6211\u662f\u4e00\u500b\u597d\u9818\u5c0e\u3002\",\n            \"\u6211\u662f\u4e00\u500b\u5805\u5b9a\u81ea\u4fe1\u7684\u4eba\u3002\",\n            \"\u6211\u559c\u6b61\u64c1\u6709\u652f\u914d\u4ed6\u4eba\u7684\u6b0a\u529b\u3002\",\n            \"\u6211\u767c\u73fe\u64cd\u7e31\u5225\u4eba\u662f\u5bb9\u6613\u7684\u3002\",\n            \"\u6211\u5805\u6301\u7372\u5f97\u6211\u61c9\u5f97\u7684\u5c0a\u91cd\u3002\",\n            \"\u6211\u559c\u6b61\u5c55\u793a\u6211\u7684\u8eab\u9ad4\u3002\",\n            \"\u6211\u80fd\u770b\u900f\u5225\u4eba\u7684\u5fc3\u601d\u3002\",\n            \"\u6211\u559c\u6b61\u8ca0\u8cac\u53bb\u505a\u6c7a\u5b9a\u3002\",\n            \"\u6211\u8981\u6210\u70ba\u4e16\u4eba\u773c\u88e1\u6709\u6210\u5c31\u7684\u4eba\u3002\",\n            \"\u6211\u559c\u6b61\u770b\u81ea\u5df1\u7684\u8eab\u9ad4\u3002\",\n            \"\u7576\u6211\u6709\u6a5f\u6703\u6642\uff0c\u6211\u5c31\u6a02\u65bc\u8868\u73fe\u81ea\u5df1\u3002\",\n            \"\u6211\u7e3d\u662f\u77e5\u9053\u6211\u5728\u505a\u4ec0\u9ebc\u3002\",\n            \"\u6211\u5f88\u5c11\u4f9d\u9760\u5225\u4eba\u4f86\u5b8c\u6210\u4e8b\u60c5\u3002\",\n            \"\u6bcf\u500b\u4eba\u90fd\u559c\u6b61\u807d\u6211\u7684\u6545\u4e8b\u6216\u8efc\u4e8b\u3002\",\n            \"\u6211\u5c0d\u4ed6\u4eba\u7684\u671f\u671b\u5f88\u591a\u3002\",\n            \"\u5728\u6c92\u6709\u5f97\u5230\u6211\u60f3\u5f97\u5230\u7684\u6771\u897f\u4e4b\u524d\uff0c\u6211\u662f\u6c38\u9060\u4e0d\u6703\u6eff\u8db3\u7684\u3002\",\n            \"\u6211\u559c\u6b61\u88ab\u4eba\u606d\u7dad\u3002\",\n            \"\u6211\u5c0d\u6b0a\u529b\u6709\u5f37\u70c8\u7684\u617e\u671b\u3002\",\n            \"\u6211\u559c\u6b61\u958b\u5275\u6642\u5c1a\u3002\",\n            \"\u6211\u559c\u6b61\u7167\u93e1\u5b50\u3002\",\n            \"\u6211\u771f\u7684\u559c\u6b61\u6210\u70ba\u6ce8\u610f\u7684\u7126\u9ede\u3002\",\n            \"\u6211\u80fd\u6309\u7167\u6211\u559c\u611b\u7684\u65b9\u5f0f\u751f\u6d3b\u3002\",\n            \"\u4eba\u5011\u4f3c\u4e4e\u7e3d\u662f\u8a8d\u53ef\u6211\u7684\u6b0a\u5a01\u3002\",\n            \"\u6211\u559c\u6b61\u7576\u9818\u5c0e\u3002\",\n            \"\u6211\u5c07\u6703\u6210\u70ba\u4e00\u500b\u5049\u5927\u7684\u4eba\u3002\",\n            \"\u6211\u80fd\u8b93\u4efb\u4f55\u4eba\u76f8\u4fe1\u6211\u60f3\u8b93\u4ed6\u5011\u76f8\u4fe1\u7684\u4e8b\u3002\",\n            \"\u6211\u662f\u5929\u751f\u7684\u9818\u5c0e\u8005\u3002\",\n            \"\u6211\u5e0c\u671b\u5c07\u4f86\u6709\u4e00\u5929\u6709\u4eba\u7d66\u6211\u5beb\u50b3\u8a18\u3002\",\n            \"\u5728\u516c\u5171\u5834\u6240\uff0c\u5982\u679c\u4eba\u5011\u4e0d\u6ce8\u610f\u6211\u7684\u5916\u8868\uff0c\u6211\u6703\u611f\u5230\u4e0d\u958b\u5fc3\u3002\",\n            \"\u6211\u6bd4\u5176\u4ed6\u4eba\u66f4\u80fd\u5e79\u3002\",\n            \"\u6211\u77e5\u9053\u81ea\u5df1\u5f88\u597d\uff0c\u56e0\u70ba\u5225\u4eba\u4e00\u76f4\u9019\u9ebc\u8ddf\u6211\u8aaa\u3002\",\n            \"\u6211\u5be7\u9858\u9760\u81ea\u5df1\u800c\u4e0d\u9760\u5225\u4eba\u3002\",\n            \"\u6211\u901a\u5e38\u4f9d\u8cf4\u81ea\u5df1\uff0c\u800c\u5f88\u5c11\u4f9d\u8cf4\u4ed6\u4eba\u3002\",\n            \"\u6211\u901a\u5e38\u505a\u81ea\u5df1\u7684\u4e8b\u3002\",\n            \"\u5c0d\u6211\u4f86\u8aaa\uff0c\u7368\u7acb\u65bc\u4ed6\u4eba\u7684\u500b\u4eba\u7368\u7279\u6027\u662f\u975e\u5e38\u91cd\u8981\u7684\u3002\",\n            \"\u6211\u7684\u5de5\u4f5c\u505a\u5f97\u6bd4\u5225\u4eba\u597d\u662f\u91cd\u8981\u7684\u3002\",\n            \"\u52dd\u5229\u5c31\u662f\u4e00\u5207\u3002\",\n            \"\u7af6\u722d\u662f\u81ea\u7136\u7684\u5b9a\u5f8b\u3002\",\n            \"\u7576\u53e6\u4e00\u500b\u4eba\u6bd4\u6211\u505a\u5f97\u597d\uff0c\u6211\u611f\u5230\u7dca\u5f35\u548c\u95dc\u6ce8\u3002\",\n            \"\u5047\u5982\u6709\u540c\u4e8b\u5f97\u734e\uff0c\u6211\u6703\u611f\u5230\u81ea\u8c6a\u3002\",\n            \"\u540c\u4e8b\u7684\u5b89\u5eb7\u5c0d\u6211\u4f86\u8aaa\u662f\u91cd\u8981\u7684\u3002\",\n            \"\u5c0d\u6211\u4f86\u8aaa\uff0c\u5feb\u6a02\u662f\u548c\u5225\u4eba\u4e00\u8d77\u6d88\u78e8\u6642\u9593\u3002\",\n            \"\u7576\u6211\u548c\u5225\u4eba\u5408\u4f5c\uff0c\u6211\u611f\u89ba\u826f\u597d\u3002\",\n            \"\u5bb6\u9577\u548c\u5b50\u5973\u5fc5\u9808\u5118\u53ef\u80fd\u5728\u4e00\u8d77\u3002\",\n            \"\u5373\u4f7f\u8981\u72a7\u7272\u6211\u60f3\u8981\u7684\u6771\u897f\uff0c\u6211\u4e5f\u8981\u76e1\u7167\u9867\u5bb6\u5ead\u7684\u8cac\u4efb\u3002\",\n            \"\u7121\u8ad6\u9700\u8981\u600e\u6a23\u7684\u72a7\u7272\uff0c\u5bb6\u5ead\u6210\u54e1\u90fd\u61c9\u8a72\u4e92\u76f8\u652f\u63f4\u3002\",\n            \"\u5c0a\u91cd\u5718\u9ad4\u505a\u51fa\u7684\u6c7a\u5b9a\u5c0d\u6211\u4f86\u8aaa\u662f\u91cd\u8981\u7684\u3002\"\n        ];\n            \n        \/\/ \u7dad\u5ea6\u63cf\u8ff0\u548c\u5efa\u8b70\n        const dimensionDescriptions = {\n            authority: {\n                name: '\u6b0a\u5a01\u611f',\n                high: '\u4f60\u5728\u6b0a\u5a01\u611f\u65b9\u9762\u5f97\u5206\u8f03\u9ad8\uff0c\u8868\u793a\u4f60\u559c\u6b61\u9818\u5c0e\u4ed6\u4eba\uff0c\u5c0d\u6b0a\u529b\u6709\u8f03\u5f37\u7684\u6e34\u671b\u3002\u9019\u7a2e\u7279\u8cea\u6709\u52a9\u65bc\u4f60\u5728\u7ba1\u7406\u548c\u9818\u5c0e\u5d17\u4f4d\u4e0a\u53d6\u5f97\u6210\u529f\u3002',\n                medium: '\u4f60\u5728\u6b0a\u5a01\u611f\u65b9\u9762\u5f97\u5206\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u8868\u793a\u4f60\u5728\u9069\u7576\u7684\u60c5\u6cc1\u4e0b\u9858\u610f\u627f\u64d4\u9818\u5c0e\u8cac\u4efb\uff0c\u4f46\u4e5f\u4e0d\u6703\u904e\u5ea6\u8ffd\u6c42\u6b0a\u529b\u3002\u9019\u7a2e\u5e73\u8861\u7684\u614b\u5ea6\u4f7f\u4f60\u80fd\u5920\u5728\u4e0d\u540c\u7684\u89d2\u8272\u4e2d\u9748\u6d3b\u5207\u63db\u3002',\n                low: '\u4f60\u5728\u6b0a\u5a01\u611f\u65b9\u9762\u5f97\u5206\u8f03\u4f4e\uff0c\u8868\u793a\u4f60\u4e0d\u592a\u6e34\u671b\u9818\u5c0e\u5730\u4f4d\u6216\u6b0a\u529b\u3002\u9019\u4f7f\u4f60\u5728\u5718\u968a\u5408\u4f5c\u4e2d\u66f4\u5bb9\u6613\u63a5\u53d7\u4ed6\u4eba\u7684\u610f\u898b\u3002',\n                suggestions: {\n                    high: '\u53ef\u4ee5\u8003\u616e\u5c0b\u627e\u80fd\u767c\u63ee\u4f60\u9818\u5c0e\u624d\u80fd\u7684\u6a5f\u6703\uff0c\u4f46\u540c\u6642\u8981\u6ce8\u610f\u50be\u807d\u5718\u968a\u6210\u54e1\u7684\u610f\u898b\uff0c\u907f\u514d\u904e\u5ea6\u63a7\u5236\u3002',\n                    medium: '\u4f60\u7684\u5e73\u8861\u614b\u5ea6\u662f\u4e00\u7a2e\u512a\u52e2\uff0c\u53ef\u4ee5\u5728\u9700\u8981\u6642\u627f\u64d4\u9818\u5c0e\u89d2\u8272\uff0c\u4e5f\u53ef\u4ee5\u5728\u9069\u7576\u6642\u5019\u8b93\u4f4d\u65bc\u4ed6\u4eba\u3002\u7e7c\u7e8c\u4fdd\u6301\u9019\u7a2e\u9748\u6d3b\u6027\u3002',\n                    low: '\u53ef\u4ee5\u5617\u8a66\u5728\u719f\u6089\u7684\u74b0\u5883\u4e2d\u64d4\u4efb\u5c0f\u898f\u6a21\u7684\u9818\u5c0e\u89d2\u8272\uff0c\u9010\u6f38\u5efa\u7acb\u81ea\u4fe1\u548c\u6c7a\u7b56\u80fd\u529b\u3002'\n                }\n            },\n            selfFocus: {\n                name: '\u81ea\u6211\u95dc\u6ce8',\n                high: '\u4f60\u5728\u81ea\u6211\u95dc\u6ce8\u65b9\u9762\u5f97\u5206\u8f03\u9ad8\uff0c\u8868\u793a\u4f60\u5f88\u6ce8\u91cd\u81ea\u5df1\u7684\u5f62\u8c61\u548c\u8868\u73fe\u3002\u9019\u7a2e\u7279\u8cea\u53ef\u4ee5\u5e6b\u52a9\u4f60\u5728\u793e\u4ea4\u5834\u5408\u4e2d\u7372\u5f97\u95dc\u6ce8\u3002',\n                medium: '\u4f60\u5728\u81ea\u6211\u95dc\u6ce8\u65b9\u9762\u5f97\u5206\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u8868\u793a\u4f60\u95dc\u6ce8\u81ea\u5df1\u7684\u540c\u6642\u4e5f\u80fd\u9867\u53ca\u4ed6\u4eba\u3002\u9019\u7a2e\u5e73\u8861\u6709\u52a9\u65bc\u7dad\u6301\u5065\u5eb7\u7684\u793e\u4ea4\u95dc\u4fc2\u3002',\n                low: '\u4f60\u5728\u81ea\u6211\u95dc\u6ce8\u65b9\u9762\u5f97\u5206\u8f03\u4f4e\uff0c\u8868\u793a\u4f60\u4e0d\u592a\u5728\u610f\u6210\u70ba\u7126\u9ede\u3002\u9019\u4f7f\u4f60\u80fd\u5920\u66f4\u52a0\u5e73\u548c\u5730\u9762\u5c0d\u751f\u6d3b\u4e2d\u7684\u5404\u7a2e\u60c5\u6cc1\u3002',\n                suggestions: {\n                    high: '\u5617\u8a66\u5c07\u90e8\u5206\u95dc\u6ce8\u9ede\u8f49\u5411\u4ed6\u4eba\uff0c\u57f9\u990a\u540c\u7406\u5fc3\u548c\u50be\u807d\u80fd\u529b\uff0c\u9019\u5c07\u6709\u52a9\u65bc\u5efa\u7acb\u66f4\u6df1\u5c64\u6b21\u7684\u4eba\u969b\u95dc\u4fc2\u3002',\n                    medium: '\u7e7c\u7e8c\u4fdd\u6301\u9019\u7a2e\u5e73\u8861\u7684\u614b\u5ea6\uff0c\u5728\u9069\u7576\u7684\u5834\u5408\u5c55\u793a\u81ea\u5df1\uff0c\u540c\u6642\u4e5f\u7d66\u4e88\u4ed6\u4eba\u8868\u73fe\u7684\u7a7a\u9593\u3002',\n                    low: '\u5728\u9069\u7576\u7684\u60c5\u6cc1\u4e0b\uff0c\u53ef\u4ee5\u5617\u8a66\u66f4\u591a\u5730\u8868\u9054\u81ea\u5df1\u7684\u60f3\u6cd5\u548c\u611f\u53d7\uff0c\u9019\u6709\u52a9\u65bc\u4ed6\u4eba\u66f4\u597d\u5730\u4e86\u89e3\u4f60\u3002'\n                }\n            },\n            superiority: {\n                name: '\u512a\u8d8a\u611f',\n                high: '\u4f60\u5728\u512a\u8d8a\u611f\u65b9\u9762\u5f97\u5206\u8f03\u9ad8\uff0c\u8868\u793a\u4f60\u5c0d\u81ea\u5df1\u7684\u80fd\u529b\u6709\u5f88\u5f37\u7684\u81ea\u4fe1\u3002\u9019\u7a2e\u7279\u8cea\u80fd\u5e6b\u52a9\u4f60\u52c7\u65bc\u63a5\u53d7\u6311\u6230\u3002',\n                medium: '\u4f60\u5728\u512a\u8d8a\u611f\u65b9\u9762\u5f97\u5206\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u8868\u793a\u4f60\u6709\u5065\u5eb7\u7684\u81ea\u4fe1\u5fc3\uff0c\u4f46\u4e5f\u4e0d\u6703\u904e\u5ea6\u9ad8\u4f30\u81ea\u5df1\u3002\u9019\u7a2e\u5e73\u8861\u7684\u5fc3\u614b\u6709\u52a9\u65bc\u4f60\u5ba2\u89c0\u8a55\u4f30\u81ea\u5df1\u7684\u80fd\u529b\u3002',\n                low: '\u4f60\u5728\u512a\u8d8a\u611f\u65b9\u9762\u5f97\u5206\u8f03\u4f4e\uff0c\u8868\u793a\u4f60\u50be\u5411\u65bc\u5e73\u7b49\u5730\u770b\u5f85\u81ea\u5df1\u8207\u4ed6\u4eba\u3002\u9019\u6709\u52a9\u65bc\u5efa\u7acb\u5e73\u7b49\u4e92\u60e0\u7684\u4eba\u969b\u95dc\u4fc2\u3002',\n                suggestions: {\n                    high: '\u5617\u8a66\u6b23\u8cde\u4ed6\u4eba\u7684\u512a\u9ede\u548c\u6210\u5c31\uff0c\u8a8d\u8b58\u5230\u6bcf\u500b\u4eba\u90fd\u6709\u7368\u7279\u7684\u50f9\u503c\u548c\u8ca2\u737b\u3002',\n                    medium: '\u4fdd\u6301\u9019\u7a2e\u5e73\u8861\u7684\u81ea\u6211\u8a55\u50f9\uff0c\u5728\u81ea\u4fe1\u7684\u540c\u6642\u4fdd\u6301\u8b19\u905c\uff0c\u9019\u5c07\u5e6b\u52a9\u4f60\u5728\u4e0d\u540c\u74b0\u5883\u4e2d\u53d6\u5f97\u6210\u529f\u3002',\n                    low: '\u53ef\u4ee5\u66f4\u591a\u5730\u80af\u5b9a\u81ea\u5df1\u7684\u6210\u5c31\u548c\u80fd\u529b\uff0c\u9069\u7576\u63d0\u5347\u81ea\u4fe1\u5fc3\u6709\u52a9\u65bc\u8077\u696d\u767c\u5c55\u548c\u751f\u6d3b\u54c1\u8cea\u3002'\n                }\n            },\n            independence: {\n                name: '\u7368\u7acb\u6027',\n                high: '\u4f60\u5728\u7368\u7acb\u6027\u65b9\u9762\u5f97\u5206\u8f03\u9ad8\uff0c\u8868\u793a\u4f60\u7fd2\u6163\u81ea\u5df1\u89e3\u6c7a\u554f\u984c\uff0c\u4e0d\u592a\u4f9d\u8cf4\u4ed6\u4eba\u3002\u9019\u7a2e\u7279\u8cea\u4f7f\u4f60\u80fd\u5920\u5728\u56f0\u96e3\u60c5\u6cc1\u4e0b\u5805\u5f37\u81ea\u7acb\u3002',\n                medium: '\u4f60\u5728\u7368\u7acb\u6027\u65b9\u9762\u5f97\u5206\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u8868\u793a\u4f60\u80fd\u5920\u5728\u9700\u8981\u6642\u7368\u7acb\u8655\u7406\u554f\u984c\uff0c\u4e5f\u61c2\u5f97\u4f55\u6642\u5c0b\u6c42\u5e6b\u52a9\u3002\u9019\u7a2e\u5e73\u8861\u7684\u614b\u5ea6\u6709\u52a9\u65bc\u9ad8\u6548\u89e3\u6c7a\u554f\u984c\u3002',\n                low: '\u4f60\u5728\u7368\u7acb\u6027\u65b9\u9762\u5f97\u5206\u8f03\u4f4e\uff0c\u8868\u793a\u4f60\u9858\u610f\u5728\u9700\u8981\u6642\u5c0b\u6c42\u5e6b\u52a9\u3002\u9019\u6709\u52a9\u65bc\u4f60\u5efa\u7acb\u652f\u6301\u7db2\u7d61\u548c\u5354\u4f5c\u95dc\u4fc2\u3002',\n                suggestions: {\n                    high: '\u5b78\u7fd2\u5728\u9069\u7576\u7684\u6642\u5019\u5c0b\u6c42\u5e6b\u52a9\u548c\u5efa\u8b70\uff0c\u9019\u4e0d\u662f\u8edf\u5f31\u7684\u8868\u73fe\uff0c\u800c\u662f\u660e\u667a\u7684\u9078\u64c7\u3002',\n                    medium: '\u7e7c\u7e8c\u4fdd\u6301\u9019\u7a2e\u5e73\u8861\u7684\u7368\u7acb\u6027\uff0c\u6839\u64da\u60c5\u6cc1\u9748\u6d3b\u9078\u64c7\u7368\u7acb\u8655\u7406\u6216\u5c0b\u6c42\u5354\u52a9\u3002',\n                    low: '\u5617\u8a66\u7368\u7acb\u8655\u7406\u4e00\u4e9b\u6311\u6230\uff0c\u9010\u6b65\u57f9\u990a\u81ea\u4e3b\u89e3\u6c7a\u554f\u984c\u7684\u80fd\u529b\u548c\u81ea\u4fe1\u5fc3\u3002'\n                }\n            },\n            selfIdentity: {\n                name: '\u81ea\u6211\u8a8d\u540c',\n                high: '\u4f60\u5728\u81ea\u6211\u8a8d\u540c\u65b9\u9762\u5f97\u5206\u8f03\u9ad8\uff0c\u8868\u793a\u4f60\u5c0d\u81ea\u5df1\u7684\u50f9\u503c\u6709\u5f37\u70c8\u7684\u80af\u5b9a\u611f\u3002\u9019\u7a2e\u7279\u8cea\u80fd\u5e6b\u52a9\u4f60\u5728\u9006\u5883\u4e2d\u4fdd\u6301\u7a4d\u6975\u5fc3\u614b\u3002',\n                medium: '\u4f60\u5728\u81ea\u6211\u8a8d\u540c\u65b9\u9762\u5f97\u5206\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u8868\u793a\u4f60\u6709\u5065\u5eb7\u7684\u81ea\u6211\u610f\u8b58\uff0c\u80fd\u5920\u5ba2\u89c0\u770b\u5f85\u81ea\u5df1\u7684\u512a\u7f3a\u9ede\u3002\u9019\u7a2e\u5e73\u8861\u7684\u614b\u5ea6\u6709\u52a9\u65bc\u6301\u7e8c\u6210\u9577\u548c\u9032\u6b65\u3002',\n                low: '\u4f60\u5728\u81ea\u6211\u8a8d\u540c\u65b9\u9762\u5f97\u5206\u8f03\u4f4e\uff0c\u8868\u793a\u4f60\u5c0d\u81ea\u5df1\u7684\u8a55\u50f9\u8f03\u70ba\u8b19\u865b\u3002\u9019\u4f7f\u4f60\u80fd\u5920\u66f4\u5ba2\u89c0\u5730\u770b\u5f85\u81ea\u5df1\u7684\u512a\u7f3a\u9ede\u3002',\n                suggestions: {\n                    high: '\u5617\u8a66\u63a5\u53d7\u81ea\u5df1\u7684\u4e0d\u5b8c\u7f8e\uff0c\u4e26\u4ee5\u958b\u653e\u7684\u614b\u5ea6\u5c0d\u5f85\u6279\u8a55\u548c\u53cd\u994b\u3002',\n                    medium: '\u7e7c\u7e8c\u4fdd\u6301\u9019\u7a2e\u5e73\u8861\u7684\u81ea\u6211\u8a8d\u77e5\uff0c\u5728\u63a5\u7d0d\u81ea\u5df1\u7684\u540c\u6642\u4e0d\u65b7\u5c0b\u6c42\u6539\u9032\u548c\u6210\u9577\u7684\u6a5f\u6703\u3002',\n                    low: '\u7df4\u7fd2\u80af\u5b9a\u81ea\u5df1\u7684\u50f9\u503c\u548c\u6210\u5c31\uff0c\u57f9\u990a\u5065\u5eb7\u7684\u81ea\u5c0a\u548c\u81ea\u4fe1\u3002'\n                }\n            },\n            competitiveness: {\n                name: '\u7af6\u722d\u6027',\n                high: '\u4f60\u5728\u7af6\u722d\u6027\u65b9\u9762\u5f97\u5206\u8f03\u9ad8\uff0c\u8868\u793a\u4f60\u559c\u6b61\u6311\u6230\u548c\u8d0f\u5f97\u52dd\u5229\u3002\u9019\u7a2e\u7279\u8cea\u80fd\u9a45\u4f7f\u4f60\u4e0d\u65b7\u9032\u6b65\u548c\u8d85\u8d8a\u81ea\u6211\u3002',\n                medium: '\u4f60\u5728\u7af6\u722d\u6027\u65b9\u9762\u5f97\u5206\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u8868\u793a\u4f60\u80fd\u5920\u5728\u5fc5\u8981\u6642\u5c55\u73fe\u7af6\u722d\u7cbe\u795e\uff0c\u4e5f\u61c2\u5f97\u4f55\u6642\u9078\u64c7\u5408\u4f5c\u3002\u9019\u7a2e\u5e73\u8861\u7684\u614b\u5ea6\u4f7f\u4f60\u80fd\u5920\u9748\u6d3b\u61c9\u5c0d\u4e0d\u540c\u60c5\u5883\u3002',\n                low: '\u4f60\u5728\u7af6\u722d\u6027\u65b9\u9762\u5f97\u5206\u8f03\u4f4e\uff0c\u8868\u793a\u4f60\u66f4\u770b\u91cd\u5408\u4f5c\u800c\u975e\u7af6\u722d\u3002\u9019\u6709\u52a9\u65bc\u5efa\u7acb\u548c\u8ae7\u7684\u4eba\u969b\u95dc\u4fc2\u548c\u5de5\u4f5c\u74b0\u5883\u3002',\n                suggestions: {\n                    high: '\u5617\u8a66\u5c07\u90e8\u5206\u7af6\u722d\u7cbe\u795e\u8f49\u5316\u70ba\u81ea\u6211\u63d0\u5347\uff0c\u800c\u975e\u8207\u4ed6\u4eba\u6bd4\u8f03\u3002\u5b78\u7fd2\u6b23\u8cde\u5408\u4f5c\u5e36\u4f86\u7684\u5171\u8d0f\u6210\u679c\u3002',\n                    medium: '\u7e7c\u7e8c\u4fdd\u6301\u7af6\u722d\u8207\u5408\u4f5c\u7684\u5e73\u8861\uff0c\u6839\u64da\u60c5\u6cc1\u9078\u64c7\u6700\u9069\u5408\u7684\u7b56\u7565\u3002',\n                    low: '\u5728\u9069\u7576\u7684\u60c5\u6cc1\u4e0b\uff0c\u53ef\u4ee5\u8a2d\u5b9a\u4e00\u4e9b\u6311\u6230\u81ea\u6211\u7684\u76ee\u6a19\uff0c\u9069\u5ea6\u7684\u7af6\u722d\u610f\u8b58\u6709\u52a9\u65bc\u500b\u4eba\u6210\u9577\u3002'\n                }\n            },\n            teamwork: {\n                name: '\u5718\u968a\u5408\u4f5c',\n                high: '\u4f60\u5728\u5718\u968a\u5408\u4f5c\u65b9\u9762\u5f97\u5206\u8f03\u9ad8\uff0c\u8868\u793a\u4f60\u91cd\u8996\u8207\u4ed6\u4eba\u7684\u5354\u4f5c\u548c\u95dc\u4fc2\u3002\u9019\u7a2e\u7279\u8cea\u6709\u52a9\u65bc\u4f60\u5728\u5718\u968a\u4e2d\u5efa\u7acb\u826f\u597d\u7684\u4eba\u969b\u95dc\u4fc2\u3002',\n                medium: '\u4f60\u5728\u5718\u968a\u5408\u4f5c\u65b9\u9762\u5f97\u5206\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u8868\u793a\u4f60\u80fd\u5920\u5728\u5718\u968a\u4e2d\u6709\u6548\u5de5\u4f5c\uff0c\u4e5f\u80fd\u5728\u9700\u8981\u6642\u7368\u7acb\u884c\u52d5\u3002\u9019\u7a2e\u5e73\u8861\u7684\u614b\u5ea6\u4f7f\u4f60\u6210\u70ba\u4e00\u500b\u9748\u6d3b\u7684\u5718\u968a\u6210\u54e1\u3002',\n                low: '\u4f60\u5728\u5718\u968a\u5408\u4f5c\u65b9\u9762\u5f97\u5206\u8f03\u4f4e\uff0c\u8868\u793a\u4f60\u53ef\u80fd\u66f4\u559c\u6b61\u7368\u7acb\u5de5\u4f5c\u3002\u9019\u4f7f\u4f60\u80fd\u5920\u5c08\u6ce8\u65bc\u500b\u4eba\u4efb\u52d9\u548c\u76ee\u6a19\u3002',\n                suggestions: {\n                    high: '\u7e7c\u7e8c\u767c\u63ee\u4f60\u7684\u5354\u4f5c\u512a\u52e2\uff0c\u540c\u6642\u4e5f\u8981\u6ce8\u610f\u4fdd\u8b77\u81ea\u5df1\u7684\u908a\u754c\u548c\u9700\u6c42\u3002',\n                    medium: '\u4fdd\u6301\u9019\u7a2e\u9748\u6d3b\u7684\u5408\u4f5c\u614b\u5ea6\uff0c\u6839\u64da\u5177\u9ad4\u60c5\u6cc1\u8abf\u6574\u4f60\u7684\u53c3\u8207\u5ea6\u548c\u5354\u4f5c\u65b9\u5f0f\u3002',\n                    low: '\u5617\u8a66\u66f4\u591a\u5730\u53c3\u8207\u5718\u968a\u6d3b\u52d5\uff0c\u9ad4\u9a57\u5408\u4f5c\u5e36\u4f86\u7684\u96c6\u9ad4\u667a\u6167\u548c\u6210\u5c31\u611f\u3002'\n                }\n            }\n        };\n            \n        \/\/ \u7d50\u679c\u89e3\u91cb\u548c\u500b\u4eba\u5efa\u8b70\n        const interpretations = {\n            high: {\n                title: \"\u9ad8\u81ea\u6200\u8005 (155\uff5e240\u5206)\",\n                text: \"\u4f60\u975e\u5e38\u81ea\u4fe1\uff0c\u81ea\u6211\u8a55\u50f9\u5f88\u9ad8\uff0c\u51e1\u4e8b\u7e3d\u662f\u5f9e\u7a4d\u6975\u7684\u65b9\u9762\u53bb\u6b78\u56e0\u3002\u4f60\u5c0d\u6b0a\u529b\u6709\u5f37\u70c8\u7684\u617e\u671b\uff0c\u559c\u6b61\u5145\u7576\u9818\u5c0e\u8005\u3002\u9019\u662f\u597d\u7684\u4e00\u9762\uff0c\u80fd\u8b93\u4f60\u9060\u96e2\u6291\u9b31\u3001\u7126\u616e\u548c\u60b2\u50b7\uff0c\u4fdd\u6301\u5065\u5eb7\u7684\u5fc3\u614b\u3002\u4f46\u662f\u4f60\u5c0d\u90a3\u4e9b\u5a01\u8105\u5230\u81ea\u5c0a\u7684\u4e8b\u60c5\u7279\u5225\u654f\u611f\uff0c\u7279\u5225\u662f\u7576\u4f60\u9047\u5230\u548c\u4f60\u671f\u671b\u76f8\u6096\u7684\u4e8b\u60c5\u6642\uff0c\u4f60\u5bb9\u6613\u8b8a\u5f97\u61a4\u6012\u548c\u5bcc\u65bc\u653b\u64ca\u6027\u3002\u4f60\u7684\u4eba\u969b\u95dc\u4fc2\u6216\u8a31\u5b58\u5728\u4e00\u4e9b\u554f\u984c\uff0c\u6bd4\u5982\u7f3a\u4e4f\u6df1\u5ea6\u7684\u4ea4\u5f80\uff0c\u4eba\u969b\u885d\u7a81\u6bd4\u8f03\u591a\u3002\u5728\u6709\u4e9b\u4eba\u770b\u4f86\u4f60\u4ee5\u81ea\u6211\u70ba\u4e2d\u5fc3\uff0c\u7f3a\u4e4f\u540c\u60c5\u5fc3\u548c\u4fe1\u4efb\u611f\uff0c\u559c\u6b61\u7af6\u722d\u591a\u65bc\u5408\u4f5c\u3002\",\n                suggestions: [\n                    {\n                        title: \"\u57f9\u990a\u540c\u7406\u5fc3\",\n                        text: \"\u5617\u8a66\u66f4\u591a\u5730\u5f9e\u4ed6\u4eba\u89d2\u5ea6\u770b\u554f\u984c\uff0c\u7406\u89e3\u4ed6\u4eba\u7684\u611f\u53d7\u548c\u9700\u6c42\uff0c\u9019\u5c07\u5e6b\u52a9\u4f60\u5efa\u7acb\u66f4\u52a0\u6df1\u5165\u548c\u6301\u4e45\u7684\u4eba\u969b\u95dc\u4fc2\u3002\"\n                    },\n                    {\n                        title: \"\u5e73\u8861\u81ea\u4fe1\u8207\u8b19\u905c\",\n                        text: \"\u4fdd\u6301\u81ea\u4fe1\u7684\u540c\u6642\uff0c\u5b78\u7fd2\u6b23\u8cde\u4ed6\u4eba\u7684\u512a\u9ede\u548c\u6210\u5c31\uff0c\u8a8d\u8b58\u5230\u6bcf\u500b\u4eba\u90fd\u6709\u7368\u7279\u7684\u50f9\u503c\u548c\u8ca2\u737b\u3002\"\n                    },\n                    {\n                        title: \"\u767c\u5c55\u50be\u807d\u6280\u5de7\",\n                        text: \"\u5728\u4ea4\u8ac7\u4e2d\u591a\u50be\u807d\u800c\u975e\u4e3b\u5c0e\uff0c\u771f\u8aa0\u95dc\u6ce8\u4ed6\u4eba\u7684\u60f3\u6cd5\u548c\u611f\u53d7\uff0c\u9019\u5c07\u4f7f\u4f60\u7684\u4eba\u969b\u95dc\u4fc2\u66f4\u52a0\u5e73\u8861\u548c\u5065\u5eb7\u3002\"\n                    }\n                ]\n            },\n            medium: {\n                title: \"\u4e2d\u5ea6\u81ea\u6200\u8005 (135\uff5e154\u5206)\",\n                text: \"\u4f60\u6bd4\u8f03\u81ea\u4fe1\uff0c\u81ea\u6211\u8a55\u50f9\u4e0d\u932f\u3002\u8207\u9ad8\u81ea\u6200\u8005\u4e0d\u540c\uff0c\u4f60\u6c92\u6709\u90a3\u7a2e\u8981\u7dad\u6301\u7a4d\u6975\u81ea\u6211\u610f\u8c61\u7684\u5f37\u70c8\u617e\u671b\uff0c\u4f60\u7684\u770b\u6cd5\u591a\u662f\u57fa\u65bc\u5ba2\u89c0\u4e8b\u5be6\u7684\uff0c\u5373\u4f7f\u4e00\u4e9b\u4e8b\u60c5\u5a01\u8105\u5230\u4f60\u7684\u81ea\u5c0a\uff0c\u4f60\u4e5f\u4e0d\u81f3\u65bc\u592a\u60c5\u7dd2\u5316\u3002\u5728\u4eba\u969b\u95dc\u4fc2\u65b9\u9762\uff0c\u4f60\u6703\u6ce8\u610f\u4ed6\u4eba\u7684\u9700\u8981\u548c\u770b\u6cd5\uff0c\u907f\u514d\u7522\u751f\u4eba\u969b\u885d\u7a81\u3002\",\n                suggestions: [\n                    {\n                        title: \"\u5e73\u8861\u500b\u4eba\u9700\u6c42\u8207\u4ed6\u4eba\u9700\u6c42\",\n                        text: \"\u7e7c\u7e8c\u4fdd\u6301\u5c0d\u4ed6\u4eba\u9700\u6c42\u7684\u95dc\u6ce8\uff0c\u540c\u6642\u4e5f\u8981\u5b78\u6703\u9069\u7576\u8868\u9054\u548c\u6eff\u8db3\u81ea\u5df1\u7684\u9700\u6c42\uff0c\u627e\u5230\u5065\u5eb7\u7684\u5e73\u8861\u9ede\u3002\"\n                    },\n                    {\n                        title: \"\u5145\u5206\u767c\u63ee\u512a\u52e2\",\n                        text: \"\u4f60\u7684\u81ea\u4fe1\u6c34\u5e73\u9069\u4e2d\uff0c\u6709\u5229\u65bc\u4f60\u5728\u4e0d\u540c\u74b0\u5883\u4e2d\u9748\u6d3b\u61c9\u5c0d\u3002\u5617\u8a66\u5728\u9069\u5408\u7684\u60c5\u5883\u4e2d\u66f4\u591a\u5730\u5c55\u73fe\u81ea\u4fe1\u548c\u9818\u5c0e\u529b\u3002\"\n                    },\n                    {\n                        title: \"\u6df1\u5316\u81ea\u6211\u8a8d\u77e5\",\n                        text: \"\u9032\u4e00\u6b65\u63a2\u7d22\u81ea\u5df1\u7684\u9577\u8655\u548c\u77ed\u8655\uff0c\u7406\u89e3\u81ea\u5df1\u7684\u60c5\u7dd2\u53cd\u61c9\u6a21\u5f0f\uff0c\u9019\u5c07\u5e6b\u52a9\u4f60\u5728\u5404\u7a2e\u60c5\u6cc1\u4e0b\u505a\u51fa\u66f4\u660e\u667a\u7684\u9078\u64c7\u3002\"\n                    }\n                ]\n            },\n            low: {\n                title: \"\u4f4e\u81ea\u6200\u8005 (40\uff5e134\u5206)\",\n                text: \"\u4f60\u6c92\u6709\u9818\u5c0e\u5225\u4eba\u7684\u617e\u671b\uff0c\u4e5f\u4e0d\u6703\u89ba\u5f97\u81ea\u5df1\u9ad8\u4eba\u4e00\u7b49\u3002\u5728\u4eba\u969b\u95dc\u4fc2\u65b9\u9762\uff0c\u4f60\u4e0d\u559c\u6b61\u63a7\u5236\u548c\u5f71\u97ff\u5225\u4eba\uff0c\u800c\u662f\u63a1\u53d6\u9806\u5f9e\u6216\u8005\u8207\u4ed6\u4eba\u4fdd\u6301\u8ddd\u96e2\u7684\u65b9\u5f0f\u4ee5\u907f\u514d\u885d\u7a81\u3002\u4f60\u5c0d\u81ea\u5df1\u5f88\u5c11\u6709\u4e0d\u5207\u5be6\u969b\u7684\u5e7b\u60f3\uff0c\u751a\u81f3\u6709\u6642\u50be\u5411\u65bc\u4f4e\u4f30\u81ea\u5df1\u3002\u4e8b\u5be6\u4e0a\uff0c\u9069\u7576\u7684\u81ea\u6200\u6703\u8b93\u4f60\u66f4\u52a0\u81ea\u4fe1\uff0c\u9060\u96e2\u6291\u9b31\u3001\u7126\u616e\u3001\u60b2\u50b7\uff0c\u4fdd\u6301\u7a4d\u6975\u5065\u5eb7\u7684\u5fc3\u614b\u3002\",\n                suggestions: [\n                    {\n                        title: \"\u57f9\u990a\u5065\u5eb7\u7684\u81ea\u4fe1\",\n                        text: \"\u5617\u8a66\u66f4\u591a\u5730\u80af\u5b9a\u81ea\u5df1\u7684\u80fd\u529b\u548c\u50f9\u503c\uff0c\u6311\u6230\u81ea\u5df1\u7684\u6d88\u6975\u60f3\u6cd5\uff0c\u5b78\u7fd2\u63a5\u53d7\u8b9a\u7f8e\u800c\u4e0d\u611f\u5230\u4e0d\u8212\u670d\u3002\"\n                    },\n                    {\n                        title: \"\u8a2d\u5b9a\u500b\u4eba\u76ee\u6a19\",\n                        text: \"\u70ba\u81ea\u5df1\u8a2d\u5b9a\u4e00\u4e9b\u53ef\u5be6\u73fe\u7684\u500b\u4eba\u76ee\u6a19\uff0c\u4e26\u5728\u9054\u6210\u6642\u7d66\u4e88\u81ea\u5df1\u7a4d\u6975\u7684\u80af\u5b9a\uff0c\u9010\u6b65\u5efa\u7acb\u6210\u5c31\u611f\u548c\u81ea\u4fe1\u5fc3\u3002\"\n                    },\n                    {\n                        title: \"\u7df4\u7fd2\u81ea\u6211\u4e3b\u5f35\",\n                        text: \"\u5b78\u7fd2\u5728\u9069\u7576\u60c5\u6cc1\u4e0b\u8868\u9054\u81ea\u5df1\u7684\u60f3\u6cd5\u3001\u9700\u6c42\u548c\u908a\u754c\uff0c\u5e73\u8861\u9806\u5f9e\u8207\u81ea\u6211\u8868\u9054\uff0c\u5efa\u7acb\u66f4\u5065\u5eb7\u7684\u4eba\u969b\u4e92\u52d5\u6a21\u5f0f\u3002\"\n                    }\n                ]\n            }\n        };\n            \n        \/\/ \u5b9a\u7fa9\u7dad\u5ea6\u5206\u985e\n        const dimensions = [\n            { id: 'authority', name: '\u6b0a\u5a01\u611f', questions: [0, 4, 9, 11, 12, 26, 31, 32, 33, 35] },\n            { id: 'selfFocus', name: '\u81ea\u6211\u95dc\u6ce8', questions: [6, 14, 18, 19, 22, 29, 37] },\n            { id: 'superiority', name: '\u512a\u8d8a\u611f', questions: [3, 8, 13, 33, 38, 39] },\n            { id: 'independence', name: '\u7368\u7acb\u6027', questions: [10, 16, 21, 41, 42, 43, 44] },\n            { id: 'selfIdentity', name: '\u81ea\u6211\u8a8d\u540c', questions: [1, 2, 5, 7, 20, 30, 36, 40] },\n            { id: 'competitiveness', name: '\u7af6\u722d\u6027', questions: [24, 25, 27, 45, 46, 47, 48] },\n            { id: 'teamwork', name: '\u5718\u968a\u5408\u4f5c', questions: [49, 50, 51, 52, 53, 54, 55] }\n        ];\n            \n        \/\/ \u7372\u53d6DOM\u5143\u7d20\n        const introPage = document.getElementById('npiIntroPage');\n        const questionPage = document.getElementById('npiQuestionPage');\n        const resultPage = document.getElementById('npiResultPage');\n        const startButton = document.getElementById('npiStartButton');\n        const prevButton = document.getElementById('npiPrevButton');\n        const retryButton = document.getElementById('npiRetryButton');\n        const progressBar = document.getElementById('npiProgressBar');\n        const progressText = document.getElementById('npiProgressText');\n        const questionText = document.getElementById('npiQuestion');\n        const options = document.querySelectorAll('.npi-option');\n        const totalScoreElement = document.getElementById('npiTotalScore');\n        const scoreCategoryElement = document.getElementById('npiScoreCategory');\n        const interpretationTextElement = document.getElementById('npiInterpretationText');\n        const dimensionsGrid = document.getElementById('npiDimensionsGrid');\n        const suggestionsContent = document.getElementById('npiSuggestionsContent');\n            \n        \/\/ \u6e2c\u9a57\u72c0\u614b\n        let currentQuestionIndex = 0;\n        let answers = [];\n        let chart = null;\n            \n        \/\/ \u521d\u59cb\u5316\u51fd\u6578\n        function init() {\n            \/\/ \u6dfb\u52a0\u4e8b\u4ef6\u76e3\u807d\u5668\n            startButton.addEventListener('click', startQuiz);\n            prevButton.addEventListener('click', goToPreviousQuestion);\n            retryButton.addEventListener('click', resetQuiz);\n                \n            options.forEach(option => {\n                option.addEventListener('click', handleOptionClick);\n            });\n                \n            \/\/ \u521d\u59cb\u5316\u4e0a\u4e00\u984c\u6309\u9215\u72c0\u614b\n            updatePrevButtonState();\n        }\n            \n        \/\/ \u958b\u59cb\u6e2c\u9a57\n        function startQuiz() {\n            introPage.style.display = 'none';\n            questionPage.style.display = 'block';\n            scrollToTop();\n            updateQuestion();\n        }\n            \n        \/\/ \u66f4\u65b0\u554f\u984c\n        function updateQuestion() {\n            \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\u548c\u9032\u5ea6\u6587\u5b57\n            const progress = ((currentQuestionIndex + 1) \/ questions.length) * 100;\n            progressBar.style.width = `${progress}%`;\n            progressText.textContent = `\u554f\u984c ${currentQuestionIndex + 1}\/${questions.length}`;\n                \n            \/\/ \u66f4\u65b0\u554f\u984c\u6587\u5b57\n            questionText.textContent = `${currentQuestionIndex + 1}. ${questions[currentQuestionIndex]}`;\n                \n            \/\/ \u91cd\u7f6e\u9078\u9805\u9078\u4e2d\u72c0\u614b\n            resetOptionSelections();\n                \n            \/\/ \u5982\u679c\u8a72\u554f\u984c\u5df2\u6709\u7b54\u6848\uff0c\u5247\u9078\u4e2d\u76f8\u61c9\u9078\u9805\n            if (answers[currentQuestionIndex] !== undefined) {\n                const selectedOption = document.querySelector(`.npi-option[data-value=\"${answers[currentQuestionIndex]}\"]`);\n                if (selectedOption) {\n                    selectedOption.classList.add('selected');\n                    const radioInput = selectedOption.querySelector('input[type=\"radio\"]');\n                    if (radioInput) {\n                        radioInput.checked = true;\n                    }\n                }\n            }\n                \n            \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u72c0\u614b\n            updatePrevButtonState();\n        }\n            \n        \/\/ \u91cd\u7f6e\u9078\u9805\u9078\u4e2d\u72c0\u614b\n        function resetOptionSelections() {\n            options.forEach(option => {\n                option.classList.remove('selected');\n                const radioInput = option.querySelector('input[type=\"radio\"]');\n                if (radioInput) {\n                    radioInput.checked = false;\n                }\n            });\n        }\n            \n        \/\/ \u8655\u7406\u9078\u9805\u9ede\u64ca\n        function handleOptionClick(event) {\n            \/\/ \u7372\u53d6\u9ede\u64ca\u7684\u9078\u9805\u5143\u7d20\n            const optionElement = event.currentTarget;\n            const value = parseInt(optionElement.dataset.value);\n                \n            \/\/ \u66f4\u65b0\u9078\u4e2d\u72c0\u614b\n            resetOptionSelections();\n            optionElement.classList.add('selected');\n            const radioInput = optionElement.querySelector('input[type=\"radio\"]');\n            if (radioInput) {\n                radioInput.checked = true;\n            }\n                \n            \/\/ \u8a18\u9304\u7b54\u6848\n            answers[currentQuestionIndex] = value;\n                \n            \/\/ \u9632\u6296\u8655\u7406\uff0c\u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n            setTimeout(() => {\n                \/\/ \u5982\u679c\u662f\u6700\u5f8c\u4e00\u984c\uff0c\u986f\u793a\u7d50\u679c\n                if (currentQuestionIndex === questions.length - 1) {\n                    showResults();\n                } else {\n                    \/\/ \u5426\u5247\u9032\u5165\u4e0b\u4e00\u984c\n                    currentQuestionIndex++;\n                    updateQuestion();\n                    scrollToTop();\n                }\n            }, 300);\n        }\n            \n        \/\/ \u8fd4\u56de\u4e0a\u4e00\u984c\n        function goToPreviousQuestion() {\n            if (currentQuestionIndex > 0) {\n                currentQuestionIndex--;\n                updateQuestion();\n                scrollToTop();\n            }\n        }\n            \n        \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u72c0\u614b\n        function updatePrevButtonState() {\n            prevButton.style.display = currentQuestionIndex === 0 ? 'none' : 'block';\n        }\n            \n        \/\/ \u986f\u793a\u6e2c\u9a57\u7d50\u679c\n        function showResults() {\n            \/\/ \u8a08\u7b97\u7e3d\u5206\n            const totalScore = answers.reduce((sum, answer) => sum + answer, 0);\n                \n            \/\/ \u8a08\u7b97\u5404\u500b\u7dad\u5ea6\u7684\u5f97\u5206\u548c\u767e\u5206\u6bd4\n            const dimensionResults = calculateDimensionScores(answers);\n                \n            \/\/ \u78ba\u5b9a\u5206\u6578\u985e\u5225\n            let category;\n            if (totalScore >= 155) {\n                category = 'high';\n            } else if (totalScore >= 135) {\n                category = 'medium';\n            } else {\n                category = 'low';\n            }\n                \n            \/\/ \u66f4\u65b0\u7d50\u679c\u9801\u5143\u7d20\n            totalScoreElement.textContent = totalScore;\n            scoreCategoryElement.textContent = interpretations[category].title;\n            interpretationTextElement.textContent = interpretations[category].text;\n                \n            \/\/ \u66f4\u65b0\u591a\u7dad\u5ea6\u5206\u6790\n            updateDimensionAnalysis(dimensionResults, category);\n                \n            \/\/ \u66f4\u65b0\u500b\u4eba\u5efa\u8b70\n            updateSuggestions(category, dimensionResults);\n                \n            \/\/ \u5275\u5efa\u5716\u8868\n            createChart(dimensionResults);\n                \n            \/\/ \u986f\u793a\u7d50\u679c\u9801\n            questionPage.style.display = 'none';\n            resultPage.style.display = 'block';\n            scrollToTop();\n        }\n            \n        \/\/ \u8a08\u7b97\u5404\u7dad\u5ea6\u5f97\u5206\n        function calculateDimensionScores(answerData) {\n            return dimensions.map(dim => {\n                let score = 0;\n                dim.questions.forEach(qIndex => {\n                    if (answerData[qIndex] !== undefined) {\n                        score += answerData[qIndex];\n                    }\n                });\n                    \n                \/\/ \u5c07\u5f97\u5206\u6a19\u6e96\u5316\u70ba\u767e\u5206\u6bd4\n                const maxPossibleScore = dim.questions.length * 6; \/\/ \u6bcf\u984c\u6700\u9ad86\u5206\n                const percentage = Math.round((score \/ maxPossibleScore) * 100);\n                    \n                return {\n                    id: dim.id,\n                    name: dim.name,\n                    score: score,\n                    maxScore: maxPossibleScore,\n                    percentage: percentage,\n                    level: percentage >= 70 ? 'high' : percentage >= 40 ? 'medium' : 'low'\n                };\n            });\n        }\n            \n        \/\/ \u66f4\u65b0\u591a\u7dad\u5ea6\u5206\u6790\n        function updateDimensionAnalysis(dimensionResults, category) {\n            \/\/ \u6e05\u7a7a\u73fe\u6709\u5167\u5bb9\n            dimensionsGrid.innerHTML = '';\n                \n            \/\/ \u6dfb\u52a0\u5404\u7dad\u5ea6\u5206\u6790\u5361\u7247\n            dimensionResults.forEach(dim => {\n                const dimDescription = dimensionDescriptions[dim.id];\n                \n                \/\/ \u78ba\u4fdd\u6709\u5c0d\u61c9\u7684\u63cf\u8ff0\u5167\u5bb9\n                if (!dimDescription) {\n                    console.error(`\u627e\u4e0d\u5230\u7dad\u5ea6ID\u70ba ${dim.id} \u7684\u63cf\u8ff0\u5167\u5bb9`);\n                    return;\n                }\n                \n                const card = document.createElement('div');\n                card.className = 'npi-dimension-card';\n                    \n                const title = document.createElement('div');\n                title.className = 'npi-dimension-title';\n                title.innerHTML = `${dim.name} <span class=\"npi-dimension-percentage\">${dim.percentage}%<\/span>`;\n                    \n                const text = document.createElement('div');\n                text.className = 'npi-dimension-text';\n                \n                \/\/ \u5982\u679c\u8a72\u7dad\u5ea6\u4e0b\u7684\u6c34\u5e73\u63cf\u8ff0\u70ba\u7a7a\uff0c\u5247\u63d0\u4f9b\u4e00\u500b\u9ed8\u8a8d\u63cf\u8ff0\n                if (!dimDescription[dim.level]) {\n                    text.textContent = `\u4f60\u5728${dim.name}\u65b9\u9762\u7684\u5f97\u5206\u70ba${dim.percentage}%\uff0c\u8655\u65bc${\n                        dim.level === 'high' ? '\u8f03\u9ad8' : dim.level === 'medium' ? '\u4e2d\u7b49' : '\u8f03\u4f4e'\n                    }\u6c34\u5e73\u3002`;\n                } else {\n                    text.textContent = dimDescription[dim.level];\n                }\n                    \n                card.appendChild(title);\n                card.appendChild(text);\n                dimensionsGrid.appendChild(card);\n            });\n        }\n            \n        \/\/ \u66f4\u65b0\u500b\u4eba\u5efa\u8b70\n        function updateSuggestions(category, dimensionResults) {\n            \/\/ \u6e05\u7a7a\u73fe\u6709\u5167\u5bb9\n            suggestionsContent.innerHTML = '';\n                \n            \/\/ \u6dfb\u52a0\u57fa\u65bc\u6574\u9ad4\u985e\u5225\u7684\u5efa\u8b70\n            interpretations[category].suggestions.forEach(suggestion => {\n                const item = document.createElement('div');\n                item.className = 'npi-suggestion-item';\n                    \n                const icon = document.createElement('div');\n                icon.className = 'npi-suggestion-icon';\n                icon.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>';\n                    \n                const content = document.createElement('div');\n                content.className = 'npi-suggestion-content';\n                    \n                const title = document.createElement('div');\n                title.className = 'npi-suggestion-title';\n                title.textContent = suggestion.title;\n                    \n                const text = document.createElement('p');\n                text.textContent = suggestion.text;\n                    \n                content.appendChild(title);\n                content.appendChild(text);\n                    \n                item.appendChild(icon);\n                item.appendChild(content);\n                suggestionsContent.appendChild(item);\n            });\n                \n            \/\/ \u6dfb\u52a0\u57fa\u65bc\u7dad\u5ea6\u5206\u6790\u7684\u5efa\u8b70\n            const highDimensions = dimensionResults.filter(dim => dim.level === 'high').slice(0, 2);\n            const lowDimensions = dimensionResults.filter(dim => dim.level === 'low').slice(0, 2);\n                \n            [...highDimensions, ...lowDimensions].forEach(dim => {\n                \/\/ \u78ba\u4fdd\u7dad\u5ea6\u63cf\u8ff0\u5b58\u5728\n                const dimDescription = dimensionDescriptions[dim.id];\n                if (!dimDescription || !dimDescription.suggestions || !dimDescription.suggestions[dim.level]) {\n                    return; \/\/ \u5982\u679c\u6c92\u6709\u5c0d\u61c9\u7684\u5efa\u8b70\uff0c\u5247\u8df3\u904e\n                }\n                \n                const suggestion = dimDescription.suggestions[dim.level];\n                    \n                const item = document.createElement('div');\n                item.className = 'npi-suggestion-item';\n                    \n                const icon = document.createElement('div');\n                icon.className = 'npi-suggestion-icon';\n                icon.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-14h2v7h-2zm0 8h2v2h-2z\"\/><\/svg>';\n                    \n                const content = document.createElement('div');\n                content.className = 'npi-suggestion-content';\n                    \n                const title = document.createElement('div');\n                title.className = 'npi-suggestion-title';\n                title.textContent = `\u95dc\u65bc\u4f60\u7684${dim.name}`;\n                    \n                const text = document.createElement('p');\n                text.textContent = suggestion;\n                    \n                content.appendChild(title);\n                content.appendChild(text);\n                    \n                item.appendChild(icon);\n                item.appendChild(content);\n                suggestionsContent.appendChild(item);\n            });\n        }\n            \n       \/\/ \u5275\u5efa\u5716\u8868\nfunction createChart(dimensionResults) {\n    const ctx = document.getElementById('npiChart').getContext('2d');\n        \n    \/\/ \u5982\u679c\u5df2\u5b58\u5728\u5716\u8868\uff0c\u92b7\u6bc0\u5b83\n    if (chart) {\n        chart.destroy();\n    }\n        \n    \/\/ \u5275\u5efa\u65b0\u5716\u8868\n    chart = new Chart(ctx, {\n        type: 'radar',\n        data: {\n            labels: dimensionResults.map(dim => `${dim.name} ${dim.percentage}%`),\n            datasets: [{\n                label: '\u4f60\u7684\u7279\u8cea\u5206\u5e03',\n                data: dimensionResults.map(dim => dim.percentage),\n                backgroundColor: 'rgba(108, 99, 255, 0.2)',\n                borderColor: 'rgba(108, 99, 255, 1)',\n                borderWidth: 2,\n                pointBackgroundColor: 'rgba(108, 99, 255, 1)',\n                pointBorderColor: '#fff',\n                pointHoverBackgroundColor: '#fff',\n                pointHoverBorderColor: 'rgba(108, 99, 255, 1)'\n            }]\n        },\n        options: {\n            responsive: true,\n            maintainAspectRatio: false,\n            scales: {\n                r: {\n                    angleLines: {\n                        display: true\n                    },\n                    suggestedMin: 0,\n                    suggestedMax: 100,\n                    ticks: {\n                        stepSize: 20,\n                        backdropColor: 'transparent',\n                        font: {\n                            size: 14\n                        }\n                    },\n                    pointLabels: {\n                        font: {\n                            size: 18\n                        }\n                    }\n                }\n            },\n            plugins: {\n                legend: {\n                    display: true,\n                    position: 'top',\n                    labels: {\n                        font: {\n                            size: 18\n                        }\n                    }\n                },\n                tooltip: {\n                    callbacks: {\n                        label: function(context) {\n                            return `${context.raw}%`;\n                        }\n                    },\n                    titleFont: {\n                        size: 16\n                    },\n                    bodyFont: {\n                        size: 16\n                    }\n                }\n            },\n            elements: {\n                line: {\n                    tension: 0.4\n                }\n            }\n        }\n    });\n}\n            \n        \/\/ \u91cd\u7f6e\u6e2c\u9a57\n        function resetQuiz() {\n            \/\/ \u91cd\u7f6e\u72c0\u614b\n            currentQuestionIndex = 0;\n            answers = [];\n                \n            \/\/ \u8fd4\u56de\u5f15\u5c0e\u9801\n            resultPage.style.display = 'none';\n            introPage.style.display = 'block';\n            scrollToTop();\n        }\n            \n        \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n        function scrollToTop() {\n            const quizContainer = document.getElementById('npiQuizContainer');\n            if (quizContainer) {\n                quizContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        }\n            \n        \/\/ \u7bc0\u6d41\u51fd\u6578\n        function throttle(func, delay) {\n            let lastCall = 0;\n            return function(...args) {\n                const now = new Date().getTime();\n                if (now - lastCall < delay) {\n                    return;\n                }\n                lastCall = now;\n                return func(...args);\n            };\n        }\n            \n        \/\/ \u9632\u6296\u51fd\u6578\n        function debounce(func, delay) {\n            let timeoutId;\n            return function(...args) {\n                clearTimeout(timeoutId);\n                timeoutId = setTimeout(() => {\n                    func.apply(this, args);\n                }, delay);\n            };\n        }\n            \n        \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n        init();\n    })();\n}\n<\/script>\n\n\n\n<p class=\"has-ast-global-color-5-color has-text-color has-link-color wp-elements-b2945611cbd2a9a7f44fc8f28077b385\">.<\/p>\n\n\n\n<p class=\"has-ast-global-color-5-color has-text-color has-link-color wp-elements-b2945611cbd2a9a7f44fc8f28077b385\">.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6269\u5c55\u9605\u8bfb-\uff3b\u5fc3\u7406\u5b66\u8bcd\u6761\uff3d\u81ea\u604b<\/h3>\n\n\n\n<p>\u5f17\u6d1b\u4f0a\u5fb7\u66fe\u7ed9\u51fa\u300c\u81ea\u604b\u300d\u5b9a\u4e49\u662f\u81ea\u5df1\u5bf9\u4e8e\u81ea\u6211\u6295\u6ce8\u91cc\u6bd4\u591a\u5174\u594b\u7684\u72b6\u6001\u3002\u6709\u8fd9\u4e00\u8868\u5f81\u60c5\u51b5\u7684\u4e2a\u4f53\u79f0\u4e4b\u4e3a\u81ea\u604b\u4eba\u683c\u969c\u788d\u60a3\u8005\u3002\u4ece\u91cc\u6bd4\u591a\u7684\u65b9\u5f0f\u6765\u8bf4\uff0c\u4e5f\u5c31\u662f\u4ed6\u5c06\u672c\u6765\u5e94\u8be5\u6295\u6ce8\u4e8e\u81ea\u6211\u7684\u5bf9\u8c61\u5ba2\u4f53\u7684\u91cc\u6bd4\u591a\uff0c\u53cd\u5411\u6295\u6ce8\u5230\u81ea\u5df1\u8eab\u4e0a\uff0c\u8fd9\u6837\u75c5\u4eba\u5c31\u65e0\u6cd5\u548c\u522b\u4eba\u5efa\u7acb\u6709\u6548\u548c\u878d\u5165\u7684\u4eb2\u5bc6\u4eba\u9645\u5173\u7cfb\uff0c\u5e76\u4e14\u7ecf\u5e38\u6c89\u6d78\u5728\u81ea\u5df1\u4e0d\u5207\u5b9e\u9645\u7684\u5e7b\u60f3\u4e2d\uff08\u5f53\u7136\u5c0f\u8d44\u4e0d\u662f\u8fd9\u6837\u7684\u81ea\u604b\u55bd\uff09<\/p>\n\n\n\n<p>\u4f46\u79d1\u80e1\u7279\u4fee\u6b63\u4e86\u4e4b\u524d\u5f17\u6d1b\u4f0a\u5fb7\u8fd9\u4e2a\u300c\u81ea\u604b\u300d\u7684\u5b9a\u4e49\uff0c\u800c\u63d0\u51fa\u81ea\u604b\u5176\u5b9e\u5c31\u662f\u91cc\u6bd4\u591a\u7684\u672c\u8d28\uff0c\u6216\u8005\u66f4\u76f4\u63a5\u8bf4\u81ea\u604b\u5176\u5b9e\u5c31\u662f\u4eba\u7c7b\u7684\u4e00\u822c\u672c\u8d28\uff0c\u6bcf\u4e2a\u4eba\u672c\u8d28\u4e0a\u90fd\u662f\u81ea\u604b\u7684\u3002\u81ea\u604b\u662f\u4e00\u79cd\u501f\u7740\u80dc\u4efb\u7684\u7ecf\u9a8c\u800c\u4ea7\u751f\u7684\u771f\u6b63\u7684\u81ea\u6211\u4ef7\u503c\u611f\uff0c\u662f\u4e00\u79cd\u8ba4\u4e3a\u81ea\u5df1\u503c\u5f97\u73cd\u60dc\u3001\u4fdd\u62a4\u7684\u771f\u5b9e\u611f\u89c9\u3002\u4e5f\u5c31\u662f\u8bf4\u4e00\u822c\u4e2a\u4f53\u7684\u81ea\u604b\u5e76\u4e0d\u662f\u4e0d\u5065\u5eb7\u7684\uff0c\u800c\u4e14\u6211\u4eec\u6574\u4e2a\u793e\u4f1a\u4e5f\u662f\u5141\u8bb8\u9002\u5ea6\u81ea\u604b\u7684\uff0c\u800c\u53ea\u6709\u4e2a\u4f53\u8fc7\u5ea6\u81ea\u604b\u5e76\u8d85\u51fa\u4e86\u793e\u4f1a\u5bf9\u4e8e\u81ea\u604b\u5141\u53ef\u7684\u8303\u56f4\u90a3\u624d\u662f\u4e0d\u5065\u5eb7\u7684\u3002<\/p>\n\n\n\n<p>\u79d1\u80e1\u7279\u7684\u5408\u4f5c\u8005\u517c\u5b66\u751f\u7684\u5df4\u53f2\u514b\u63d0\u51fa\u4e86\u4e00\u4e2a\u6a21\u578b\u6765\u89e3\u91ca\u81ea\u604b\uff0c\u4ed6\u8ba4\u4e3a\u81ea\u604b\u7684\u8fbe\u6210\u5176\u5b9e\u662f\u53ef\u4ee5\u501f\u7528\u5f53\u4ee3\u8ba4\u77e5\u5fc3\u7406\u5b66\u7b49\u7406\u8bba\u5408\u7406\u9610\u8ff0\u7684\u3002\u81ea\u604b\u662f\u5bf9\u4e8e\u81ea\u6211\u80dc\u4efb\u611f\u7684\u4f53\u9a8c\uff0c\u800c\u8fd9\u4e00\u83b7\u5f97\u7684\u56de\u8def\u5f00\u59cb\u4e8e\u5927\u8111\u7684\u671f\u5f85\u578b\u6001\uff0c\u7136\u540e\u8fdb\u884c\u4e0b\u4e00\u6b65\u7684\u5b9e\u65bd\u51b3\u5b9a\uff0c\u518d\u540e\u4ed8\u8bf8\u884c\u52a8\u7684\u5b9e\u8df5\u2014\u5f53\u4e2a\u4f53\u5728\u5b9e\u9645\u4e16\u754c\u4e2d\u5b9e\u8df5\u540e\uff0c\u4f1a\u5f97\u5230\u53cd\u9988\uff0c\u8fd9\u4e00\u53cd\u9988\u5219\u518d\u6b21\u8f93\u5165\u5927\u8111\uff0c\u7136\u540e\u5927\u8111\u5c06\u6b64\u8d44\u8baf\u4e0e\u4e4b\u524d\u7684\u671f\u5f85\u578b\u6001\u914d\u5bf9\u3002\u5982\u679c\u8f93\u5165\u8d44\u8baf\u4e0e\u4e4b\u524d\u7684\u671f\u5f85\u578b\u6001\u914d\u5bf9\u6210\u529f\uff0c\u5219\u4e2a\u4f53\u5c31\u53ef\u80fd\u7acb\u5373\u83b7\u5f97\u81ea\u4f53\u80dc\u4efb\u611f\u7684\u559c\u60a6\uff1b\u5982\u679c\u4e0d\u80fd\u914d\u5bf9\u6210\u529f\uff0c\u5927\u8111\u5c31\u4f1a\u518d\u6b21\u51b3\u5b9a\u3001\u8ba1\u753b\u884c\u52a8\u3001\u5b9e\u8df5\uff0c\u7136\u540e\u53c8\u53cd\u9988\u5927\u8111\u4ee5\u6c42\u5f97\u914d\u5bf9\u7684\u6210\u529f\u3002\u5982\u679c\u53cd\u590d\u6ca1\u6709\u529e\u6cd5\u83b7\u5f97\u6210\u529f\uff0c\u5927\u8111\u5219\u6839\u636e\u5b9e\u9645\u60c5\u51b5\u91c7\u53d6\u6216\u4fee\u6b63\u671f\u5f85\u578b\u6001\u3001\u6216\u4fee\u6b63\u51b3\u5b9a\u3001\u6216\u4fee\u6b63\u884c\u52a8\u65b9\u5f0f\u7b49\u65b9\u5f0f\u6765\u4f7f\u81ea\u5df1\uff0c\u5f53\u7136\u4e5f\u6709\u53ef\u80fd\u8fd9\u4e00\u4fee\u6b63\u4ecd\u7136\u662f\u65e0\u6548\u7684\u6216\u8005\u662f\u5931\u8d25\u7684\uff0c\u5219\u4e2a\u4f53\u5c31\u53ef\u80fd\u4f1a\u653e\u5f03\u8fd9\u4e00\u56de\u8def\u6784\u6210\uff0c\u800c\u4ee5\u522b\u7684\u65b9\u5f0f\u66ff\u4ee3\uff0c\u4e5f\u6709\u53ef\u80fd\u6f88\u5e95\u653e\u5f03\u3002\u8fd9\u65f6\u5019\uff0c\u4e0d\u5408\u9002\u7684\u56de\u8def\u8c03\u6574\u5c31\u53ef\u80fd\u76f4\u63a5\u5f15\u8d77\u81ea\u604b\u7684\u5931\u8d25\u2014\u65e0\u6cd5\u83b7\u5f97\u81ea\u4f53\u80dc\u611f\u6216\u81ea\u6211\u4ef7\u503c\u611f\uff0c\u56e0\u6b64\u5c31\u4f1a\u4ea7\u751f\u81ea\u604b\u5931\u8d25\u65f6\u7684\u66b4\u6012\u53ca\u7126\u8651\uff0c\u5f53\u7126\u8651\u8fc7\u4e8e\u5f3a\u5927\u6216\u8005\u5931\u8d25\u65f6\uff0c\u5219\u4e2a\u4f53\u4f1a\u4f53\u9a8c\u5230\u6d88\u6781\u7684\u9632\u5fa1\u2014\u6291\u90c1\u3002<\/p>\n\n\n\n<p>\u300aDSM\u2014IV\u300b\u624b\u518c\u4e2d\u5b9a\u4e49\u300c\u81ea\u604b\u578b\u4eba\u683c\u969c\u788d\u300d\u4e3a\u4ee5\u4e0b\u9879\u76ee\uff1a\u5938\u5927\uff08\u5e7b\u60f3\u6216\u884c\u4e3a\uff09\u3001\u9700\u8981\u4ed6\u4eba\u8d5e\u626c\u3001\u5e76\u7f3a\u4e4f\u540c\u611f\uff1b\u8d77\u81ea\u65e9\u671f\u6210\u5e74\u65f6\uff0c\u524d\u540e\u8fc7\u7a0b\u591a\u79cd\u591a\u6837\uff0c\u8868\u73b0\u4e3a\u4e0b\u52175\u9879\u4ee5\u4e0a\uff1a<\/p>\n\n\n\n<p>\uff081\uff09\u5177\u6709\u81ea\u6211\u91cd\u8981\u7684\u5938\u5927\u611f\uff08\u4f8b\uff0c\u8fc7\u5206\u5938\u5927\u6210\u5c31\u548c\u624d\u80fd\uff0c\u5728\u6ca1\u6709\u76f8\u5e94\u7684\u6210\u5c31\u65f6\u5374\u76fc\u671b\u88ab\u8ba4\u4e3a\u662f\u4e0a\u4e58\uff09\uff1b<\/p>\n\n\n\n<p>\uff082\uff09\u6c89\u6e4e\u4e8e\u65e0\u9650\u6210\u529f\u3001\u6743\u529b\u3001\u5149\u8f89\u3001\u7f8e\u4e3d\u3001\u6216\u7406\u60f3\u7231\u60c5\u7684\u5e7b\u60f3\uff1b<\/p>\n\n\n\n<p>\uff083\uff09\u8ba4\u4e3a\u81ea\u5df1\u662f\u300c\u7279\u6b8a\u300d\u7684\u548c\u72ec\u4e00\u65e0\u4e8c\u7684\uff0c\u53ea\u80fd\u4e0e\u5176\u4ed6\u7279\u6b8a\u7684\u6216\u9ad8\u5730\u4f4d\u4eba\u4eec\uff08\u6216\u5355\u4f4d\uff09\u6240\u4e86\u89e3\u6216\u5171\u4e8b\uff1b<\/p>\n\n\n\n<p>\uff084\uff09\u8981\u6c42\u8fc7\u5206\u7684\u8d5e\u626c\uff1b<\/p>\n\n\n\n<p>\uff085\uff09\u6709\u4e00\u79cd\u8363\u8a89\u611f\uff0c\u5373\uff1a\u4e0d\u5408\u7406\u5730\u671f\u671b\u7279\u6b8a\u7684\u4f18\u539a\u5f85\u9047\u6216\u81ea\u52a8\u987a\u4ece\u4ed6\u7684\u671f\u671b\uff1b<\/p>\n\n\n\n<p>\uff086\uff09\u5728\u4eba\u9645\u5173\u7cfb\u4e0a\u662f\u5265\u524a\uff08\u5360\u4fbf\u5b9c\uff09\uff0c\u5373\uff1a\u4e3a\u4e86\u8fbe\u5230\u81ea\u5df1\u7684\u76ee\u7684\u800c\u5360\u6709\u4ed6\u4eba\u7684\u5229\u76ca\uff1b<\/p>\n\n\n\n<p>\uff087\uff09\u7f3a\u4e4f\u540c\u611f\uff1a\u4e0d\u613f\u8bbe\u8eab\u5904\u5730\u5730\u8ba4\u8bc6\u6216\u8ba4\u540c\u4ed6\u4eba\u7684\u611f\u60c5\u548c\u9700\u6c42\uff1b<\/p>\n\n\n\n<p>\uff088\uff09\u5f80\u5f80\u5992\u5fcc\u4ed6\u4eba\uff0c\u6216\u8ba4\u4e3a\u4ed6\u4eba\u90fd\u5728\u5992\u5fcc\u81ea\u5df1\uff1b<\/p>\n\n\n\n<p>\uff088\uff09\u5f80\u5f80\u5992\u5fcc\u4ed6\u4eba\uff0c\u6216\u8ba4\u4e3a\u4ed6\u4eba\u90fd\u5728\u5992\u5fcc\u81ea\u5df1\uff1b<\/p>\n\n\n\n<p>\uff089\uff09\u663e\u793a\u9a84\u50b2\u3001\u50b2\u6162\u7684\u884c\u4e3a\u6216\u6001\u5ea6\u3002<\/p>\n\n\n\n<p>\u4ee5\u4e0a\u6240\u663e\u793a\u81ea\u604b\u6027\u969c\u788d\u7279\u5f81\u5e94\u8be5\u548c\u6682\u65f6\u53d1\u751f\u7684\u81ea\u604b\u60c5\u5f62\u4e0d\u540c\uff0c\u4f8b\u5982\u67d0\u4e2a\u4eba\u56e0\u4e3a\u83b7\u5f97\u67d0\u79cd\u7a0b\u5ea6\u7684\u6210\u529f\u800c\u53d8\u5f97\u81ea\u5927\u8d77\u6765\u4e00\u6bb5\u65f6\u95f4\uff0c\u6211\u4eec\u5219\u4e0d\u80fd\u7b80\u5355\u5f97\u89c6\u4e3a\u81ea\u604b\u6027\u4eba\u683c\u969c\u788d\uff0c\u5c3d\u7ba1\u8fd9\u4e24\u8005\u4f3c\u4e4e\u6709\u7c7b\u4f3c\u3002\u4f46\u81ea\u604b\u6027\u4eba\u683c\u969c\u788d\u5e94\u8be5\u662f\u4ece\u7ae5\u5e74\u8d77\u5230\u76ee\u524d\u4e00\u8d2f\u7684\u8868\u73b0\uff0c\u800c\u975e\u6682\u65f6\u3001\u77ed\u671f\u7684\u884c\u4e3a\u3002<\/p>\n\n\n\n<p>\u81ea\u604b\u6027\u4eba\u683c\u969c\u788d\u7684\u5f62\u6210\uff0c\u5728\u79d1\u80e1\u7279\u770b\u6765\uff0c\u53ef\u4ee5\u8ffd\u6eaf\u5230\u7ae5\u5e74\u7684\u5a74\u513f\u65f6\u671f\uff0c\u6309\u7167\u5ba2\u4f53\u5173\u7cfb\u7406\u8bba\u5bb6\u9a6c\u52d2\u7b49\u7684\u7814\u7a76\uff0c\u8fd9\u4e00\u969c\u788d\u5927\u7ea6\u5f62\u6210\u4e8e\u4e00\u5c81\u534a\u5230\u4e09\u5c81\u4e4b\u95f4\u3002\u79d1\u80e1\u7279\u8ba4\u4e3a\uff0c\u6bcf\u4e00\u4e2a\u4e2a\u4f53\u5728\u5176\u5a74\u513f\u671f\u90fd\u662f\u6709\u81ea\u4f53\u81ea\u5927\u3001\u5938\u5927\u503e\u5411\u7684\uff0c\u4f8b\u5982\u5a74\u513f\u7a0d\u7a0d\u5f97\u4e0d\u5230\u6ee1\u8db3\u5c31\u4f1a\u5927\u54ed\u7b49\u7b49\uff0c\u5728\u5a74\u513f\u7684\u5fc3\u7406\u4e16\u754c\u4e2d\uff0c\u4ed6\u6216\u5979\u662f\u5168\u80fd\u7684\u4e0a\u5e1d\u3002\u5f53\u8fd9\u4e00\u4e0a\u5e1d\u7531\u4e8e\u88ab\u517b\u80b2\u8005\uff08\u81ea\u4f53\u5ba2\u4f53\uff09\u6240\u6ee1\u8db3\u65f6\uff0c\u5219\u83b7\u5f97\u5feb\u4e50\u3002\u5982\u679c\u4e0d\u6ee1\u8db3\uff0c\u5219\u56e0\u4e3a\u81ea\u5df1\u7684\u5168\u80fd\u611f\u906d\u53d7\u632b\u6298\u65e0\u6cd5\u5b9e\u73b0\u800c\u66b4\u6012\u3002\u8fd9\u4e00\u4e0d\u88ab\u6ee1\u8db3\u7684\u60c5\u51b5\u5176\u5b9e\u662f\u5728\u5a74\u513f\u517b\u80b2\u4e2d\u7ecf\u5e38\u5076\u7136\u53d1\u751f\u7684\uff0c\u4f46\u5982\u679c\u517b\u80b2\u5a74\u513f\u8005\u662f\u957f\u671f\u7684\u5982\u6b64\u5bf9\u5f85\u5a74\u513f\u7684\uff0c\u4e5f\u5c31\u662f\u8bf4\u5a74\u513f\u662f\u957f\u671f\u65e0\u6cd5\u5f97\u5230\u5938\u5927\u7684\u81ea\u4f53\u81ea\u604b\u6ee1\u8db3\u7684\uff0c\u4e0d\u80fd\u4e0e\u5185\u90e8\u671f\u5f85\u914d\u5bf9\u6210\u529f\uff0c\u5219\u5a74\u513f\u5c06\u5931\u671b\u4e8e\u5916\u5728\uff0c\u5927\u8111\u5219\u636e\u5b9e\u9645\u60c5\u51b5\u653e\u5f03\u8fd9\u4e00\u6b63\u5e38\u7684\u517b\u80b2\u88ab\u517b\u80b2\u7684\u5faa\u73af\u56de\u8def\u6784\u6210\uff0c\u800c\u4ee5\u81ea\u4f53\u5e7b\u60f3\u6027\u5faa\u73af\u56de\u8def\u6765\u66ff\u4ee3\u8865\u507f\u8fd9\u4e00\u81ea\u604b\u4e4b\u9700\u8981\u3002\u8fd9\u6837\u7684\u5e7b\u60f3\u5f80\u5f80\u662f\u963b\u788d\u4e86\u81ea\u4f53\u4e86\u89e3\u6b63\u5e38\u81ea\u604b\u7684\u73b0\u5b9e\u6027\uff0c\u800c\u8d85\u51fa\u5e38\u4eba\u6240\u80fd\u63a5\u53d7\u7684\u8303\u56f4\u800c\u5f62\u6210\u81ea\u5df1\u72ec\u6709\u548c\u8fc7\u5206\u7684\u81ea\u604b\uff0c\u4e8e\u662f\u5c31\u4f1a\u6709\u4ee5\u4e0a\u81ea\u604b\u6027\u4eba\u683c\u969c\u788d\u7684\u7c7b\u4f3c\u5938\u5927\u6027\u683c\u7684\u8868\u73b0\u3002<\/p>","protected":false},"excerpt":{"rendered":"<p>\u4f60\u4f1a\u662f\u62fc\u547d\u7231\u7740\u81ea\u5df1\u7684\u81ea\u604b\u8005\u5417\uff1f\u4f60\u7684\u670b\u53cb\uff0c\u5bb6\u4eba\uff0c\u604b\u4eba\uff0c\u540c\u4e8b\u53c8\u662f\u600e\u6837\u7684\u72b6\u51b5\uff1f\u586b\u5199\u8fd9\u4efd\u7531\u7f8e\u56fd\u52a0\u5dde\u5927\u5b66Raskin\u6559\u6388\u7f16\u5236\u7684\u81ea\u604b\u4eba\u683c\u95ee\u5377\uff0c\u6765\u770b\u770b\u4f60\u548c\u4f60\u8ba4\u8bc6\u7684\u4eba\u4f1a\u662f\u4ec0\u4e48\u7a0b\u5ea6\u7684\u81ea\u604b\u8005\u5427\u3002<\/p>","protected":false},"author":19,"featured_media":8357,"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":[167,169,162],"tags":[195],"class_list":["post-2589","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personality","category-psychological-symptom-scales","category-clinical","tag-narcissism"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2589","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=2589"}],"version-history":[{"count":5,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2589\/revisions"}],"predecessor-version":[{"id":10307,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2589\/revisions\/10307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media\/8357"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}