{"id":2750,"date":"2023-10-18T09:47:54","date_gmt":"2023-10-18T01:47:54","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2750"},"modified":"2025-08-20T00:15:56","modified_gmt":"2025-08-19T16:15:56","slug":"ambition","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/ambition","title":{"rendered":"\u4e8b\u4e1a\u5fc3\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0830\u9898\uff09"},"content":{"rendered":"<!-- Bootstrap CSS -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n\n<style>\n    .quiz-container {\n        max-width: 750px;\n        margin: 0 auto;\n        background: white;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n    \n    .page { display: none; }\n    .page.active { display: block; }\n    \n    .hero-section {\n        background: linear-gradient(135deg, #28a745 0%, #20c997 100%);\n        color: white;\n        text-align: center;\n        padding: 4rem 2rem;\n        border-radius: 1rem;\n        margin-bottom: 2rem;\n    }\n    \n    .feature-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border: none;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    }\n    \n    .feature-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n    }\n    \n    .feature-icon {\n        width: 4rem;\n        height: 4rem;\n        background: linear-gradient(135deg, #28a745, #20c997);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 1rem;\n        color: white;\n        font-size: 1.5rem;\n    }\n    \n    .option-card {\n        transition: all 0.3s ease;\n        cursor: pointer;\n        border: 2px solid #e9ecef;\n    }\n    \n    .option-card:hover {\n        border-color: #28a745;\n        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);\n        transform: translateX(5px);\n    }\n    \n    .option-card.selected {\n        background: linear-gradient(135deg, #28a745, #20c997);\n        border-color: #28a745;\n        color: white;\n    }\n    \n    .option-card.selected .badge {\n        background: rgba(255, 255, 255, 0.2) !important;\n        color: white !important;\n    }\n    \n    .progress-bar {\n        background: linear-gradient(90deg, #28a745, #20c997);\n    }\n    \n    .btn-success-custom {\n        background: linear-gradient(135deg, #28a745, #20c997);\n        border: none;\n        border-radius: 50px;\n        padding: 0.75rem 2rem;\n        font-weight: 600;\n        transition: all 0.3s ease;\n    }\n    \n    .btn-success-custom:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 20px rgba(40, 167, 69, 0.3);\n        background: linear-gradient(135deg, #218838, #1ea87a);\n    }\n    \n    .result-bar {\n        height: 30px;\n        background: #f8f9fa;\n        border-radius: 15px;\n        overflow: hidden;\n        position: relative;\n        margin-bottom: 1rem;\n    }\n    \n    .result-segments {\n        height: 100%;\n        display: flex;\n    }\n    \n    .segment {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.8rem;\n        font-weight: 600;\n        color: white;\n    }\n    \n    .segment.low { background: #dc3545; }\n    .segment.medium { background: #ffc107; color: #000; }\n    .segment.high { background: #28a745; }\n    \n    .score-indicator {\n        position: absolute;\n        top: -5px;\n        width: 4px;\n        height: 40px;\n        background: #000;\n        border-radius: 2px;\n        transition: left 0.5s ease;\n    }\n    \n    .dimension-analysis {\n        background: #f8f9fa;\n        border-left: 4px solid #28a745;\n        padding: 1.5rem;\n        margin: 1rem 0;\n        border-radius: 0.5rem;\n    }\n<\/style>\n\n<div class=\"quiz-container\">\n    <!-- \u5f15\u5bfc\u9875 -->\n    <div id=\"introPage\" class=\"page active\">\n        <div class=\"hero-section\">\n            <div class=\"container\">\n                <h1 class=\"display-4 fw-bold mb-4\">\u4e8b\u4e1a\u5fc3\u6d4b\u9a8c<\/h1>\n                <p class=\"lead mb-4\">\u6df1\u5ea6\u4e86\u89e3\u60a8\u7684\u804c\u6daf\u4ef7\u503c\u89c2\u4e0e\u4e8b\u4e1a\u8ffd\u6c42\u7a0b\u5ea6<\/p>\n                <p class=\"mb-0\">\u4e13\u4e1a\u5fc3\u7406\u6d4b\u8bc4 \u00b7 \u79d1\u5b66\u5206\u6790\u62a5\u544a \u00b7 \u4e2a\u6027\u5316\u5efa\u8bae<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"container px-4\">\n            <div class=\"row mb-5\">\n                <div class=\"col-lg-8 mx-auto\">\n                    <p class=\"lead text-center text-muted mb-4\">\n                        \u4e8b\u4e1a\u5fc3\u662f\u6210\u529f\u7684\u524d\u63d0\u3002\u5bf9\u4e8e\u8bb8\u591a\u4eba\u800c\u8a00\uff0c\u4e8b\u4e1a\u5c31\u662f\u4ed6\u4eec\u7684\u8eab\u4efd\uff0c\u6362\u8a00\u4e4b\uff0c\u4e8b\u4e1a\u51b3\u5b9a\u4ed6\u662f\u8c01\u3002\n                        \u4e0d\u8fc7\u5bf9\u53e6\u4e00\u4e9b\u4eba\u6765\u8bf4\uff0c\u60c5\u51b5\u4e0d\u662f\u8fd9\u6837\uff0c\u4e8b\u4e1a\u53ea\u662f\u4ed6\u4eec\u751f\u6d3b\u7684\u4e00\u90e8\u5206\uff0c\u800c\u4e0d\u662f\u5168\u90e8\u3002\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"row g-4 mb-5\">\n                <div class=\"col-md-4\">\n                    <div class=\"card feature-card h-100 text-center p-4\">\n                        <div class=\"feature-icon\">\n                            <i class=\"bi bi-bullseye\"><\/i>\n                        <\/div>\n                        <h5 class=\"card-title\">\u804c\u6daf\u76ee\u6807<\/h5>\n                        <p class=\"card-text text-muted\">\u6df1\u5165\u5206\u6790\u60a8\u5bf9\u4e8b\u4e1a\u6210\u529f\u7684\u6e34\u671b\u7a0b\u5ea6<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4\">\n                    <div class=\"card feature-card h-100 text-center p-4\">\n                        <div class=\"feature-icon\">\n                            <i class=\"bi bi-heart\"><\/i>\n                        <\/div>\n                        <h5 class=\"card-title\">\u751f\u6d3b\u5e73\u8861<\/h5>\n                        <p class=\"card-text text-muted\">\u8bc4\u4f30\u4e8b\u4e1a\u4e0e\u751f\u6d3b\u4e4b\u95f4\u7684\u4f18\u5148\u987a\u5e8f<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4\">\n                    <div class=\"card feature-card h-100 text-center p-4\">\n                        <div class=\"feature-icon\">\n                            <i class=\"bi bi-graph-up-arrow\"><\/i>\n                        <\/div>\n                        <h5 class=\"card-title\">\u6210\u957f\u52a8\u673a<\/h5>\n                        <p class=\"card-text text-muted\">\u4e86\u89e3\u60a8\u8ffd\u6c42\u804c\u4e1a\u53d1\u5c55\u7684\u5185\u5728\u9a71\u52a8\u529b<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"text-center\">\n                <div class=\"alert alert-info d-inline-block mb-4\">\n                    <i class=\"bi bi-info-circle me-2\"><\/i>\n                    <strong>\u6d4b\u9a8c\u5305\u542b30\u9053\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u95ee\u9898\uff0c\u9700\u8981\u7ea65-8\u5206\u949f\u5b8c\u6210<\/strong><br>\n                    \u8bf7\u6839\u636e\u60a8\u7684\u771f\u5b9e\u60f3\u6cd5\u9009\u62e9\u6700\u7b26\u5408\u7684\u7b54\u6848\n                <\/div>\n                <br>\n                <button class=\"btn btn-success-custom btn-lg\" data-action=\"start-quiz\">\n                    <i class=\"bi bi-play-circle me-2\"><\/i>\u5f00\u59cb\u6d4b\u9a8c\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u6d4b\u9a8c\u9875 -->\n    <div id=\"quizPage\" class=\"page\">\n        <div class=\"bg-success text-white p-4 mb-4\">\n            <div class=\"container\">\n                <h2 class=\"h4 mb-3\">\u4e8b\u4e1a\u5fc3\u6d4b\u9a8c<\/h2>\n                <div class=\"d-flex justify-content-between align-items-center mb-2\">\n                    <span>\u95ee\u9898 <span id=\"currentQuestion\">1<\/span> \/ 30<\/span>\n                    <span><span id=\"progressPercent\">3%<\/span> \u5b8c\u6210<\/span>\n                <\/div>\n                <div class=\"progress\" style=\"height: 8px;\">\n                    <div class=\"progress-bar\" id=\"progressBar\" style=\"width: 3%\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"container px-4\">\n            <div class=\"card border-0 shadow-sm mb-4\">\n                <div class=\"card-body p-4\">\n                    <h3 class=\"card-title h5 text-success fw-bold mb-4\" id=\"questionText\"><\/h3>\n                    <div id=\"optionGroup\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"text-center\">\n                <button class=\"btn btn-outline-secondary me-3\" id=\"prevBtn\" style=\"display: none;\" data-action=\"prev-question\">\n                    <i class=\"bi bi-arrow-left me-1\"><\/i>\u4e0a\u4e00\u9898\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u7ed3\u679c\u9875 -->\n    <div id=\"resultPage\" class=\"page\">\n        <div class=\"bg-success text-white p-4 mb-4 text-center\">\n            <h2 class=\"h3 mb-0\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n        <\/div>\n        \n        <div class=\"container px-4\">\n            <div class=\"row\">\n                <div class=\"col-lg-10 mx-auto\">\n                    <div class=\"card border-0 shadow-sm mb-4\">\n                        <div class=\"card-body p-4\">\n                            <h4 class=\"text-success mb-4 text-center\">\n                                <i class=\"bi bi-person-check me-2\"><\/i>\u60a8\u7684\u4e8b\u4e1a\u5fc3\u7c7b\u578b\n                            <\/h4>\n                            \n                            <div class=\"result-bar position-relative mb-4\">\n                                <div class=\"result-segments\">\n                                    <div class=\"segment low\">\u4f4e\u4e8b\u4e1a\u5fc3<\/div>\n                                    <div class=\"segment medium\">\u4e2d\u7b49\u4e8b\u4e1a\u5fc3<\/div>\n                                    <div class=\"segment high\">\u9ad8\u4e8b\u4e1a\u5fc3<\/div>\n                                <\/div>\n                                <div class=\"score-indicator\" id=\"scoreIndicator\"><\/div>\n                            <\/div>\n                            \n                            <div id=\"resultAnalysis\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"card border-0 shadow-sm mb-4\">\n                        <div class=\"card-body p-4\">\n                            <h5 class=\"text-success mb-4\">\n                                <i class=\"bi bi-graph-up me-2\"><\/i>\u591a\u7ef4\u5ea6\u5206\u6790\n                            <\/h5>\n                            <div id=\"dimensionalAnalysis\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"card border-0 shadow-sm mb-4\">\n                        <div class=\"card-body p-4\">\n                            <h5 class=\"text-success mb-4\">\n                                <i class=\"bi bi-lightbulb me-2\"><\/i>\u4e2a\u6027\u5316\u5efa\u8bae\n                            <\/h5>\n                            <div id=\"personalizedAdvice\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"text-center\">\n                        <button class=\"btn btn-outline-success btn-lg\" data-action=\"restart-quiz\">\n                            <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u9a8c\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Bootstrap JS -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/js\/bootstrap.bundle.min.js\"><\/script>\n\n<script>\n(() => {\n    'use strict';\n\n    \/\/ \u6d4b\u9a8c\u9898\u76ee\u6570\u636e\n    const quizData = [\n        {\n            question: \"\u5bf9\u4e8e\u4e00\u4f4d\u4f60\u8ba4\u4e3a\u662f\u516c\u6b63\u7684\u4eba\uff0c\u4f60\u662f\u5426\u4f1a\u4e0d\u8f9e\u52b3\u82e6\u5730\u53bb\u7ed3\u4ea4\u4ed6\uff1f\",\n            options: [\n                { text: \"\u4e0d\u4f1a\u3002\", score: 0, dimension: 'networking' },\n                { text: \"\u662f\u7684\uff0c\u5982\u679c\u6211\u60f3\u5728\u4e8b\u4e1a\u4e0a\u6709\u6240\u53d1\u5c55\uff0c\u90a3\u4e48\u8ba4\u8bc6\u516c\u6b63\u7684\u4eba\u5341\u5206\u91cd\u8981\u3002\", score: 2, dimension: 'networking' },\n                { text: \"\u6709\u65f6\u4f1a\uff0c\u56e0\u4e3a\u8ba4\u8bc6\u516c\u6b63\u7684\u4eba\u8bf4\u4e0d\u5b9a\u4f1a\u5bf9\u4e8b\u4e1a\u6709\u6240\u5e2e\u52a9\u3002\", score: 1, dimension: 'networking' }\n            ]\n        },\n        {\n            question: \"\u4f60\u662f\u5426\u4f1a\u4e3a\u4e86\u63d0\u5347\u81ea\u5df1\u7684\u4e8b\u4e1a\u800c\u53bb\u5949\u627f\u67d0\u4e2a\u4f60\u6240\u9119\u89c6\u7684\u4eba\uff1f\",\n            options: [\n                { text: \"\u7edd\u5bf9\u4e0d\u4f1a\u3002\", score: 0, dimension: 'compromise' },\n                { text: \"\u4f1a\u7684\u3002\", score: 2, dimension: 'compromise' },\n                { text: \"\u4e5f\u8bb8\uff0c\u4f46\u8fd9\u6837\u505a\u7684\u786e\u8ba9\u4eba\u611f\u5230\u4e0d\u8212\u670d\u3002\", score: 1, dimension: 'compromise' }\n            ]\n        },\n        {\n            question: \"\u90a3\u4e9b\u80fd\u591f\u51b3\u5b9a\u4f60\u524d\u9014\u7684\u4eba\u662f\u5426\u4e86\u89e3\u4f60\u7684\u80fd\u529b\u548c\u5de5\u4f5c\u4e1a\u7ee9\uff0c\u4f60\u89c9\u5f97\u8fd9\u5f88\u91cd\u8981\u5417\uff1f\",\n            options: [\n                { text: \"\u4e0d\u662f\u5f88\u91cd\u8981\u3002\", score: 0, dimension: 'recognition' },\n                { text: \"\u6781\u5176\u91cd\u8981\u3002\", score: 2, dimension: 'recognition' },\n                { text: \"\u6bd4\u8f83\u91cd\u8981\u3002\", score: 1, dimension: 'recognition' }\n            ]\n        },\n        {\n            question: \"\u5982\u679c\u4f60\u9519\u8fc7\u5347\u804c\u7684\u673a\u4f1a\uff0c\u4f60\u4f1a\u611f\u5230\u5f88\u6cae\u4e27\u5417\uff1f\",\n            options: [\n                { text: \"\u4e00\u70b9\u4e5f\u4e0d\u6cae\u4e27\u3002\", score: 0, dimension: 'ambition' },\n                { text: \"\u4e0d\u4ec5\u4ec5\u662f\u6cae\u4e27\uff0c\u7b80\u76f4\u662f\u8ba9\u6211\u7684\u5fc3\u7075\u53d7\u5230\u4f24\u5bb3\u3002\", score: 2, dimension: 'ambition' },\n                { text: \"\u4e5f\u8bb8\u4f1a\u6709\u4e9b\u6cae\u4e27\uff0c\u4f46\u5f88\u5feb\u5c31\u4f1a\u5fd8\u8bb0\u3002\", score: 1, dimension: 'ambition' }\n            ]\n        },\n        {\n            question: \"\u4f60\u975e\u5e38\u52aa\u529b\u5730\u5de5\u4f5c\u5417\uff1f\",\n            options: [\n                { text: \"\u4e0d\u5982\u6211\u5e94\u8be5\u7684\u90a3\u4e48\u52aa\u529b\u3002\", score: 0, dimension: 'dedication' },\n                { text: \"\u4e3a\u4e86\u5b9e\u73b0\u6211\u7684\u62b1\u8d1f\uff0c\u6211\u4f1a\u5341\u5206\u52aa\u529b\u3002\", score: 2, dimension: 'dedication' },\n                { text: \"\u4e5f\u8bb8\u6bd4\u6211\u5e94\u5f53\u505a\u5230\u7684\u8981\u597d\u4e00\u4e9b\u3002\", score: 1, dimension: 'dedication' }\n            ]\n        },\n        {\n            question: \"\u4e0b\u9762\u54ea\u4e2a\u6700\u80fd\u591f\u8ba9\u4f60\u611f\u5230\u6ee1\u610f\uff1f\",\n            options: [\n                { text: \"\u9009\u62e9\u7684\u804c\u4e1a\u6709\u4fdd\u969c\u5e76\u4e14\u80fd\u8ba9\u6211\u611f\u5230\u6109\u5feb\u3002\", score: 0, dimension: 'satisfaction' },\n                { text: \"\u4e8b\u4e1a\u975e\u5e38\u6210\u529f\uff0c\u5e76\u4e14\u5728\u6211\u9009\u62e9\u7684\u884c\u4e1a\u4e2d\u8fbe\u5230\u9876\u5cf0\u3002\", score: 2, dimension: 'satisfaction' },\n                { text: \"\u88ab\u4eba\u4eec\u5c0a\u91cd\uff0c\u56e0\u4e3a\u4ed6\u4eec\u8ba4\u4e3a\u6211\u7684\u5de5\u4f5c\u505a\u5f97\u76f8\u5f53\u51fa\u8272\u3002\", score: 1, dimension: 'satisfaction' }\n            ]\n        },\n        {\n            question: \"\u5bf9\u4f60\u800c\u8a00\uff0c\u6210\u529f\u548c\u8912\u5956\u6709\u591a\u91cd\u8981\uff1f\",\n            options: [\n                { text: \"\u6211\u89c9\u5f97\u6210\u529f\u548c\u8912\u5956\u80fd\u591f\u8ba9\u6211\u611f\u5230\u6ee1\u610f\uff0c\u4f46\u4e0d\u662f\u6781\u5176\u91cd\u8981\u3002\", score: 0, dimension: 'achievement' },\n                { text: \"\u6781\u5176\u91cd\u8981\u3002\", score: 2, dimension: 'achievement' },\n                { text: \"\u6bd4\u8f83\u91cd\u8981\u3002\", score: 1, dimension: 'achievement' }\n            ]\n        },\n        {\n            question: \"\u4e0b\u9762\u54ea\u4e00\u9879\u5bf9\u4e8e\u4f60\u6700\u91cd\u8981\uff1f\",\n            options: [\n                { text: \"\u62e5\u6709\u771f\u8bda\u7684\u751f\u6d3b\u3002\", score: 0, dimension: 'values' },\n                { text: \"\u62e5\u6709\u5730\u4f4d\u3002\", score: 2, dimension: 'values' },\n                { text: \"\u88ab\u6211\u7684\u540c\u4e8b\u5c0a\u91cd\u3002\", score: 1, dimension: 'values' }\n            ]\n        },\n        {\n            question: \"\u5982\u679c\u67d0\u5929\u65e9\u6668\u4f60\u9192\u6765\u7684\u65f6\u5019\u611f\u5230\u5934\u6655\u773c\u82b1\uff0c\u5e76\u4e14\u6000\u7591\u81ea\u5df1\u5f97\u4e86\u611f\u5192\uff0c\u4f60\u53ef\u80fd\u4f1a\u9009\u62e9\u600e\u4e48\u505a\uff1f\",\n            options: [\n                { text: \"\u6211\u53ef\u80fd\u4f1a\u7ed9\u516c\u53f8\u6253\u7535\u8bdd\u8bf7\u5047\u8bf4\u81ea\u5df1\u75c5\u4e86\uff0c\u5982\u679c\u611f\u89c9\u80fd\u591f\u5de5\u4f5c\u65f6\uff0c\u624d\u4f1a\u53bb\u4e0a\u73ed\u3002\", score: 0, dimension: 'worklife' },\n                { text: \"\u53bb\u5de5\u4f5c\uff0c\u5e76\u4e14\u8fce\u96be\u800c\u4e0a\u3002\", score: 2, dimension: 'worklife' },\n                { text: \"\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\u53bb\u5de5\u4f5c\u662f\u611a\u8822\u7684\uff0c\u56e0\u6b64\u6211\u53ef\u80fd\u4f1a\u8bf7\u4e00\u5929\u5047\uff0c\u5e76\u4e14\u5e0c\u671b\u7b2c\u4e8c\u5929\u80fd\u591f\u6062\u590d\u5065\u5eb7\u7ee7\u7eed\u5de5\u4f5c\u3002\", score: 1, dimension: 'worklife' }\n            ]\n        },\n        {\n            question: \"\u4f60\u662f\u5426\u76fc\u671b\u7740\u6709\u4e00\u5929\u9000\u4f11\uff0c\u5e76\u4e14\u8fc7\u7740\u60a0\u95f2\u7684\u751f\u6d3b\uff1f\",\n            options: [\n                { text: \"\u975e\u5e38\u6e34\u671b\u3002\", score: 0, dimension: 'worklife' },\n                { text: \"\u538b\u6839\u6ca1\u6709\uff0c\u5982\u679c\u80fd\u591f\u9009\u62e9\uff0c\u6211\u5e0c\u671b\u6c38\u8fdc\u4e0d\u9000\u4f11\u3002\", score: 2, dimension: 'worklife' },\n                { text: \"\u90a3\u4e0d\u662f\u6211\u7279\u522b\u76fc\u671b\u7684\u4e8b\u60c5\uff0c\u4f46\u662f\u5982\u679c\u9000\u4f11\u4e86\uff0c\u6211\u5e0c\u671b\u80fd\u591f\u6700\u5927\u9650\u5ea6\u5730\u8fc7\u597d\u9000\u4f11\u751f\u6d3b\u3002\", score: 1, dimension: 'worklife' }\n            ]\n        },\n        {\n            question: \"\u4e3a\u4e86\u8d76\u5728\u6700\u540e\u671f\u9650\u4e4b\u524d\u5b8c\u6210\u5de5\u4f5c\uff0c\u4f60\u662f\u5426\u4f1a\u53d6\u6d88\u5047\u671f\uff1f\",\n            options: [\n                { text: \"\u9664\u975e\u4e0d\u8fd9\u6837\u505a\u4f1a\u8ba9\u6211\u4e22\u6389\u5de5\u4f5c\uff0c\u5426\u5219\u6211\u5f88\u96be\u60f3\u8c61\u81ea\u5df1\u4f1a\u4e0d\u8fc7\u5047\u671f\u3002\", score: 0, dimension: 'dedication' },\n                { text: \"\u662f\u7684\uff0c\u5728\u7279\u5b9a\u7684\u60c5\u51b5\u4e0b\uff0c\u6211\u4f1a\u8ba4\u4e3a\u8fd9\u6837\u505a\u662f\u6211\u7684\u804c\u8d23\u3002\", score: 2, dimension: 'dedication' },\n                { text: \"\u5c3d\u7ba1\u4e0d\u613f\u610f\uff0c\u6211\u8fd8\u662f\u4f1a\u8fd9\u6837\u505a\u3002\", score: 1, dimension: 'dedication' }\n            ]\n        },\n        {\n            question: \"\u4f60\u6240\u5728\u7684\u516c\u53f8\u5728\u672c\u56fd\u7684\u5176\u4ed6\u5730\u533a\u5f00\u8bbe\u4e86\u4e00\u4e2a\u5206\u516c\u53f8\uff0c\u6253\u7b97\u59d4\u6d3e\u4f60\u4e3a\u5206\u516c\u53f8\u7ecf\u7406\u3002\u5047\u8bbe\u4f60\u4f4f\u5728\u603b\u516c\u53f8\u6240\u5728\u5730\u533a\u5e76\u4e14\u5bf9\u73b0\u72b6\u5341\u5206\u6ee1\u610f\uff0c\u4f60\u7684\u53cd\u5e94\u6700\u53ef\u80fd\u662f\u4e0b\u9762\u54ea\u4e00\u4e2a\uff1f\",\n            options: [\n                { text: \"\u6211\u975e\u5e38\u4e0d\u613f\u610f\u8fc1\u79fb\u3002\", score: 0, dimension: 'flexibility' },\n                { text: \"\u6211\u613f\u610f\u8fc1\u79fb\uff0c\u5e76\u4e14\u5e0c\u671b\u6211\u7684\u5bb6\u4eba\u80fd\u591f\u7406\u89e3\u5e76\u4e14\u652f\u6301\u6211\u7684\u51b3\u5b9a\u3002\", score: 2, dimension: 'flexibility' },\n                { text: \"\u6211\u5c06\u4f1a\u4e0e\u5bb6\u4eba\u5546\u91cf\uff0c\u4ee5\u4fbf\u548c\u4ed6\u4eec\u8fbe\u6210\u5171\u8bc6\u3002\", score: 1, dimension: 'flexibility' }\n            ]\n        },\n        {\n            question: \"\u5728\u5468\u672b\u6216\u8005\u5047\u671f\uff0c\u4f60\u662f\u5426\u5f88\u5bb9\u6613\u4ece\u5de5\u4f5c\u4e2d\u89e3\u8131\u51fa\u6765\uff1f\",\n            options: [\n                { text: \"\u5f88\u5bb9\u6613\u3002\", score: 0, dimension: 'worklife' },\n                { text: \"\u5728\u5468\u672b\u6216\u5047\u671f\uff0c\u6211\u4ece\u6765\u6ca1\u6709\u5b8c\u5168\u4ece\u5de5\u4f5c\u4e2d\u89e3\u8131\u51fa\u6765\u3002\", score: 2, dimension: 'worklife' },\n                { text: \"\u6709\u65f6\uff0c\u8981\u60f3\u5b8c\u5168\u89e3\u8131\u51fa\u6765\u4f1a\u6709\u56f0\u96be\u3002\", score: 1, dimension: 'worklife' }\n            ]\n        },\n        {\n            question: \"\u4e3a\u4e86\u5728\u6700\u540e\u671f\u9650\u4e4b\u524d\u5b8c\u6210\u5de5\u4f5c\uff0c\u4f60\u662f\u5426\u7ecf\u5e38\u628a\u5de5\u4f5c\u5e26\u56de\u5bb6\u91cc\u6765\u5b8c\u6210\uff1f\",\n            options: [\n                { text: \"\u5f88\u5c11\u6216\u4ece\u4e0d\u3002\", score: 0, dimension: 'dedication' },\n                { text: \"\u7ecf\u5e38\u3002\", score: 2, dimension: 'dedication' },\n                { text: \"\u6709\u65f6\u3002\", score: 1, dimension: 'dedication' }\n            ]\n        },\n        {\n            question: \"\u4f60\u662f\u5426\u7ecf\u5e38\u4e0e\u5bb6\u4eba\u548c\u670b\u53cb\u8c08\u8bba\u4f60\u7684\u5de5\u4f5c\uff1f\",\n            options: [\n                { text: \"\u4e0d\u662f\uff0c\u6211\u8ba4\u4e3a\u5e94\u5f53\u653e\u677e\uff0c\u4e0d\u7528\u6211\u7684\u8c0b\u751f\u65b9\u5f0f\u4f5c\u4e3a\u8bdd\u9898\u53bb\u70e6\u6270\u522b\u4eba\u3002\", score: 0, dimension: 'worklife' },\n                { text: \"\u662f\u7684\uff0c\u6211\u53ef\u80fd\u4f1a\u3002\", score: 2, dimension: 'worklife' },\n                { text: \"\u6211\u4e0d\u77e5\u9053\u81ea\u5df1\u4f1a\u4e0d\u4f1a\u3002\", score: 1, dimension: 'worklife' }\n            ]\n        },\n        {\n            question: \"\u5982\u679c\u6709\u673a\u4f1a\uff0c\u4f60\u662f\u5426\u4f1a\u79bb\u5f00\u5bb6\u4eba\u548c\u670b\u53cb\uff0c\u53bb\u56fd\u5916\u5de5\u4f5c\u534a\u5e74\uff1f\",\n            options: [\n                { text: \"\u4e0d\u53ef\u80fd\u3002\", score: 0, dimension: 'flexibility' },\n                { text: \"\u4f1a\u7684\u3002\", score: 2, dimension: 'flexibility' },\n                { text: \"\u53ef\u80fd\u3002\", score: 1, dimension: 'flexibility' }\n            ]\n        },\n        {\n            question: \"\u4e3a\u4e86\u63a8\u8fdb\u81ea\u5df1\u7684\u4e8b\u4e1a\uff0c\u4f60\u662f\u5426\u4f1a\u63a7\u5236\u81ea\u5df1\u7684\u793e\u4ea4\u751f\u6d3b\uff1f\",\n            options: [\n                { text: \"\u4e0d\u4f1a\u3002\", score: 0, dimension: 'sacrifice' },\n                { text: \"\u662f\u7684\u3002\", score: 2, dimension: 'sacrifice' },\n                { text: \"\u53ef\u80fd\uff0c\u4f46\u4e0d\u662f\u6240\u6709\u7684\u3002\", score: 1, dimension: 'sacrifice' }\n            ]\n        },\n        {\n            question: \"\u4e3a\u4e86\u4e2a\u4eba\u4e8b\u4e1a\uff0c\u7ad9\u5728\u516c\u6b63\u7684\u4eba\u4e00\u8fb9\uff0c\u8fd9\u5bf9\u4f60\u6709\u591a\u91cd\u8981\uff1f\",\n            options: [\n                { text: \"\u4e0d\u662f\u7279\u522b\u91cd\u8981\u3002\", score: 0, dimension: 'networking' },\n                { text: \"\u975e\u5e38\u91cd\u8981\u3002\", score: 2, dimension: 'networking' },\n                { text: \"\u6211\u5c3d\u91cf\u4e0d\u5f97\u7f6a\u4efb\u4f55\u4eba\u3002\", score: 1, dimension: 'networking' }\n            ]\n        },\n        {\n            question: \"\u4f60\u662f\u5426\u603b\u662f\u5173\u5fc3\u4f60\u6240\u5728\u7684\u5de5\u4f5c\u5355\u4f4d\u53d1\u751f\u7684\u6bcf\u4e00\u4ef6\u4e8b\u60c5\uff1f\",\n            options: [\n                { text: \"\u4e0d\u662f\u3002\", score: 0, dimension: 'involvement' },\n                { text: \"\u662f\u7684\u3002\", score: 2, dimension: 'involvement' },\n                { text: \"\u4e0d\u662f\u6240\u6709\u7684\u4e8b\u60c5\uff0c\u4f46\u662f\u6211\u5bf9\u516c\u53f8\u7684\u603b\u4f53\u72b6\u51b5\u611f\u5174\u8da3\u3002\", score: 1, dimension: 'involvement' }\n            ]\n        },\n        {\n            question: \"\u4f60\u662f\u5426\u4f1a\u4e3a\u4e86\u83b7\u5f97\u63d0\u5347\u800c\u8bf4\u8c0e\uff1f\",\n            options: [\n                { text: \"\u6ca1\u6709\u3002\", score: 0, dimension: 'compromise' },\n                { text: \"\u662f\u7684\u3002\", score: 2, dimension: 'compromise' },\n                { text: \"\u4e5f\u8bb8\u3002\", score: 1, dimension: 'compromise' }\n            ]\n        },\n        {\n            question: \"\u4f60\u662f\u5426\u8ba4\u4e3a\u81ea\u5df1\u5e94\u5f53\u5728\u6240\u9009\u62e9\u7684\u884c\u4e1a\u4e2d\u8fbe\u5230\u9876\u5cf0\uff1f\",\n            options: [\n                { text: \"\u4e0d\u662f\uff0c\u6211\u5b81\u613f\u628a\u8fd9\u79cd\u538b\u529b\u7559\u7ed9\u5176\u4ed6\u4eba\u3002\", score: 0, dimension: 'ambition' },\n                { text: \"\u662f\u7684\u3002\", score: 2, dimension: 'ambition' },\n                { text: \"\u5982\u679c\u4e0d\u80fd\u8fbe\u5230\u6700\u9876\u5cf0\uff0c\u4e5f\u8bb8\u5e94\u5f53\u6bd4\u6211\u73b0\u5728\u7684\u72b6\u51b5\u8981\u597d\u4e00\u4e9b\u3002\", score: 1, dimension: 'ambition' }\n            ]\n        },\n        {\n            question: \"\u4f60\u662f\u5426\u8ba4\u4e3a\u81ea\u5df1\u662f\u6240\u4ece\u4e8b\u9886\u57df\u7684\u4e13\u5bb6\uff1f\",\n            options: [\n                { text: \"\u4e0d\u662f\u3002\", score: 0, dimension: 'competence' },\n                { text: \"\u662f\u7684\u3002\", score: 2, dimension: 'competence' },\n                { text: \"\u6211\u8fd8\u6709\u5f88\u591a\u9700\u8981\u5b66\u4e60\u7684\u3002\", score: 1, dimension: 'competence' }\n            ]\n        },\n        {\n            question: \"\u4f60\u8ba4\u4e3a\u83b7\u5f97\u8d44\u683c\u8bc1\u4e66\u7684\u4e3b\u8981\u76ee\u7684\u662f\u4ec0\u4e48\uff1f\",\n            options: [\n                { text: \"\u62d3\u5c55\u548c\u953b\u70bc\u601d\u60f3\uff0c\u5e76\u4e14\u8ba9\u81ea\u5df1\u83b7\u5f97\u4e00\u79cd\u6210\u5c31\u611f\u3002\", score: 0, dimension: 'learning' },\n                { text: \"\u83b7\u5f97\u597d\u5de5\u4f5c\uff0c\u5bf9\u4e8b\u4e1a\u6709\u5e2e\u52a9\u3002\", score: 2, dimension: 'learning' },\n                { text: \"\u5411\u522b\u4eba\u5c55\u793a\u81ea\u5df1\u7684\u80fd\u529b\u3002\", score: 1, dimension: 'learning' }\n            ]\n        },\n        {\n            question: \"\u5982\u679c\u4f60\u8ba4\u4e3a\u53c2\u52a0\u4e00\u9879\u6602\u8d35\u800c\u8d39\u65f6\u7684\u57f9\u8bad\u5bf9\u4e8e\u4f60\u7684\u4e8b\u4e1a\u4f1a\u6709\u6240\u5e2e\u52a9\uff0c\u4f60\u662f\u5426\u4f1a\u8fd9\u6837\u505a\uff1f\",\n            options: [\n                { text: \"\u4e0d\u53ef\u80fd\u3002\", score: 0, dimension: 'investment' },\n                { text: \"\u662f\u7684\u3002\", score: 2, dimension: 'investment' },\n                { text: \"\u4e5f\u8bb8\u3002\", score: 1, dimension: 'investment' }\n            ]\n        },\n        {\n            question: \"\u5982\u679c\u4ece\u957f\u8fdc\u89d2\u5ea6\u6765\u770b\u4f1a\u5bf9\u4f60\u7684\u4e8b\u4e1a\u53d1\u5c55\u6709\u5e2e\u52a9\uff0c\u4f60\u662f\u5426\u4f1a\u63a5\u53d7\u51cf\u85aa\uff1f\",\n            options: [\n                { text: \"\u6211\u4e0d\u4f1a\u56e0\u4e3a\u671f\u671b\u4e8b\u4e1a\u53d1\u5c55\u800c\u63a5\u53d7\u51cf\u85aa\u3002\", score: 0, dimension: 'sacrifice' },\n                { text: \"\u662f\u7684\uff0c\u5982\u679c\u6211\u8ba4\u4e3a\u8fd9\u6837\u505a\u957f\u8fdc\u6765\u770b\u5bf9\u6211\u6709\u5229\u3002\", score: 2, dimension: 'sacrifice' },\n                { text: \"\u4e0d\u592a\u53ef\u80fd\u3002\", score: 1, dimension: 'sacrifice' }\n            ]\n        },\n        {\n            question: \"\u4e3a\u4e86\u5728\u5de5\u4f5c\u4e2d\u6811\u7acb\u5f62\u8c61\uff0c\u4f60\u82b1\u591a\u5c11\u65f6\u95f4\u548c\u5fc3\u601d\u7528\u4e8e\u6253\u626e\u81ea\u5df1\uff1f\",\n            options: [\n                { text: \"\u5bf9\u8fd9\u4e2a\u95ee\u9898\uff0c\u6211\u6ca1\u6709\u8003\u8651\u592a\u591a\u3002\", score: 0, dimension: 'image' },\n                { text: \"\u82b1\u4e86\u4e0d\u5c11\u65f6\u95f4\u548c\u5fc3\u601d\uff0c\u56e0\u4e3a\u6211\u5728\u5de5\u4f5c\u4e2d\u7684\u5f62\u8c61\u5bf9\u6211\u800c\u8a00\u975e\u5e38\u91cd\u8981\u3002\", score: 2, dimension: 'image' },\n                { text: \"\u4e3a\u4e86\u8ba9\u81ea\u5df1\u770b\u4e0a\u53bb\u7cbe\u795e\u4e00\u4e9b\uff0c\u6211\u82b1\u8d39\u5e94\u6709\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u3002\", score: 1, dimension: 'image' }\n            ]\n        },\n        {\n            question: \"\u5f53\u53c2\u52a0\u9762\u8bd5\u65f6\uff0c\u4f60\u8ba4\u4e3a\u4e0b\u9762\u54ea\u4e00\u4e2a\u6700\u4e3a\u91cd\u8981\uff1f\",\n            options: [\n                { text: \"\u8ba9\u4eba\u611f\u5230\u6211\u5f88\u806a\u660e\u5e76\u4e14\u5f88\u70ed\u60c5\u3002\", score: 0, dimension: 'image' },\n                { text: \"\u770b\u4e0a\u53bb\u4e0d\u9519\uff0c\u5e76\u4e14\u51b7\u9759\u81ea\u4fe1\u3002\", score: 2, dimension: 'image' },\n                { text: \"\u975e\u5e38\u80fd\u5e72\uff0c\u5e76\u4e14\u62e5\u6709\u826f\u597d\u7684\u80fd\u529b\u80cc\u666f\u3002\", score: 1, dimension: 'image' }\n            ]\n        },\n        {\n            question: \"\u5982\u679c\u7a81\u7136\u95f4\u4f60\u88ab\u610f\u5916\u5730\u88c1\u5458\uff0c\u4f60\u7684\u7b2c\u4e00\u53cd\u5e94\u6700\u53ef\u80fd\u662f\u4ec0\u4e48\uff1f\",\n            options: [\n                { text: \"\u4e0d\u77e5\u8be5\u5982\u4f55\u5411\u5bb6\u4eba\u8bc9\u8bf4\u8fd9\u4e00\u4e0d\u5e78\u3002\", score: 0, dimension: 'resilience' },\n                { text: \"\u51e0\u4e4e\u88ab\u5f7b\u5e95\u6253\u57ae\uff0c\u56e0\u4e3a\u5fc5\u987b\u91cd\u65b0\u5bfb\u627e\u5de5\u4f5c\uff0c\u800c\u4e14\u53ef\u80fd\u8981\u518d\u6b21\u4ece\u6700\u5e95\u5c42\u5f00\u59cb\u52aa\u529b\u3002\", score: 2, dimension: 'resilience' },\n                { text: \"\u611f\u5230\u9707\u60ca\uff0c\u96be\u4ee5\u63a5\u53d7\u3002\", score: 1, dimension: 'resilience' }\n            ]\n        },\n        {\n            question: \"\u4f60\u6700\u559c\u6b22\u54ea\u4e00\u4e2a\uff0c\u662f\u5de5\u4f5c\u8fd8\u662f\u4e1a\u4f59\u7231\u597d\uff1f\",\n            options: [\n                { text: \"\u4e1a\u4f59\u7231\u597d\u3002\", score: 0, dimension: 'worklife' },\n                { text: \"\u5de5\u4f5c\u3002\", score: 2, dimension: 'worklife' },\n                { text: \"\u4e24\u8005\u4e00\u6837\u3002\", score: 1, dimension: 'worklife' }\n            ]\n        },\n        {\n            question: \"\u4e3a\u4e86\u767b\u4e0a\u6210\u529f\u7684\u9636\u68af\uff0c\u4f60\u662f\u5426\u8ba4\u4e3a\u5e94\u5f53\u5c14\u865e\u6211\u8bc8\uff1f\",\n            options: [\n                { text: \"\u5373\u4f7f\u90a3\u662f\u5fc5\u987b\u7684\uff0c\u4e5f\u4e0d\u9002\u5408\u6211\uff0c\u56e0\u4e3a\u8fd9\u8fdd\u53cd\u6211\u7684\u672c\u6027\u3002\", score: 0, dimension: 'compromise' },\n                { text: \"\u57fa\u672c\u4e0a\u662f\u8fd9\u6837\u3002\", score: 2, dimension: 'compromise' },\n                { text: \"\u8fd9\u6837\u6709\u65f6\u4f1a\u6709\u5e2e\u52a9\u3002\", score: 1, dimension: 'compromise' }\n            ]\n        }\n    ];\n\n    \/\/ \u5e94\u7528\u72b6\u6001\n    let currentQuestionIndex = 0;\n    let answers = [];\n    let totalScore = 0;\n    let dimensionScores = {};\n\n    \/\/ DOM \u5143\u7d20\n    const pages = {\n        intro: document.getElementById('introPage'),\n        quiz: document.getElementById('quizPage'),\n        result: document.getElementById('resultPage')\n    };\n\n    const elements = {\n        currentQuestion: document.getElementById('currentQuestion'),\n        progressPercent: document.getElementById('progressPercent'),\n        progressBar: document.getElementById('progressBar'),\n        questionText: document.getElementById('questionText'),\n        optionGroup: document.getElementById('optionGroup'),\n        prevBtn: document.getElementById('prevBtn'),\n        scoreIndicator: document.getElementById('scoreIndicator'),\n        resultAnalysis: document.getElementById('resultAnalysis'),\n        dimensionalAnalysis: document.getElementById('dimensionalAnalysis'),\n        personalizedAdvice: document.getElementById('personalizedAdvice')\n    };\n\n    \/\/ \u5de5\u5177\u51fd\u6570\n    const showPage = (pageName) => {\n        Object.values(pages).forEach(page => page.classList.remove('active'));\n        pages[pageName].classList.add('active');\n        \n        setTimeout(() => {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }, 100);\n    };\n\n    const updateProgress = () => {\n        const progress = ((currentQuestionIndex + 1) \/ quizData.length) * 100;\n        elements.currentQuestion.textContent = currentQuestionIndex + 1;\n        elements.progressPercent.textContent = Math.round(progress) + '%';\n        elements.progressBar.style.width = progress + '%';\n    };\n\n    const renderQuestion = () => {\n        const question = quizData[currentQuestionIndex];\n        elements.questionText.textContent = question.question;\n\n        const optionLabels = ['A', 'B', 'C'];\n        elements.optionGroup.innerHTML = question.options.map((option, index) => `\n            <div class=\"card option-card mb-3\" data-option-index=\"${index}\">\n                <div class=\"card-body d-flex align-items-center\">\n                    <span class=\"badge bg-secondary me-3 fs-6\">${optionLabels[index]}<\/span>\n                    <span class=\"flex-grow-1\">${option.text}<\/span>\n                <\/div>\n            <\/div>\n        `).join('');\n\n        \/\/ \u6062\u590d\u4e4b\u524d\u7684\u9009\u62e9\n        if (answers[currentQuestionIndex] !== undefined) {\n            const selectedOption = elements.optionGroup.children[answers[currentQuestionIndex]];\n            selectedOption.classList.add('selected');\n        }\n\n        updateProgress();\n        elements.prevBtn.style.display = currentQuestionIndex > 0 ? 'inline-block' : 'none';\n    };\n\n    const selectOption = (optionIndex) => {\n        \/\/ \u79fb\u9664\u4e4b\u524d\u7684\u9009\u62e9\n        document.querySelectorAll('.option-card').forEach(item => {\n            item.classList.remove('selected');\n        });\n\n        \/\/ \u9009\u4e2d\u5f53\u524d\u9009\u9879\n        const selectedOption = elements.optionGroup.children[optionIndex];\n        selectedOption.classList.add('selected');\n\n        \/\/ \u4fdd\u5b58\u7b54\u6848\n        answers[currentQuestionIndex] = optionIndex;\n\n        \/\/ \u5ef6\u8fdf\u8fdb\u5165\u4e0b\u4e00\u9898\n        setTimeout(() => {\n            if (currentQuestionIndex < quizData.length - 1) {\n                currentQuestionIndex++;\n                renderQuestion();\n            } else {\n                calculateResult();\n                showResult();\n            }\n        }, 500);\n    };\n\n    const calculateResult = () => {\n        totalScore = 0;\n        dimensionScores = {};\n        \n        answers.forEach((answerIndex, questionIndex) => {\n            const question = quizData[questionIndex];\n            const selectedOption = question.options[answerIndex];\n            totalScore += selectedOption.score;\n            \n            const dimension = selectedOption.dimension;\n            if (!dimensionScores[dimension]) {\n                dimensionScores[dimension] = { total: 0, count: 0 };\n            }\n            dimensionScores[dimension].total += selectedOption.score;\n            dimensionScores[dimension].count += 1;\n        });\n    };\n\n    const getResultAnalysis = (score) => {\n        if (score >= 45) {\n            return {\n                category: '\u9ad8\u4e8b\u4e1a\u5fc3\u578b',\n                title: '\u4e8b\u4e1a\u5bfc\u5411\u8005',\n                level: 'high',\n                description: '\u60a8\u662f\u4e00\u4f4d\u5f88\u6709\u4e8b\u4e1a\u5fc3\u7684\u4eba\uff0c\u800c\u4e14\u4e8b\u4e1a\u4e5f\u8bb8\u662f\u60a8\u4eba\u751f\u4e2d\u6700\u91cd\u8981\u7684\u4e8b\u60c5\u3002\u60a8\u4f1a\u5728\u529b\u6240\u80fd\u53ca\u7684\u8303\u56f4\u5185\u52aa\u529b\u8ba9\u81ea\u5df1\u5728\u6240\u4ece\u4e8b\u7684\u884c\u4e1a\u4e2d\u53d6\u5f97\u6210\u529f\u3002\u60a8\u4e0d\u4ec5\u4ec5\u5c06\u4e8b\u4e1a\u770b\u4f5c\u751f\u6d3b\u7684\u65b9\u5f0f\uff0c\u800c\u4e14\u8ba4\u4e3a\u5b83\u662f\u4e3a\u60a8\u548c\u60a8\u5bb6\u4eba\u8c0b\u53d6\u8d22\u5bcc\u548c\u540d\u671b\u7684\u901a\u9053\u3002'\n            };\n        } else if (score >= 27) {\n            return {\n                category: '\u4e2d\u7b49\u4e8b\u4e1a\u5fc3\u578b',\n                title: '\u5e73\u8861\u53d1\u5c55\u8005',\n                level: 'medium',\n                description: '\u5c3d\u7ba1\u4e8b\u4e1a\u5bf9\u60a8\u5f88\u91cd\u8981\uff0c\u4f46\u5b83\u5e76\u4e0d\u50cf\u60a8\u7684\u5bb6\u5ead\u4ef7\u503c\u90a3\u6837\u91cd\u8981\u3002\u60a8\u8ba4\u4e3a\u62e5\u6709\u7262\u56fa\u7684\u5bb6\u5ead\u7ebd\u5e26\u4f1a\u5e26\u6765\u5b89\u7a33\u7684\u751f\u6d3b\u548c\u5e78\u798f\uff0c\u53ef\u4ee5\u5b9e\u73b0\u4eba\u751f\u7684\u957f\u8fdc\u76ee\u6807\u3002\u60a8\u80fd\u591f\u5728\u4e8b\u4e1a\u4e0e\u751f\u6d3b\u4e4b\u95f4\u627e\u5230\u76f8\u5bf9\u7684\u5e73\u8861\u70b9\u3002'\n            };\n        } else {\n            return {\n                category: '\u4f4e\u4e8b\u4e1a\u5fc3\u578b',\n                title: '\u751f\u6d3b\u4f18\u5148\u8005',\n                level: 'low',\n                description: '\u5bf9\u4e8e\u60a8\u800c\u8a00\uff0c\u662f\u5e78\u798f\u548c\u6ee1\u8db3\u611f\u800c\u4e0d\u662f\u4e8b\u4e1a\u6210\u529f\u5728\u6fc0\u52b1\u7740\u60a8\u3002\u60a8\u8ffd\u6c42\u7684\u662f\u7a33\u56fa\u7684\u5bb6\u5ead\u751f\u6d3b\uff0c\u7a33\u5b9a\u7684\u5de5\u4f5c\uff0c\u65e0\u987b\u627f\u62c5\u592a\u591a\u7684\u5de5\u4f5c\u8d23\u4efb\uff0c\u4ee5\u53ca\u4e0d\u83f2\u7684\u6536\u5165\u3002\u5de5\u4f5c\u662f\u60a8\u751f\u6d3b\u7684\u4e00\u90e8\u5206\uff0c\u800c\u4e0d\u662f\u5168\u90e8\u3002'\n            };\n        }\n    };\n\n    const getDimensionalAnalysis = () => {\n        const dimensionNames = {\n            'networking': '\u4eba\u9645\u7f51\u7edc\u5efa\u8bbe',\n            'compromise': '\u539f\u5219\u59a5\u534f\u7a0b\u5ea6',\n            'recognition': '\u6210\u5c31\u8ba4\u53ef\u9700\u6c42',\n            'ambition': '\u91ce\u5fc3\u4e0e\u62b1\u8d1f',\n            'dedication': '\u5de5\u4f5c\u6295\u5165\u5ea6',\n            'satisfaction': '\u804c\u4e1a\u6ee1\u8db3\u6e90',\n            'achievement': '\u6210\u529f\u91cd\u8981\u6027',\n            'values': '\u4ef7\u503c\u89c2\u53d6\u5411',\n            'worklife': '\u5de5\u4f5c\u751f\u6d3b\u5e73\u8861',\n            'flexibility': '\u804c\u4e1a\u7075\u6d3b\u6027',\n            'sacrifice': '\u4e2a\u4eba\u727a\u7272\u610f\u613f',\n            'involvement': '\u5de5\u4f5c\u53c2\u4e0e\u5ea6',\n            'competence': '\u4e13\u4e1a\u80fd\u529b\u81ea\u4fe1',\n            'learning': '\u5b66\u4e60\u52a8\u673a',\n            'investment': '\u804c\u4e1a\u6295\u8d44\u610f\u613f',\n            'image': '\u804c\u4e1a\u5f62\u8c61\u91cd\u89c6',\n            'resilience': '\u804c\u4e1a\u632b\u6298\u6297\u6027'\n        };\n\n        let analysis = '';\n        \n        Object.keys(dimensionScores).forEach(dimension => {\n            const score = dimensionScores[dimension];\n            const avgScore = score.total \/ score.count;\n            const percentage = (avgScore \/ 2) * 100;\n            const level = percentage >= 66.7 ? '\u9ad8' : percentage >= 33.3 ? '\u4e2d' : '\u4f4e';\n            const color = percentage >= 66.7 ? 'success' : percentage >= 33.3 ? 'warning' : 'danger';\n            \n            analysis += `\n                <div class=\"dimension-analysis\">\n                    <div class=\"d-flex justify-content-between align-items-center mb-2\">\n                        <strong>${dimensionNames[dimension] || dimension}<\/strong>\n                        <span class=\"badge bg-${color}\">${level}\u6c34\u5e73<\/span>\n                    <\/div>\n                    <div class=\"progress mb-2\" style=\"height: 8px;\">\n                        <div class=\"progress-bar bg-${color}\" style=\"width: ${percentage}%\"><\/div>\n                    <\/div>\n                    <small class=\"text-muted\">\u5f97\u5206: ${score.total}\/${score.count * 2} (${Math.round(percentage)}%)<\/small>\n                <\/div>\n            `;\n        });\n        \n        return analysis;\n    };\n\n    const getPersonalizedAdvice = (score, analysis) => {\n        let advice = '';\n        \n        if (analysis.level === 'high') {\n            advice = `\n                <div class=\"alert alert-success\">\n                    <h6><i class=\"bi bi-check-circle me-2\"><\/i>\u60a8\u7684\u4f18\u52bf<\/h6>\n                    <ul class=\"mb-0\">\n                        <li>\u5f3a\u70c8\u7684\u4e8b\u4e1a\u9a71\u52a8\u529b\u548c\u76ee\u6807\u5bfc\u5411<\/li>\n                        <li>\u613f\u610f\u4e3a\u4e8b\u4e1a\u6210\u529f\u4ed8\u51fa\u52aa\u529b\u548c\u727a\u7272<\/li>\n                        <li>\u5bf9\u804c\u4e1a\u53d1\u5c55\u6709\u6e05\u6670\u7684\u89c4\u5212\u548c\u671f\u671b<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"alert alert-warning\">\n                    <h6><i class=\"bi bi-exclamation-triangle me-2\"><\/i>\u9700\u8981\u6ce8\u610f<\/h6>\n                    <ul class=\"mb-0\">\n                        <li>\u4fdd\u6301\u5de5\u4f5c\u4e0e\u751f\u6d3b\u7684\u5e73\u8861\uff0c\u907f\u514d\u8fc7\u5ea6\u6295\u5165\u5de5\u4f5c<\/li>\n                        <li>\u5173\u6ce8\u8eab\u5fc3\u5065\u5eb7\uff0c\u5b9a\u671f\u4f11\u606f\u548c\u653e\u677e<\/li>\n                        <li>\u7ef4\u62a4\u4eba\u9645\u5173\u7cfb\uff0c\u4e0d\u8981\u56e0\u4e8b\u4e1a\u5ffd\u7565\u5bb6\u4eba\u670b\u53cb<\/li>\n                        <li>\u4fdd\u6301\u9053\u5fb7\u5e95\u7ebf\uff0c\u907f\u514d\u4e3a\u6210\u529f\u800c\u59a5\u534f\u539f\u5219<\/li>\n                    <\/ul>\n                <\/div>\n            `;\n        } else if (analysis.level === 'medium') {\n            advice = `\n                <div class=\"alert alert-info\">\n                    <h6><i class=\"bi bi-info-circle me-2\"><\/i>\u60a8\u7684\u4f18\u52bf<\/h6>\n                    <ul class=\"mb-0\">\n                        <li>\u80fd\u591f\u5728\u4e8b\u4e1a\u4e0e\u751f\u6d3b\u4e4b\u95f4\u627e\u5230\u5e73\u8861<\/li>\n                        <li>\u6709\u4e00\u5b9a\u7684\u4e8b\u4e1a\u8ffd\u6c42\u4f46\u4e0d\u4f1a\u8fc7\u5ea6\u727a\u7272<\/li>\n                        <li>\u6bd4\u8f83\u7406\u6027\u5730\u770b\u5f85\u804c\u4e1a\u53d1\u5c55<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"alert alert-primary\">\n                    <h6><i class=\"bi bi-lightbulb me-2\"><\/i>\u53d1\u5c55\u5efa\u8bae<\/h6>\n                    <ul class=\"mb-0\">\n                        <li>\u53ef\u4ee5\u9002\u5ea6\u63d0\u5347\u804c\u4e1a\u76ee\u6807\u548c\u89c4\u5212\u7684\u6e05\u6670\u5ea6<\/li>\n                        <li>\u5728\u5173\u952e\u65f6\u523b\u53ef\u4ee5\u66f4\u79ef\u6781\u5730\u4e89\u53d6\u673a\u4f1a<\/li>\n                        <li>\u5efa\u7acb\u66f4\u5e7f\u6cdb\u7684\u804c\u4e1a\u7f51\u7edc\u548c\u4eba\u8109\u5173\u7cfb<\/li>\n                        <li>\u6301\u7eed\u5b66\u4e60\u548c\u63d0\u5347\u4e13\u4e1a\u6280\u80fd<\/li>\n                    <\/ul>\n                <\/div>\n            `;\n        } else {\n            advice = `\n                <div class=\"alert alert-success\">\n                    <h6><i class=\"bi bi-heart me-2\"><\/i>\u60a8\u7684\u4f18\u52bf<\/h6>\n                    <ul class=\"mb-0\">\n                        <li>\u91cd\u89c6\u751f\u6d3b\u8d28\u91cf\u548c\u4e2a\u4eba\u5e78\u798f<\/li>\n                        <li>\u80fd\u591f\u4eab\u53d7\u5de5\u4f5c\u4e4b\u5916\u7684\u751f\u6d3b\u4e50\u8da3<\/li>\n                        <li>\u6709\u8f83\u5f3a\u7684\u539f\u5219\u6027\u548c\u9053\u5fb7\u5e95\u7ebf<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"alert alert-info\">\n                    <h6><i class=\"bi bi-arrow-up-circle me-2\"><\/i>\u804c\u4e1a\u5efa\u8bae<\/h6>\n                    <ul class=\"mb-0\">\n                        <li>\u5bfb\u627e\u4e0e\u4e2a\u4eba\u4ef7\u503c\u89c2\u5339\u914d\u7684\u5de5\u4f5c\u73af\u5883<\/li>\n                        <li>\u5173\u6ce8\u5de5\u4f5c\u7684\u7a33\u5b9a\u6027\u548c\u4fdd\u969c\u6027<\/li>\n                        <li>\u53ef\u4ee5\u8003\u8651\u63d0\u5347\u67d0\u4e9b\u804c\u4e1a\u6280\u80fd\u4ee5\u83b7\u5f97\u66f4\u597d\u673a\u4f1a<\/li>\n                        <li>\u5728\u8212\u9002\u5708\u5185\u9002\u5ea6\u6311\u6218\u81ea\u5df1<\/li>\n                    <\/ul>\n                <\/div>\n            `;\n        }\n        \n        return advice;\n    };\n\n    const showResult = () => {\n        const analysis = getResultAnalysis(totalScore);\n        \n        \/\/ \u8bbe\u7f6e\u5206\u6570\u6307\u793a\u5668\u4f4d\u7f6e\n        const scorePercentage = (totalScore \/ 60) * 100;\n        elements.scoreIndicator.style.left = scorePercentage + '%';\n        \n        \/\/ \u663e\u793a\u7ed3\u679c\u5206\u6790\n        elements.resultAnalysis.innerHTML = `\n            <div class=\"alert alert-${analysis.level === 'high' ? 'success' : analysis.level === 'medium' ? 'warning' : 'info'} text-center\">\n                <h4 class=\"alert-heading\">${analysis.title}<\/h4>\n                <p class=\"mb-0\"><strong>${analysis.category}<\/strong><\/p>\n            <\/div>\n            <p class=\"lead\">${analysis.description}<\/p>\n        `;\n        \n        \/\/ \u663e\u793a\u591a\u7ef4\u5ea6\u5206\u6790\n        elements.dimensionalAnalysis.innerHTML = getDimensionalAnalysis();\n        \n        \/\/ \u663e\u793a\u4e2a\u6027\u5316\u5efa\u8bae\n        elements.personalizedAdvice.innerHTML = getPersonalizedAdvice(totalScore, analysis);\n\n        showPage('result');\n    };\n\n    const resetQuiz = () => {\n        currentQuestionIndex = 0;\n        answers = [];\n        totalScore = 0;\n        dimensionScores = {};\n        showPage('intro');\n    };\n\n    \/\/ \u4e8b\u4ef6\u5904\u7406\n    document.addEventListener('click', (e) => {\n        const action = e.target.dataset.action || e.target.closest('[data-action]')?.dataset.action;\n        \n        switch (action) {\n            case 'start-quiz':\n                showPage('quiz');\n                renderQuestion();\n                break;\n            case 'prev-question':\n                if (currentQuestionIndex > 0) {\n                    currentQuestionIndex--;\n                    renderQuestion();\n                }\n                break;\n            case 'restart-quiz':\n                resetQuiz();\n                break;\n        }\n\n        \/\/ \u5904\u7406\u9009\u9879\u70b9\u51fb\n        if (e.target.closest('.option-card')) {\n            const optionCard = e.target.closest('.option-card');\n            const optionIndex = parseInt(optionCard.dataset.optionIndex);\n            selectOption(optionIndex);\n        }\n    });\n\n    \/\/ \u521d\u59cb\u5316\n    console.log('\u4e8b\u4e1a\u5fc3\u6d4b\u9a8c\u5df2\u52a0\u8f7d');\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u8981\u5728\u4e8b\u4e1a\u3001\u5bb6\u5ead\u548c\u77e5\u8db3\u7684\u6838\u5fc3\u4ef7\u503c\u89c2\u4e4b\u95f4\u8fbe\u5230\u9002\u5f53\u7684\u5e73\u8861\uff0c\u610f\u5473\u7740\u80fd\u591f\u6210\u529f\u5730\u5b9e\u73b0\u81ea\u5df1\u6240\u8bbe\u8ba1\u7684\u5927\u591a\u6570\u76ee\u6807\uff0c\u5305\u62ec\u804c\u4e1a\u751f\u6daf\u548c\u79c1\u4eba\u751f\u6d3b\u3002\u8981\u505a\u5230\u8fd9\u4e00\u70b9\uff0c\u9996\u5148\u5fc5\u987b\u5bf9\u81ea\u5df1\u7684\u5fc3\u7406\u72b6\u6001\u6709\u6b63\u786e\u5730\u4e86\u89e3\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":"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,159,164],"tags":[],"class_list":["post-2750","post","type-post","status-publish","format-standard","hentry","category-personality","category-aptitude","category-interest-inventories"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2750","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=2750"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2750\/revisions"}],"predecessor-version":[{"id":10108,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2750\/revisions\/10108"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}