{"id":2741,"date":"2023-10-18T09:47:51","date_gmt":"2023-10-18T01:47:51","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2741"},"modified":"2025-06-02T21:26:17","modified_gmt":"2025-06-02T13:26:17","slug":"success-motivation","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/success-motivation","title":{"rendered":"\u6210\u529f\u52a8\u673a\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0825\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<!-- Bootstrap Icons -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n<!-- Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<!-- \u5f15\u5c0e\u9801 -->\n<section id=\"intro-page\" class=\"min-vh-100 d-flex align-items-center\" data-page=\"intro\">\n    <div class=\"container-fluid px-4\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-lg-8 col-xl-6\">\n                <div class=\"text-center mb-5\">\n                    <h2 class=\"display-4 fw-bold text-success mb-3\">\u6210\u529f\u52d5\u6a5f\u6e2c\u9a57<\/h2>\n                    <p class=\"lead text-secondary fs-4 mb-5\">\u63a2\u7d22\u4f60\u5167\u5fc3\u6df1\u8655\u7684\u6210\u529f\u6e34\u671b\uff0c\u8a55\u4f30\u8ffd\u6c42\u76ee\u6a19\u7684\u52d5\u6a5f\u5f37\u5ea6<\/p>\n                <\/div>\n\n                <div class=\"row g-4 mb-5\">\n                    <div class=\"col-md-4\">\n                        <div class=\"card border-0 h-100 shadow-sm bg-primary\">\n                            <div class=\"card-body text-center text-white p-4\">\n                                <div class=\"mb-3\">\n                                    <i class=\"bi bi-clock-fill display-4\"><\/i>\n                                <\/div>\n                                <h5 class=\"card-title fw-bold\">\u5feb\u901f\u6e2c\u9a57<\/h5>\n                                <p class=\"card-text small mb-0\">\u50c5\u97005\u5206\u9418<br>25\u9053\u7cbe\u5fc3\u8a2d\u8a08\u984c\u76ee<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-4\">\n                        <div class=\"card border-0 h-100 shadow-sm bg-danger\">\n                            <div class=\"card-body text-center text-white p-4\">\n                                <div class=\"mb-3\">\n                                    <i class=\"bi bi-graph-up-arrow display-4\"><\/i>\n                                <\/div>\n                                <h5 class=\"card-title fw-bold\">\u79d1\u5b78\u5206\u6790<\/h5>\n                                <p class=\"card-text small mb-0\">\u57fa\u65bc\u5fc3\u7406\u5b78\u7406\u8ad6<br>\u5c08\u696d\u8a55\u4f30\u5831\u544a<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-4\">\n                        <div class=\"card border-0 h-100 shadow-sm bg-info\">\n                            <div class=\"card-body text-center text-white p-4\">\n                                <div class=\"mb-3\">\n                                    <i class=\"bi bi-lightbulb-fill display-4\"><\/i>\n                                <\/div>\n                                <h5 class=\"card-title fw-bold\">\u6df1\u5ea6\u6d1e\u5bdf<\/h5>\n                                <p class=\"card-text small mb-0\">\u4e86\u89e3\u81ea\u6211\u52d5\u6a5f<br>\u5236\u5b9a\u6210\u529f\u7b56\u7565<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"alert alert-info border-0 shadow-sm mb-5\">\n                    <h5 class=\"alert-heading fw-bold\">\n                        <i class=\"bi bi-info-circle-fill me-2\"><\/i>\n                        \u6e2c\u9a57\u8aaa\u660e\n                    <\/h5>\n                    <p class=\"mb-0 lh-lg\">\n                        \u6210\u529f\u5f80\u5f80\u53ef\u4ee5\u5e36\u4f86\u8ca1\u5bcc\uff0c\u8ffd\u6c42\u6210\u529f\u7684\u617e\u671b\u662f\u5f88\u591a\u4eba\u52aa\u529b\u7684\u52d5\u529b\u3002\u672c\u6e2c\u9a57\u5c07\u8a55\u4f30\u4f60\u5728\u8ffd\u6c42\u6210\u529f\u6642\u7684\u52aa\u529b\u7a0b\u5ea6\u548c\u81ea\u6211\u72a7\u7272\u610f\u9858\uff0c\u5e6b\u52a9\u4f60\u4e86\u89e3\u81ea\u5df1\u7684\u5de5\u4f5c\u614b\u5ea6\u548c\u6210\u529f\u52d5\u6a5f\u5f37\u5ea6\u3002\u8acb\u6839\u64da\u771f\u5be6\u60f3\u6cd5\u56de\u7b54\uff0c\u6c92\u6709\u6a19\u6e96\u7b54\u6848\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"text-center\">\n                    <button type=\"button\" \n                            class=\"btn btn-success btn-lg px-5 py-3 rounded-pill fw-bold shadow-lg\"\n                            data-action=\"start-quiz\">\n                        <i class=\"bi bi-play-circle-fill me-2\"><\/i>\n                        \u5f00\u59cb\u6d4b\u9a8c\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u6e2c\u9a57\u9801 -->\n<section id=\"quiz-page\" class=\"min-vh-100 py-5 d-none\" data-page=\"quiz\">\n    <div class=\"container-fluid px-4\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-lg-8 col-xl-6\">\n                <!-- \u9032\u5ea6\u689d -->\n                <div class=\"mb-4\">\n                    <div class=\"d-flex justify-content-between align-items-center mb-2\">\n                        <h2 class=\"h4 mb-0 text-success fw-bold\">\u6210\u529f\u52d5\u6a5f\u6e2c\u9a57<\/h2>\n                        <span class=\"badge bg-success fs-6 px-3 py-2 rounded-pill\" data-progress-text>\u984c\u76ee 1 \/ 25<\/span>\n                    <\/div>\n                    <div class=\"progress\" style=\"height: 10px;\">\n                        <div class=\"progress-bar bg-success progress-bar-striped progress-bar-animated\" \n                             role=\"progressbar\" \n                             style=\"width: 4%;\"\n                             data-progress-bar><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u984c\u76ee\u5361\u7247 -->\n                <div class=\"card border-0 shadow mb-4\">\n                    <div class=\"card-header bg-white border-0 pt-4\">\n                        <h3 class=\"fw-bold mb-0 text-dark lh-base\" data-question-text>\n                            \u8f09\u5165\u4e2d&#8230;\n                        <\/h3>\n                    <\/div>\n                    <div class=\"card-body p-4\">\n                        <div class=\"d-grid gap-3\" data-options-container>\n                            <!-- \u9078\u9805\u5c07\u52d5\u614b\u8f09\u5165 -->\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u4e0a\u4e00\u984c\u6309\u9215 -->\n                <div class=\"text-center\">\n                    <button type=\"button\" \n                            class=\"btn btn-outline-secondary btn-lg px-4 py-2 rounded-pill d-none\" \n                            data-action=\"prev-question\">\n                        <i class=\"bi bi-arrow-left me-2\"><\/i>\n                        \u4e0a\u4e00\u9898\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u7d50\u679c\u9801 -->\n<section id=\"result-page\" class=\"min-vh-100 py-5 d-none\" data-page=\"result\">\n    <div class=\"container-fluid px-4\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-lg-10 col-xl-8\">\n                <div class=\"text-center mb-5\">\n                    <h2 class=\"display-5 fw-bold text-success mb-3\">\u6e2c\u9a57\u5b8c\u6210\uff01<\/h2>\n                    <p class=\"lead text-secondary\">\u4ee5\u4e0b\u662f\u4f60\u7684\u6210\u529f\u52d5\u6a5f\u5206\u6790\u5831\u544a<\/p>\n                <\/div>\n\n                <!-- \u5206\u6578\u5340\u9593\u986f\u793a -->\n                <div class=\"card border-0 shadow mb-5\">\n                    <div class=\"card-body p-4\">\n                        <h4 class=\"text-success mb-4 text-center fw-bold\">\u4f60\u7684\u52d5\u6a5f\u6c34\u5e73<\/h4>\n                        <div class=\"mb-3\">\n                            <div class=\"d-flex justify-content-between small text-muted mb-2\">\n                                <span>\u4f4e\u52d5\u6a5f<\/span>\n                                <span>\u4e2d\u7b49\u52d5\u6a5f<\/span>\n                                <span>\u9ad8\u52d5\u6a5f<\/span>\n                                <span>\u6975\u9ad8\u52d5\u6a5f<\/span>\n                            <\/div>\n                            <div class=\"progress\" style=\"height: 30px;\">\n                                <div class=\"progress-bar bg-danger\" style=\"width: 20.8%\">\n                                    <small class=\"text-white fw-bold\">25-51<\/small>\n                                <\/div>\n                                <div class=\"progress-bar bg-warning\" style=\"width: 20.8%\">\n                                    <small class=\"text-white fw-bold\">52-77<\/small>\n                                <\/div>\n                                <div class=\"progress-bar bg-info\" style=\"width: 15.2%\">\n                                    <small class=\"text-white fw-bold\">78-96<\/small>\n                                <\/div>\n                                <div class=\"progress-bar bg-success\" style=\"width: 8.8%\">\n                                    <small class=\"text-white fw-bold\">97-107<\/small>\n                                <\/div>\n                                <div class=\"progress-bar bg-primary\" style=\"width: 34.4%\">\n                                    <small class=\"text-white fw-bold\">108+<\/small>\n                                <\/div>\n                            <\/div>\n                            <div class=\"mt-2 position-relative\">\n                                <div class=\"position-absolute\" \n                                     style=\"left: 0%; transform: translateX(-50%);\"\n                                     data-score-indicator>\n                                    <i class=\"bi bi-caret-up-fill text-dark fs-3\"><\/i>\n                                    <div class=\"badge bg-dark text-white position-absolute top-100 start-50 translate-middle-x mt-1\" data-score-category>\n                                        \u4f60\u7684\u4f4d\u7f6e\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u591a\u7dad\u5206\u6790 -->\n                <div class=\"row mb-5\">\n                    <div class=\"col-md-6 mb-4\">\n                        <div class=\"card border-0 shadow h-100\">\n                            <div class=\"card-body p-4\">\n                                <h5 class=\"card-title text-success fw-bold mb-3\">\n                                    <i class=\"bi bi-briefcase-fill me-2\"><\/i>\n                                    \u5de5\u4f5c\u614b\u5ea6\u5206\u6790\n                                <\/h5>\n                                <div data-work-attitude-analysis>\u8f09\u5165\u4e2d&#8230;<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-6 mb-4\">\n                        <div class=\"card border-0 shadow h-100\">\n                            <div class=\"card-body p-4\">\n                                <h5 class=\"card-title text-info fw-bold mb-3\">\n                                    <i class=\"bi bi-clock-fill me-2\"><\/i>\n                                    \u6642\u9593\u7ba1\u7406\u50be\u5411\n                                <\/h5>\n                                <div data-time-management-analysis>\u8f09\u5165\u4e2d&#8230;<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u500b\u6027\u5316\u5efa\u8b70 -->\n                <div class=\"card border-0 shadow mb-5\">\n                    <div class=\"card-body p-4\">\n                        <h4 class=\"fw-bold text-success mb-4\">\n                            <i class=\"bi bi-lightbulb-fill me-2\"><\/i>\n                            \u500b\u6027\u5316\u5efa\u8b70\n                        <\/h4>\n                        <div data-personalized-suggestions>\u8f09\u5165\u4e2d&#8230;<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u8a73\u7d30\u5206\u6790 -->\n                <div class=\"card border-0 shadow mb-5\">\n                    <div class=\"card-body p-4\">\n                        <h4 class=\"fw-bold text-success mb-4\">\u5fc3\u7075\u89e3\u6790<\/h4>\n                        <div class=\"text-dark lh-lg fs-5\" data-result-analysis>\n                            \u5206\u6790\u8f09\u5165\u4e2d&#8230;\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u91cd\u65b0\u6e2c\u8a66\u6309\u9215 -->\n                <div class=\"text-center\">\n                    <button type=\"button\" \n                            class=\"btn btn-success btn-lg px-5 py-3 rounded-pill fw-bold shadow-lg\"\n                            data-action=\"restart-quiz\">\n                        <i class=\"bi bi-arrow-repeat me-2\"><\/i>\n                        \u91cd\u65b0\u6d4b\u9a8c\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    :root {\n        --quiz-primary: #198754;\n        --quiz-secondary: #6c757d;\n        --quiz-success: #198754;\n        --quiz-info: #0dcaf0;\n        --quiz-warning: #ffc107;\n        --quiz-danger: #dc3545;\n        --quiz-dark: #212529;\n        --quiz-light: #f8f9fa;\n        --quiz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    body {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        font-size: 18px;\n        line-height: 1.6;\n        background-color: #ffffff;\n    }\n\n    .btn {\n        transition: var(--quiz-transition);\n        min-height: 44px;\n        min-width: 44px;\n        border-width: 2px;\n    }\n\n    .btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n    }\n\n    .card {\n        transition: var(--quiz-transition);\n        border-radius: 12px;\n    }\n\n    .card:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n    }\n\n    .option-card {\n        border: 3px solid #dee2e6;\n        border-radius: 15px;\n        background: #ffffff;\n        transition: var(--quiz-transition);\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n        margin-bottom: 12px;\n    }\n\n    .option-card:hover {\n        border-color: var(--quiz-success);\n        background: linear-gradient(135deg, #ffffff 0%, rgba(25, 135, 84, 0.08) 100%);\n        transform: translateY(-3px);\n        box-shadow: 0 8px 25px rgba(25, 135, 84, 0.20);\n    }\n\n    .option-card.selected {\n        background: linear-gradient(135deg, var(--quiz-success) 0%, #157347 100%);\n        border-color: var(--quiz-success);\n        color: white;\n        box-shadow: 0 8px 30px rgba(25, 135, 84, 0.4);\n        transform: translateY(-2px);\n    }\n\n    .option-card.selected .option-text {\n        color: white;\n    }\n\n    .option-radio {\n        width: 24px;\n        height: 24px;\n        border: 3px solid #dee2e6;\n        border-radius: 50%;\n        background: #ffffff;\n        position: relative;\n        flex-shrink: 0;\n        transition: var(--quiz-transition);\n    }\n\n    .option-card:hover .option-radio {\n        border-color: var(--quiz-success);\n        box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.1);\n    }\n\n    .option-card.selected .option-radio {\n        background: #ffffff;\n        border-color: #ffffff;\n    }\n\n    .option-card.selected .option-radio::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 12px;\n        height: 12px;\n        background: var(--quiz-success);\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    .option-text {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 1.5;\n        color: #2c3e50;\n        transition: var(--quiz-transition);\n    }\n\n    .progress {\n        border-radius: 50px;\n        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\n    }\n\n    .progress-bar {\n        border-radius: 50px;\n        transition: width 0.6s ease;\n    }\n\n    .min-vh-100 {\n        min-height: 100vh;\n    }\n\n    .badge {\n        font-size: 0.875em;\n    }\n\n    .shadow-lg {\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;\n    }\n\n    @media (max-width: 768px) {\n        body {\n            font-size: 16px;\n        }\n        \n        .display-4 {\n            font-size: 2.5rem;\n        }\n        \n        .option-text {\n            font-size: 17px;\n        }\n    }\n\n    \/* \u52d5\u756b\u6548\u679c *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .card {\n        animation: fadeInUp 0.6s ease-out;\n    }\n\n    \/* \u81ea\u5b9a\u7fa9\u9032\u5ea6\u689d\u984f\u8272 *\/\n    .progress-bar.bg-danger { background-color: #dc3545 !important; }\n    .progress-bar.bg-warning { background-color: #ffc107 !important; }\n    .progress-bar.bg-info { background-color: #0dcaf0 !important; }\n    .progress-bar.bg-success { background-color: #198754 !important; }\n    .progress-bar.bg-primary { background-color: #0d6efd !important; }\n<\/style>\n\n<script>\n    (() => {\n        'use strict';\n\n        \/\/ \u6e2c\u9a57\u984c\u76ee\u6578\u64da\n        const quizQuestions = [\n            \"\u5118\u53ef\u80fd\u6e1b\u5c11\u5de5\u4f5c\u6642\u9593\u3002\",\n            \"\u5f88\u5c11\u628a\u5de5\u4f5c\u5e36\u56de\u5bb6\u3002\", \n            \"\u4f60\u7684\u8077\u4f4d\u53ef\u4ee5\u66f4\u4e0a\u4e00\u5c64\u6a13\uff0c\u4f46\u4f60\u4e0d\u60f3\u6372\u5165\u8077\u4f4d\u7af6\u8cfd\u4e2d\u3002\",\n            \"\u5c0d\u4f60\u800c\u8a00\uff0c\u5de5\u4f5c\u53ea\u662f\u751f\u6d3b\u4e2d\u7684\u6975\u5c0f\u90e8\u5206\u3002\",\n            \"\u8a8d\u70ba\u6210\u5929\u5de5\u4f5c\u7684\u4eba\u4ee4\u4eba\u89ba\u5f97\u4e4f\u5473\uff0c\u4e0d\u628a\u5de5\u4f5c\u770b\u5f97\u592a\u91cd\u7684\u4eba\u5927\u90fd\u6bd4\u8f03\u6709\u8da3\u3002\",\n            \"\u5982\u679c\u6253\u6253\u96f6\u5de5\u5c31\u53ef\u4ee5\u7cca\u53e3\uff0c\u662f\u6700\u597d\u4e0d\u904e\u4e86\u3002\",\n            \"\u4f60\u89ba\u5f97\u4f11\u5047\u5f88\u8f15\u9b06\uff0c\u4f60\u559c\u6b61\u76e1\u60c5\u4eab\u53d7\uff0c\u4ec0\u9ebc\u90fd\u4e0d\u7528\u505a\u3002\",\n            \"\u78b0\u5230\u597d\u5929\u6c23\uff0c\u5076\u723e\u4f60\u6703\u653e\u4e0b\u5de5\u4f5c\uff0c\u5230\u90ca\u5916\u73a9\u73a9\u3002\",\n            \"\u76f8\u4fe1\u61c2\u5f97\u82b1\u9322\u5c31\u53ef\u4ee5\u4e0d\u5fc5\u8f9b\u82e6\u5de5\u4f5c\u3002\",\n            \"\u89ba\u5f97\u300c\u505a\u5f97\u592a\u591a\u53cd\u800c\u4e0d\u597d\u300d\uff0c\u5f88\u591a\u4eba\u6028\u6068\u4f60\uff0c\u56e0\u70ba\u4f60\u591a\u505a\u4e8b\u8b93\u4ed6\u5011\u986f\u5f97\u5dee\u52c1\u3002\",\n            \"\u5982\u679c\u53ef\u80fd\uff0c\u5b8c\u5168\u4e0d\u60f3\u5de5\u4f5c\u3002\",\n            \"\u76f8\u4fe1\u300c\u722c\u5f97\u8d8a\u9ad8\uff0c\u8dcc\u5f97\u8d8a\u91cd\u300d\",\n            \"\u6bcf\u5929\u8981\u505a\u7684\u4e8b\u60c5\u592a\u591a\u4e86\uff0c24\u5c0f\u6642\u4e0d\u5920\u7528\u3002\",\n            \"\u5118\u53ef\u80fd\u6709\u6548\u5730\u628a\u6bcf\u4e00\u5206\u9418\u7528\u5728\u5de5\u4f5c\u4e0a\u3002\",\n            \"\u7d93\u5e38\u5229\u7528\u96f6\u788e\u6642\u9593\u5de5\u4f5c\uff0c\u4f8b\u5982\u7b49\u96fb\u5f71\u958b\u5834\u6642\u8a18\u5e33\u3002\",\n            \"\u628a\u5de5\u4f5c\u4ea4\u7d66\u5225\u4eba\u6642\uff0c\u7e3d\u662f\u64d4\u5fc3\u5225\u4eba\u4e0d\u80fd\u52dd\u4efb\u3002\",\n            \"\u5982\u679c\u71ac\u591c\u6709\u52a9\u65bc\u6e96\u6642\u5b8c\u6210\u5de5\u4f5c\uff0c\u53ef\u4ee5\u5fb9\u591c\u4e0d\u7720\u3002\",\n            \"\u7d93\u5e38\u9031\u672b\u52a0\u73ed\u3002\",\n            \"\u7e3d\u662f\u6709\u4e00\u4e9b\u4e8b\u52d9\u548c\u7d04\u6703\u7b49\u5f85\u8655\u7406\u3002\",\n            \"\u4e00\u523b\u4e0d\u5de5\u4f5c\u5c31\u4ee4\u4f60\u611f\u5230\u7126\u616e\u4e0d\u5b89\u3002\",\n            \"\u4f60\u6bd4\u4efb\u4f55\u540c\u8077\u4f4d\u7684\u4eba\u505a\u66f4\u591a\u5de5\u4f5c\u3002\",\n            \"\u7d93\u5e38\u8a2d\u5b9a\u8d85\u51fa\u80fd\u529b\u6240\u53ca\u7684\u5de5\u4f5c\u3002\",\n            \"\u670b\u53cb\u8aaa\u4f60\u5de5\u4f5c\u592a\u62da\u547d\u4e86\u3002\",\n            \"\u8a8d\u771f\u5de5\u4f5c\u6642\uff0c\u8207\u5de5\u4f5c\u7121\u95dc\u7684\u4e00\u5207\u90fd\u62cb\u5230\u8166\u5f8c\uff0c\u5373\u4f7f\u662f\u91cd\u8981\u7684\u79c1\u4e8b\u3002\",\n            \"\u559c\u6b61\u540c\u6642\u505a\u5f88\u591a\u4efd\u5de5\u4f5c\u3002\"\n        ];\n\n        \/\/ \u4fee\u6539\u5f8c\u7684\u9078\u9805\u6a19\u7c64\uff0c\u4f7f\u7528\u8a73\u7d30\u89e3\u91cb\u8aaa\u660e\n        const optionLabels = [\n            \"\u9019\u5b8c\u5168\u4e0d\u7b26\u5408\u6211\u7684\u60f3\u6cd5\u6216\u884c\u70ba\",\n            \"\u9019\u5927\u90e8\u5206\u4e0d\u7b26\u5408\u6211\u7684\u60c5\u6cc1\",\n            \"\u6211\u5c0d\u6b64\u6c92\u6709\u660e\u78ba\u7684\u50be\u5411\",\n            \"\u9019\u5927\u90e8\u5206\u7b26\u5408\u6211\u7684\u60c5\u6cc1\",\n            \"\u9019\u5b8c\u5168\u7b26\u5408\u6211\u7684\u60f3\u6cd5\u6216\u884c\u70ba\"\n        ];\n\n        \/\/ \u61c9\u7528\u72c0\u614b\n        const state = {\n            currentPage: 'intro',\n            currentQuestion: 0,\n            answers: [],\n            totalScore: 0\n        };\n\n        \/\/ DOM \u5143\u7d20\n        const elements = {\n            introPage: document.querySelector('[data-page=\"intro\"]'),\n            quizPage: document.querySelector('[data-page=\"quiz\"]'),\n            resultPage: document.querySelector('[data-page=\"result\"]'),\n            startBtn: document.querySelector('[data-action=\"start-quiz\"]'),\n            prevBtn: document.querySelector('[data-action=\"prev-question\"]'),\n            restartBtn: document.querySelector('[data-action=\"restart-quiz\"]'),\n            progressBar: document.querySelector('[data-progress-bar]'),\n            progressText: document.querySelector('[data-progress-text]'),\n            questionText: document.querySelector('[data-question-text]'),\n            optionsContainer: document.querySelector('[data-options-container]'),\n            scoreIndicator: document.querySelector('[data-score-indicator]'),\n            scoreCategoryEl: document.querySelector('[data-score-category]'),\n            resultAnalysisEl: document.querySelector('[data-result-analysis]'),\n            workAttitudeEl: document.querySelector('[data-work-attitude-analysis]'),\n            timeManagementEl: document.querySelector('[data-time-management-analysis]'),\n            suggestionsEl: document.querySelector('[data-personalized-suggestions]')\n        };\n\n        \/\/ \u4e8b\u4ef6\u76e3\u807d\u5668\n        function initEventListeners() {\n            elements.startBtn?.addEventListener('click', handleStartQuiz);\n            elements.prevBtn?.addEventListener('click', handlePreviousQuestion);\n            elements.restartBtn?.addEventListener('click', handleRestartQuiz);\n            \n            \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u6258\u8655\u7406\u52d5\u614b\u751f\u6210\u7684\u9078\u9805\n            document.addEventListener('click', function(e) {\n                if (e.target.closest('[data-action=\"start-quiz\"]')) {\n                    e.preventDefault();\n                    handleStartQuiz();\n                } else if (e.target.closest('[data-action=\"prev-question\"]')) {\n                    e.preventDefault();\n                    handlePreviousQuestion();\n                } else if (e.target.closest('[data-action=\"restart-quiz\"]')) {\n                    e.preventDefault();\n                    handleRestartQuiz();\n                } else if (e.target.closest('.option-card')) {\n                    e.preventDefault();\n                    const optionCard = e.target.closest('.option-card');\n                    const value = parseInt(optionCard.dataset.value);\n                    selectOption(value, optionCard);\n                }\n            });\n        }\n\n        function handleStartQuiz() {\n            startQuiz();\n        }\n\n        function handlePreviousQuestion() {\n            previousQuestion();\n        }\n\n        function handleRestartQuiz() {\n            restartQuiz();\n        }\n\n        \/\/ \u958b\u59cb\u6e2c\u9a57\n        function startQuiz() {\n            state.currentPage = 'quiz';\n            state.currentQuestion = 0;\n            state.answers = [];\n            showPage('quiz');\n            loadQuestion();\n            scrollToTop();\n        }\n\n        \/\/ \u986f\u793a\u9801\u9762\n        function showPage(page) {\n            document.querySelectorAll('[data-page]').forEach(el => {\n                el.classList.add('d-none');\n            });\n            const targetPage = document.querySelector(`[data-page=\"${page}\"]`);\n            if (targetPage) {\n                targetPage.classList.remove('d-none');\n            }\n            state.currentPage = page;\n        }\n\n        \/\/ \u8f09\u5165\u984c\u76ee\n        function loadQuestion() {\n            const questionIndex = state.currentQuestion;\n            \n            \/\/ \u66f4\u65b0\u9032\u5ea6\n            updateProgress();\n            \n            \/\/ \u66f4\u65b0\u984c\u76ee\u6587\u5b57\n            if (elements.questionText) {\n                elements.questionText.textContent = `${questionIndex + 1}. ${quizQuestions[questionIndex]}`;\n            }\n            \n            \/\/ \u751f\u6210\u9078\u9805\n            generateOptions();\n            \n            \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u986f\u793a\u72c0\u614b\n            if (elements.prevBtn) {\n                if (questionIndex > 0) {\n                    elements.prevBtn.classList.remove('d-none');\n                } else {\n                    elements.prevBtn.classList.add('d-none');\n                }\n            }\n        }\n\n        \/\/ \u66f4\u65b0\u9032\u5ea6\n        function updateProgress() {\n            const progress = ((state.currentQuestion + 1) \/ quizQuestions.length) * 100;\n            if (elements.progressBar) {\n                elements.progressBar.style.width = `${progress}%`;\n            }\n            if (elements.progressText) {\n                elements.progressText.textContent = `\u984c\u76ee ${state.currentQuestion + 1} \/ ${quizQuestions.length}`;\n            }\n        }\n\n        \/\/ \u751f\u6210\u9078\u9805\n        function generateOptions() {\n            if (!elements.optionsContainer) return;\n            \n            elements.optionsContainer.innerHTML = '';\n            \n            optionLabels.forEach((label, index) => {\n                const optionCard = document.createElement('div');\n                optionCard.className = 'option-card p-4';\n                optionCard.dataset.value = index;\n                optionCard.setAttribute('role', 'radio');\n                optionCard.setAttribute('tabindex', '0');\n                optionCard.setAttribute('aria-checked', 'false');\n                \n                optionCard.innerHTML = `\n                    <div class=\"d-flex align-items-center\">\n                        <div class=\"option-radio me-3\"><\/div>\n                        <div class=\"flex-grow-1\">\n                            <div class=\"option-text\">${label}<\/div>\n                        <\/div>\n                    <\/div>\n                `;\n                \n                \/\/ \u5982\u679c\u5df2\u7d93\u6709\u7b54\u6848\uff0c\u6062\u5fa9\u9078\u4e2d\u72c0\u614b\n                if (state.answers[state.currentQuestion] === index) {\n                    optionCard.classList.add('selected');\n                    optionCard.setAttribute('aria-checked', 'true');\n                }\n                \n                \/\/ \u9375\u76e4\u652f\u6301\n                optionCard.addEventListener('keydown', (e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        selectOption(index, optionCard);\n                    }\n                });\n                \n                elements.optionsContainer.appendChild(optionCard);\n            });\n        }\n\n        \/\/ \u9078\u64c7\u9078\u9805\n        function selectOption(value, cardEl) {\n            \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u9805\u7684\u9078\u4e2d\u72c0\u614b\n            elements.optionsContainer?.querySelectorAll('.option-card').forEach(card => {\n                card.classList.remove('selected');\n                card.setAttribute('aria-checked', 'false');\n            });\n            \n            \/\/ \u6a19\u8a18\u7576\u524d\u9078\u9805\u70ba\u9078\u4e2d\n            cardEl.classList.add('selected');\n            cardEl.setAttribute('aria-checked', 'true');\n            \n            \/\/ \u8a18\u9304\u7b54\u6848\n            state.answers[state.currentQuestion] = value;\n            \n            \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\uff0c\u7d66\u7528\u6236\u8996\u89ba\u53cd\u994b\n            setTimeout(() => {\n                nextQuestion();\n            }, 400);\n        }\n\n        \/\/ \u4e0b\u4e00\u984c\n        function nextQuestion() {\n            if (state.currentQuestion < quizQuestions.length - 1) {\n                state.currentQuestion++;\n                loadQuestion();\n                scrollToTop();\n            } else {\n                \/\/ \u5b8c\u6210\u6e2c\u9a57\n                completeQuiz();\n            }\n        }\n\n        \/\/ \u4e0a\u4e00\u984c\n        function previousQuestion() {\n            if (state.currentQuestion > 0) {\n                state.currentQuestion--;\n                loadQuestion();\n                scrollToTop();\n            }\n        }\n\n        \/\/ \u5b8c\u6210\u6e2c\u9a57\n        function completeQuiz() {\n            calculateScore();\n            showPage('result');\n            displayResults();\n            scrollToTop();\n        }\n\n        \/\/ \u8a08\u7b97\u5206\u6578\n        function calculateScore() {\n            let totalScore = 0;\n            \n            state.answers.forEach((answer, index) => {\n                if (index < 12) {\n                    \/\/ \u7b2c1-12\u984c\uff1a\u53cd\u5411\u8a08\u5206\n                    totalScore += (5 - answer);\n                } else {\n                    \/\/ \u7b2c13-25\u984c\uff1a\u6b63\u5411\u8a08\u5206\n                    totalScore += (answer + 1);\n                }\n            });\n            \n            state.totalScore = totalScore;\n        }\n\n        \/\/ \u986f\u793a\u7d50\u679c\n        function displayResults() {\n            \/\/ \u986f\u793a\u5206\u6578\u4f4d\u7f6e\n            displayScorePosition();\n            \n            \/\/ \u986f\u793a\u5206\u985e\u548c\u5206\u6790\n            const { category, analysis } = getScoreAnalysis(state.totalScore);\n            if (elements.scoreCategoryEl) {\n                elements.scoreCategoryEl.textContent = category;\n            }\n            if (elements.resultAnalysisEl) {\n                elements.resultAnalysisEl.innerHTML = analysis;\n            }\n            \n            \/\/ \u986f\u793a\u591a\u7dad\u5206\u6790\n            displayMultiDimensionalAnalysis();\n            \n            \/\/ \u986f\u793a\u500b\u6027\u5316\u5efa\u8b70\n            displayPersonalizedSuggestions();\n        }\n\n        \/\/ \u986f\u793a\u5206\u6578\u4f4d\u7f6e\n        function displayScorePosition() {\n            if (!elements.scoreIndicator) return;\n            \n            const score = state.totalScore;\n            let position = 0;\n            \n            \/\/ \u8a08\u7b97\u5728\u9032\u5ea6\u689d\u4e2d\u7684\u4f4d\u7f6e\n            if (score <= 51) {\n                position = (score - 25) \/ (51 - 25) * 20.8; \/\/ \u7b2c\u4e00\u6bb5\n            } else if (score <= 77) {\n                position = 20.8 + (score - 52) \/ (77 - 52) * 20.8; \/\/ \u7b2c\u4e8c\u6bb5\n            } else if (score <= 96) {\n                position = 41.6 + (score - 78) \/ (96 - 78) * 15.2; \/\/ \u7b2c\u4e09\u6bb5\n            } else if (score <= 107) {\n                position = 56.8 + (score - 97) \/ (107 - 97) * 8.8; \/\/ \u7b2c\u56db\u6bb5\n            } else {\n                position = 65.6 + Math.min((score - 108) \/ 17, 1) * 34.4; \/\/ \u7b2c\u4e94\u6bb5\uff0c\u6700\u5927125\u5206\n            }\n            \n            position = Math.max(2, Math.min(98, position)); \/\/ \u9650\u5236\u57282%-98%\u4e4b\u9593\n            elements.scoreIndicator.style.left = `${position}%`;\n        }\n\n        \/\/ \u591a\u7dad\u5206\u6790\n        function displayMultiDimensionalAnalysis() {\n            \/\/ \u5de5\u4f5c\u614b\u5ea6\u5206\u6790\n            const workAvoidanceScore = calculateWorkAvoidanceScore();\n            const workCommitmentScore = calculateWorkCommitmentScore();\n            \n            if (elements.workAttitudeEl) {\n                elements.workAttitudeEl.innerHTML = getWorkAttitudeAnalysis(workAvoidanceScore, workCommitmentScore);\n            }\n            \n            if (elements.timeManagementEl) {\n                elements.timeManagementEl.innerHTML = getTimeManagementAnalysis();\n            }\n        }\n\n        \/\/ \u8a08\u7b97\u5de5\u4f5c\u8ff4\u907f\u5206\u6578\n        function calculateWorkAvoidanceScore() {\n            let score = 0;\n            const maxIndex = Math.min(12, state.answers.length);\n            for (let i = 0; i < maxIndex; i++) {\n                if (state.answers[i] !== undefined) {\n                    score += state.answers[i]; \/\/ \u539f\u59cb\u5206\u6578\uff0c\u8d8a\u9ad8\u8d8a\u8ff4\u907f\n                }\n            }\n            return score;\n        }\n\n        \/\/ \u8a08\u7b97\u5de5\u4f5c\u6295\u5165\u5206\u6578\n        function calculateWorkCommitmentScore() {\n            let score = 0;\n            const startIndex = 12;\n            const maxIndex = Math.min(25, state.answers.length);\n            for (let i = startIndex; i < maxIndex; i++) {\n                if (state.answers[i] !== undefined) {\n                    score += state.answers[i]; \/\/ \u539f\u59cb\u5206\u6578\uff0c\u8d8a\u9ad8\u8d8a\u6295\u5165\n                }\n            }\n            return score;\n        }\n\n        \/\/ \u5de5\u4f5c\u614b\u5ea6\u5206\u6790\n        function getWorkAttitudeAnalysis(avoidanceScore, commitmentScore) {\n            if (avoidanceScore > 30) {\n                return `\n                    <div class=\"alert alert-warning border-0\">\n                        <strong>\u5de5\u4f5c\u8ff4\u907f\u50be\u5411\u8f03\u9ad8<\/strong><br>\n                        \u4f60\u53ef\u80fd\u5c0d\u5de5\u4f5c\u6709\u4e00\u5b9a\u7684\u6297\u62d2\u5fc3\u7406\uff0c\u50be\u5411\u65bc\u5c07\u5de5\u4f5c\u8996\u70ba\u8ca0\u64d4\u3002\n                    <\/div>\n                `;\n            } else if (commitmentScore > 35) {\n                return `\n                    <div class=\"alert alert-success border-0\">\n                        <strong>\u5de5\u4f5c\u6295\u5165\u5ea6\u5f88\u9ad8<\/strong><br>\n                        \u4f60\u5c0d\u5de5\u4f5c\u5145\u6eff\u71b1\u5ff1\uff0c\u9858\u610f\u70ba\u6210\u529f\u4ed8\u51fa\u984d\u5916\u52aa\u529b\u3002\n                    <\/div>\n                `;\n            } else {\n                return `\n                    <div class=\"alert alert-info border-0\">\n                        <strong>\u5de5\u4f5c\u614b\u5ea6\u5e73\u8861<\/strong><br>\n                        \u4f60\u5728\u5de5\u4f5c\u8207\u751f\u6d3b\u4e4b\u9593\u4fdd\u6301\u76f8\u5c0d\u5e73\u8861\u7684\u614b\u5ea6\u3002\n                    <\/div>\n                `;\n            }\n        }\n\n        \/\/ \u6642\u9593\u7ba1\u7406\u5206\u6790\n        function getTimeManagementAnalysis() {\n            const timeRelatedAnswers = [\n                state.answers[12], \/\/ 24\u5c0f\u6642\u4e0d\u5920\u7528\n                state.answers[13], \/\/ \u6709\u6548\u5229\u7528\u6642\u9593\n                state.answers[14], \/\/ \u96f6\u788e\u6642\u9593\u5de5\u4f5c\n                state.answers[18]  \/\/ \u4e8b\u52d9\u7d04\u6703\u7b49\u5f85\u8655\u7406\n            ];\n            \n            const timeScore = timeRelatedAnswers.reduce((sum, answer) => {\n                return sum + (answer || 0);\n            }, 0);\n            \n            if (timeScore > 12) {\n                return `\n                    <div class=\"alert alert-danger border-0\">\n                        <strong>\u6642\u9593\u7ba1\u7406\u58d3\u529b\u5927<\/strong><br>\n                        \u4f60\u7d93\u5e38\u611f\u5230\u6642\u9593\u4e0d\u5920\u7528\uff0c\u5efa\u8b70\u5b78\u7fd2\u66f4\u6709\u6548\u7684\u6642\u9593\u7ba1\u7406\u6280\u5de7\u3002\n                    <\/div>\n                `;\n            } else if (timeScore > 8) {\n                return `\n                    <div class=\"alert alert-warning border-0\">\n                        <strong>\u6642\u9593\u5b89\u6392\u7dca\u6e4a<\/strong><br>\n                        \u4f60\u6709\u826f\u597d\u7684\u6642\u9593\u610f\u8b58\uff0c\u4f46\u53ef\u80fd\u9700\u8981\u9069\u7576\u8abf\u6574\u5de5\u4f5c\u7bc0\u594f\u3002\n                    <\/div>\n                `;\n            } else {\n                return `\n                    <div class=\"alert alert-success border-0\">\n                        <strong>\u6642\u9593\u7ba1\u7406\u826f\u597d<\/strong><br>\n                        \u4f60\u80fd\u5920\u8f03\u597d\u5730\u5e73\u8861\u6642\u9593\u5206\u914d\uff0c\u4e0d\u6703\u904e\u5ea6\u58d3\u8feb\u81ea\u5df1\u3002\n                    <\/div>\n                `;\n            }\n        }\n\n        \/\/ \u500b\u6027\u5316\u5efa\u8b70\n        function displayPersonalizedSuggestions() {\n            if (!elements.suggestionsEl) return;\n            \n            const suggestions = generatePersonalizedSuggestions();\n            elements.suggestionsEl.innerHTML = suggestions;\n        }\n\n        \/\/ \u751f\u6210\u500b\u6027\u5316\u5efa\u8b70\n        function generatePersonalizedSuggestions() {\n            const score = state.totalScore;\n            let suggestions = '<div class=\"row g-3\">';\n            \n            if (score < 60) {\n                suggestions += `\n                    <div class=\"col-md-6\">\n                        <div class=\"alert alert-primary border-0\">\n                            <h6 class=\"alert-heading\"><i class=\"bi bi-target me-2\"><\/i>\u8a2d\u5b9a\u660e\u78ba\u76ee\u6a19<\/h6>\n                            <small>\u5236\u5b9a\u5177\u9ad4\u3001\u53ef\u8861\u91cf\u7684\u77ed\u671f\u548c\u9577\u671f\u76ee\u6a19\uff0c\u589e\u5f37\u52d5\u6a5f\u3002<\/small>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-6\">\n                        <div class=\"alert alert-info border-0\">\n                            <h6 class=\"alert-heading\"><i class=\"bi bi-people me-2\"><\/i>\u5c0b\u6c42\u652f\u6301<\/h6>\n                            <small>\u8207mentor\u6216\u540c\u4e8b\u4ea4\u6d41\uff0c\u7372\u5f97\u8077\u696d\u767c\u5c55\u7684\u6307\u5c0e\u3002<\/small>\n                        <\/div>\n                    <\/div>\n                `;\n            } else if (score < 90) {\n                suggestions += `\n                    <div class=\"col-md-6\">\n                        <div class=\"alert alert-success border-0\">\n                            <h6 class=\"alert-heading\"><i class=\"bi bi-graph-up me-2\"><\/i>\u6301\u7e8c\u6210\u9577<\/h6>\n                            <small>\u4fdd\u6301\u73fe\u6709\u7684\u5e73\u8861\u614b\u5ea6\uff0c\u9069\u5ea6\u6311\u6230\u81ea\u5df1\u3002<\/small>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-6\">\n                        <div class=\"alert alert-warning border-0\">\n                            <h6 class=\"alert-heading\"><i class=\"bi bi-calendar-check me-2\"><\/i>\u512a\u5316\u6548\u7387<\/h6>\n                            <small>\u5b78\u7fd2\u6642\u9593\u7ba1\u7406\u6280\u5de7\uff0c\u63d0\u9ad8\u5de5\u4f5c\u6548\u7387\u3002<\/small>\n                        <\/div>\n                    <\/div>\n                `;\n            } else {\n                suggestions += `\n                    <div class=\"col-md-6\">\n                        <div class=\"alert alert-warning border-0\">\n                            <h6 class=\"alert-heading\"><i class=\"bi bi-heart me-2\"><\/i>\u6ce8\u610f\u8eab\u5fc3\u5065\u5eb7<\/h6>\n                            <small>\u907f\u514d\u904e\u5ea6\u5de5\u4f5c\uff0c\u4fdd\u6301\u5de5\u4f5c\u8207\u751f\u6d3b\u7684\u5e73\u8861\u3002<\/small>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-6\">\n                        <div class=\"alert alert-info border-0\">\n                            <h6 class=\"alert-heading\"><i class=\"bi bi-people-fill me-2\"><\/i>\u91cd\u8996\u4eba\u969b\u95dc\u4fc2<\/h6>\n                            <small>\u82b1\u6642\u9593\u7dad\u8b77\u5bb6\u5ead\u548c\u670b\u53cb\u95dc\u4fc2\uff0c\u771f\u6b63\u7684\u6210\u529f\u9700\u8981\u5168\u9762\u767c\u5c55\u3002<\/small>\n                        <\/div>\n                    <\/div>\n                `;\n            }\n            \n            suggestions += '<\/div>';\n            return suggestions;\n        }\n\n        \/\/ \u7372\u53d6\u5206\u6578\u5206\u6790\n        function getScoreAnalysis(score) {\n            if (score >= 25 && score <= 51) {\n                return {\n                    category: \"\u4f4e\u52d5\u6a5f\u578b\",\n                    analysis: `\n                        <p class=\"mb-3\">\u8981\u60f3\u6210\u529f\u6703\u9762\u5c0d\u5169\u96e3\u7684\u56f0\u5883\uff1a\u8981\u6210\u529f\uff0c\u537b\u4e0d\u60f3\u5de5\u4f5c\u3002\u5728\u5de5\u5546\u754c\u88e1\uff0c\u9019\u4e9b\u4eba\u7684\u614b\u5ea6\u88ab\u8996\u70ba\u4e0d\u6b63\u5e38\u3002<\/p>\n                        <p class=\"mb-3\">\u5982\u679c\u4f60\u5f97\u5206\u843d\u5728\u6b64\u7d44\uff0c\u61c9\u8a72\u6c7a\u5b9a\u4f60\u662f\u5426\u9858\u610f\u505a\u4e9b\u8a72\u505a\u7684\u4e8b\u53bb\u9054\u5230\u76ee\u6a19\u3002\u5bb3\u6015\u6210\u529f\u7684\u611f\u89ba\u53ef\u80fd\u6703\u4f7f\u4f60\u9000\u7e2e\uff0c\u5c0d\u672c\u884c\u4e0d\u5920\u719f\u6089\u4e5f\u53ef\u80fd\u4f7f\u4f60\u8208\u8da3\u5e73\u5e73\uff0c\u6c92\u6709\u5b89\u5168\u611f\u3002<\/p>\n                        <p class=\"mb-0\"><strong>\u5efa\u8b70\uff1a<\/strong>\u9664\u975e\u4f60\u514b\u670d\u7f3a\u4e4f\u52d5\u6a5f\u7684\u7f3a\u9ede\uff0c\u5426\u5247\u6210\u529f\u7684\u6a5f\u6703\u5fae\u4e4e\u5176\u5fae\u3002\u5efa\u8b70\u91cd\u65b0\u5be9\u8996\u81ea\u5df1\u7684\u76ee\u6a19\uff0c\u4e26\u5236\u5b9a\u5177\u9ad4\u53ef\u884c\u7684\u884c\u52d5\u8a08\u756b\u3002<\/p>\n                    `\n                };\n            } else if (score >= 52 && score <= 77) {\n                return {\n                    category: \"\u4e2d\u4f4e\u52d5\u6a5f\u578b\",\n                    analysis: `\n                        <p class=\"mb-3\">\u8ffd\u6c42\u6210\u529f\u7684\u52d5\u529b\u7a0d\u9ad8\uff0c\u4f46\u9084\u4e0d\u5230\u53ef\u4ee5\u70ba\u6210\u529f\u800c\u6253\u7b97\u52a0\u500d\u52aa\u529b\u7684\u7a0b\u5ea6\u3002<\/p>\n                        <p class=\"mb-0\"><strong>\u7279\u9ede\uff1a<\/strong>\u5f97\u5206\u4f4e\u8005\u50be\u5411\u65bc\u7b49\u5f85\u6a5f\u6703\uff0c\u9858\u7b49\u5f85\u6210\u529f\u7684\u4f86\u81e8\u3002\u9019\u7a2e\u88ab\u52d5\u7684\u614b\u5ea6\u53ef\u80fd\u6703\u932f\u5931\u8a31\u591a\u767c\u5c55\u6a5f\u6703\u3002<\/p>\n                    `\n                };\n            } else if (score >= 78 && score <= 96) {\n                return {\n                    category: \"\u4e2d\u7b49\u52d5\u6a5f\u578b\",\n                    analysis: `\n                        <p class=\"mb-3\">\u9019\u7a2e\u4eba\u79c9\u6301\u300c\u6709\u591a\u5c11\u505a\u591a\u5c11\u300d\u7684\u54f2\u5b78\uff0c\u4e0d\u6703\u70ba\u6210\u529f\u800c\u52aa\u529b\u904e\u5ea6\uff0c\u4f46\u6703\u5728\u5bb9\u6613\u505a\u5230\u7684\u7bc4\u570d\u5167\u76e1\u91cf\u53bb\u505a\u3002<\/p>\n                        <p class=\"mb-3\">\u5f97\u5206\u4e2d\u7b49\u8005\u662f\u5be6\u7528\u4e3b\u7fa9\u8005\uff0c\u9806\u8457\u5f62\u52e2\u6c7a\u5b9a\u52d5\u6a5f\u5f37\u5f31\u7a0b\u5ea6\u3002<\/p>\n                        <p class=\"mb-0\"><strong>\u5efa\u8b70\uff1a<\/strong>\u5982\u679c\u4f60\u5f97\u5206\u843d\u5728\u9019\u4e00\u7d44\uff0c\u6700\u597d\u60f3\u60f3\u52a0\u5f37\u8ffd\u6c42\u6210\u529f\u7684\u597d\u8655\uff0c\u628a\u63e1\u6a5f\u6703\u7684\u4eba\u3001\u8c41\u9054\u6a02\u89c0\u7684\u4eba\u548c\u5de5\u4f5c\u52aa\u529b\u7684\u4eba\u624d\u662f\u8d0f\u5bb6\u3002<\/p>\n                    `\n                };\n            } else if (score >= 97 && score <= 107) {\n                return {\n                    category: \"\u9ad8\u52d5\u6a5f\u578b\",\n                    analysis: `\n                        <p class=\"mb-3\">\u4f60\u6b63\u8d70\u5728\u6210\u529f\u5927\u9053\u4e0a\uff0c\u4f60\u6703\u5584\u52a0\u5229\u7528\u5c0d\u81ea\u5df1\u6709\u5229\u7684\u5f62\u52e2\uff0c\u4e26\u97ad\u7b56\u81ea\u5df1\u53bb\u5275\u9020\u6a5f\u6703\u3002<\/p>\n                        <p class=\"mb-3\">\u5f97\u5206\u9ad8\u7684\u4eba\u4f01\u5716\u5fc3\u5f37\uff0c\u4e26\u4e14\u6e05\u695a\u81ea\u5df1\u7684\u65b9\u5411\uff0c\u5de5\u4f5c\u614b\u5ea6\u8a8d\u771f\uff0c\u6703\u505a\u9577\u671f\u8a08\u756b\u3002<\/p>\n                        <p class=\"mb-0\"><strong>\u512a\u52e2\uff1a<\/strong>\u4f60\u7684\u81ea\u4fe1\u548c\u7cbe\u529b\u4f86\u81ea\u65bc\u4e0d\u8b8a\u7684\u76ee\u6a19\u548c\u5c0d\u672c\u884c\u696d\u57fa\u672c\u77e5\u8b58\u7684\u6df1\u5165\u77ad\u89e3\u3002<\/p>\n                    `\n                };\n            } else {\n                return {\n                    category: \"\u6975\u9ad8\u52d5\u6a5f\u578b\",\n                    analysis: `\n                        <p class=\"mb-3\">\u4f60\u8981\u5c0f\u5fc3\u4e86\uff0c\u56e0\u70ba\u4f60\u5df2\u7d93\u6210\u70ba\u300c\u5de5\u4f5c\u72c2\u300d\u3002\u7372\u5f97\u6210\u529f\u4e26\u4e0d\u662f\u554f\u984c\uff0c\u56e0\u70ba\u65e9\u6709\u5b9a\u8ad6\u3002<\/p>\n                        <p class=\"mb-3\">\u9019\u7a2e\u4eba\u7684\u554f\u984c\u662f\u8ffd\u6c42\u7684\u6771\u897f\u6c38\u9060\u4e0d\u5acc\u591a\uff0c\u4e26\u4e14\u5f62\u6210\u7fd2\u6163\u3002\u4f60\u8ffd\u6c42\u66f4\u591a\u9322\u3001\u66f4\u591a\u6b0a\u3001\u66f4\u591a\u52e2\u3002<\/p>\n                        <p class=\"mb-0\"><strong>\u8b66\u793a\uff1a<\/strong>\u5982\u679c\u4f60\u5f97\u5206\u843d\u5728\u9019\u4e00\u7d44\uff0c\u5207\u8a18\uff0c\u771f\u6b63\u7684\u6210\u529f\u5728\u65bc\u6eff\u8db3\u4f60\u81ea\u5df1\u662f\u600e\u6a23\u7684\u4e00\u500b\u4eba\u3001\u6eff\u8db3\u4f60\u7684\u4eba\u969b\u95dc\u4fc2\uff0c\u904e\u591a\u7684\u6c92\u6709\u5fc5\u8981\u7684\u6210\u5c31\u4e26\u4e0d\u4ee3\u8868\u5b8c\u5168\u7684\u6210\u529f\u3002<\/p>\n                    `\n                };\n            }\n        }\n\n        \/\/ \u91cd\u65b0\u6e2c\u9a57\n        function restartQuiz() {\n            state.currentQuestion = 0;\n            state.answers = [];\n            state.totalScore = 0;\n            showPage('intro');\n            scrollToTop();\n        }\n\n        \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n        function scrollToTop() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        }\n\n        \/\/ \u521d\u59cb\u5316\u61c9\u7528\n        function init() {\n            \/\/ \u78ba\u4fdd\u5728DOM\u5b8c\u5168\u8f09\u5165\u5f8c\u521d\u59cb\u5316\n            console.log('Quiz initialization started');\n            initEventListeners();\n            \n            \/\/ \u6aa2\u67e5\u5143\u7d20\u662f\u5426\u6b63\u78ba\u8f09\u5165\n            if (!elements.startBtn) {\n                console.error('Start button not found');\n            } else {\n                console.log('Start button found successfully');\n            }\n        }\n\n        \/\/ \u4f7f\u7528\u591a\u7a2e\u65b9\u5f0f\u78ba\u4fdd\u521d\u59cb\u5316\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', init);\n        } else {\n            \/\/ \u5982\u679c\u6587\u6a94\u5df2\u7d93\u8f09\u5165\u5b8c\u6210\uff0c\u7acb\u5373\u521d\u59cb\u5316\n            init();\n        }\n\n        \/\/ \u4f5c\u70ba\u5099\u7528\uff0c\u5728window.load\u4e8b\u4ef6\u4e2d\u518d\u6b21\u521d\u59cb\u5316\n        window.addEventListener('load', function() {\n            if (!elements.startBtn) {\n                console.log('Reinitializing quiz elements');\n                \/\/ \u91cd\u65b0\u7372\u53d6\u5143\u7d20\n                Object.keys(elements).forEach(key => {\n                    const selector = `[data-${key.replace(\/([A-Z])\/g, '-$1').toLowerCase().replace('el', '').replace('btn', 'action').replace('container', 'container').replace('bar', 'bar').replace('text', 'text')}]`;\n                    elements[key] = document.querySelector(selector);\n                });\n                initEventListeners();\n            }\n        });\n\n    })();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u4e0b\u9762\u8fd9\u4e2a\u6210\u529f\u52a8\u673a\u6d4b\u9a8c\u5305\u62ec25\u4e2a\u9648\u8ff0\uff0c\u6bcf\u4e2a\u9648\u8ff0\u90fd\u4e0e\u884c\u4e3a\u548c\u6001\u5ea6\u6709\u5173\uff0c\u4ed4\u7ec6\u9605\u8bfb\u6bcf\u4e2a\u9648\u8ff0\uff0c\u770b\u770b\u80fd\u5426\u53cd\u6620\u81ea\u5df1\u7684\u4e2a\u6027\u6216\u6001\u5ea6\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[167,176],"tags":[],"class_list":["post-2741","post","type-post","status-publish","format-standard","hentry","category-personality","category-career"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2741","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=2741"}],"version-history":[{"count":6,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2741\/revisions"}],"predecessor-version":[{"id":10141,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2741\/revisions\/10141"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}