{"id":2553,"date":"2023-10-20T08:38:56","date_gmt":"2023-10-20T00:38:56","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2553"},"modified":"2025-08-27T20:24:27","modified_gmt":"2025-08-27T12:24:27","slug":"influence-in-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/influence-in-love","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u5728\u604b\u7231\u5173\u7cfb\u91cc\u4f60\u6709\u8bdd\u8bed\u6743\u5417\uff1f"},"content":{"rendered":"<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n<!-- \u5f15\u5c0e\u9801 -->\n<section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz-container py-5\">\n    <div class=\"content-wrapper\">\n        <header class=\"text-center mb-5\">\n            <h2 class=\"display-5 fw-bold mb-3\" style=\"color: #5a8a7e;\">\n                \u6200\u611b\u95dc\u4fc2\u88e1\u4f60\u6709\u8a71\u8a9e\u6b0a\u55ce\uff1f\n            <\/h2>\n            <p class=\"lead\" style=\"color: #7a9d96;\">\u63a2\u7d22\u4f60\u5728\u611f\u60c5\u4e2d\u7684\u4e3b\u5c0e\u5730\u4f4d<\/p>\n        <\/header>\n        \n        <div class=\"row g-4 mb-5\">\n            <div class=\"col-md-6\">\n                <div class=\"card border-0 h-100 intro-card\">\n                    <div class=\"card-body text-center p-4\">\n                        <div class=\"icon-wrapper mb-3\">\n                            <i class=\"bi bi-heart-fill\"><\/i>\n                        <\/div>\n                        <h5 class=\"card-title\" style=\"color: #5a8a7e;\">\u611b\u60c5\u7684\u5e73\u8861<\/h5>\n                        <p class=\"card-text\" style=\"color: #8b9d99;\">\u4e86\u89e3\u4f60\u5728\u611f\u60c5\u4e2d\u7684\u4f4d\u7f6e\uff0c\u627e\u5230\u6700\u9069\u5408\u7684\u76f8\u8655\u6a21\u5f0f<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-6\">\n                <div class=\"card border-0 h-100 intro-card\">\n                    <div class=\"card-body text-center p-4\">\n                        <div class=\"icon-wrapper mb-3\">\n                            <i class=\"bi bi-people-fill\"><\/i>\n                        <\/div>\n                        <h5 class=\"card-title\" style=\"color: #5a8a7e;\">\u52e2\u5747\u529b\u6575<\/h5>\n                        <p class=\"card-text\" style=\"color: #8b9d99;\">\u63a2\u7d22\u611f\u60c5\u4e2d\u7684\u4e3b\u5c0e\u6b0a\u5206\u914d\uff0c\u5efa\u7acb\u5065\u5eb7\u7684\u95dc\u4fc2<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <article class=\"mb-5\">\n            <p class=\"fs-5 lh-lg\" style=\"color: #6a7f7a;\">\u6709\u4eba\u8aaa\uff0c\u611b\u60c5\u5c31\u662f\u52e2\u5747\u529b\u6575\u7684\u8cfd\u5834\uff0c\u53ea\u6709\u9019\u6a23\u7684\u5be6\u529b\u76f8\u7576\uff0c\u624d\u80fd\u7d93\u4e45\u4e0d\u8870\u3002\u611b\u60c5\u6709\u8457\u5f37\u5927\u7684\u9b54\u529b\uff0c\u5bb9\u6613\u8b93\u4eba\u8ff7\u5931\u5176\u4e2d\u3002\u8ac7\u6200\u611b\u7684\u6642\u5019\u9084\u6703\u9762\u81e8\u5404\u7a2e\u5404\u6a23\u7684\u96e3\u984c\u548c\u8003\u9a57\uff0c\u7e3d\u5f97\u6709\u500b\u4eba\u5360\u64da\u4e3b\u5c0e\u3002<\/p>\n            <p class=\"fs-5 lh-lg fw-bold\" style=\"color: #5a8a7e;\">\u800c\u4f60\u6703\u662f\u90a3\u500b\u4eba\u55ce\uff1f\u6200\u611b\u95dc\u4fc2\u88e1\u4f60\u6709\u6c92\u6709\u8a71\u8a9e\u6b0a\uff1f<\/p>\n        <\/article>\n        \n        <div class=\"text-center\">\n            <button class=\"btn-start px-5 py-3\" onclick=\"quizApp9.startQuiz()\">\n                \u5f00\u59cb\u6d4b\u9a8c\n                <i class=\"bi bi-arrow-right-circle ms-2\"><\/i>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u6e2c\u9a57\u9801 -->\n<section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz-container py-5\" style=\"display: none;\">\n    <div class=\"content-wrapper\">\n        <header class=\"text-center mb-4\">\n            <h2 class=\"fs-3 fw-bold\" style=\"color: #5a8a7e;\">\u6200\u611b\u8a71\u8a9e\u6b0a\u6e2c\u9a57<\/h2>\n        <\/header>\n        \n        <div class=\"progress mb-4\" style=\"height: 8px; background-color: #e8f0ed;\">\n            <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 10%;\" \n                 aria-valuenow=\"1\" aria-valuemin=\"0\" aria-valuemax=\"10\"><\/div>\n        <\/div>\n        \n        <div class=\"text-center mb-4\">\n            <span class=\"badge fs-6 px-3 py-2\" style=\"background-color: #e8f0ed; color: #5a8a7e;\">\n                \u95ee\u9898 <span id=\"currentQuestion\">1<\/span> \/ 10\n            <\/span>\n        <\/div>\n        \n        <article class=\"quiz-content\">\n            <h3 id=\"questionText\" class=\"question-title mb-4\"><\/h3>\n            <div id=\"optionsContainer\" class=\"d-grid gap-3\"><\/div>\n        <\/article>\n        \n        <nav class=\"text-center mt-4\">\n            <button id=\"prevButton\" class=\"btn-nav px-4 py-2\" \n                    onclick=\"quizApp9.previousQuestion()\" style=\"display: none;\">\n                <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n            <\/button>\n        <\/nav>\n    <\/div>\n<\/section>\n\n<!-- \u7d50\u679c\u9801 -->\n<section id=\"quizresult9\" data-page=\"result9\" class=\"quiz-container py-5\" style=\"display: none;\">\n    <div class=\"content-wrapper\">\n        <header class=\"text-center mb-5\">\n            <h2 class=\"display-5 fw-bold mb-3\" style=\"color: #5a8a7e;\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n            <p class=\"lead\" style=\"color: #7a9d96;\">\u4f60\u5728\u6200\u611b\u95dc\u4fc2\u4e2d\u7684\u8a71\u8a9e\u6b0a\u5206\u6790<\/p>\n        <\/header>\n        \n        <div class=\"row g-4 mb-4\">\n            <div class=\"col-12\">\n                <div class=\"card border-0 result-card\">\n                    <div class=\"card-body p-4\">\n                        <h4 id=\"resultTitle\" class=\"card-title mb-3\" style=\"color: #5a8a7e;\"><\/h4>\n                        <p id=\"resultDescription\" class=\"card-text lh-lg\" style=\"color: #6a7f7a;\"><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"row g-4 mb-4\">\n            <div class=\"col-md-6\">\n                <div class=\"card border-0 result-card\">\n                    <div class=\"card-body p-4\">\n                        <h5 class=\"card-title mb-3\" style=\"color: #5a8a7e;\">\n                            <i class=\"bi bi-lightbulb me-2\"><\/i>\u500b\u6027\u5316\u5efa\u8b70\n                        <\/h5>\n                        <div id=\"personalAdvice\" class=\"lh-lg\" style=\"color: #6a7f7a;\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-6\">\n                <div class=\"card border-0 result-card\">\n                    <div class=\"card-body p-4 d-flex align-items-center justify-content-center\">\n                        <canvas id=\"resultChart\" style=\"max-width: 280px; max-height: 280px;\"><\/canvas>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"text-center\">\n            <button class=\"btn-start px-5 py-3\" onclick=\"quizApp9.restart()\">\n                <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    #quizintro9, #quizmain9, #quizresult9 {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", sans-serif;\n    }\n    \n    .quiz-container {\n        max-width: 750px;\n        margin: 0 auto;\n        padding: 0 15px;\n    }\n    \n    .content-wrapper {\n        width: 100%;\n    }\n    \n    \/* \u5f15\u5c0e\u9801\u5361\u7247 *\/\n    .intro-card {\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    \n    .intro-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);\n    }\n    \n    .icon-wrapper {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 60px;\n        height: 60px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, #a8d5ba 0%, #7fb69c 100%);\n        color: white;\n        font-size: 24px;\n    }\n    \n    \/* \u6e2c\u9a57\u9801\u984c\u76ee\u6a23\u5f0f *\/\n    .question-title {\n        font-size: 22px;\n        font-weight: bold;\n        color: #5a8a7e;\n    }\n    \n    \/* \u9078\u9805\u5361\u7247 *\/\n    .option-card {\n        border: 2px solid #e0ebe7;\n        background: white;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n        transition: all 0.3s ease;\n        cursor: pointer;\n        position: relative;\n        padding: 15px 20px 15px 60px !important;\n        min-height: 60px;\n        display: flex;\n        align-items: center;\n    }\n    \n    .option-card:hover {\n        border-color: #7fb69c;\n        background: #f5faf8;\n        transform: translateX(5px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    }\n    \n    .option-card.selected {\n        border-color: #7fb69c;\n        background: #e8f5ef;\n    }\n    \n    .option-indicator {\n        position: absolute;\n        left: 20px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 24px;\n        height: 24px;\n        border: 2px solid #7fb69c;\n        border-radius: 50%;\n        background: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        flex-shrink: 0;\n    }\n    \n    .option-card.selected .option-indicator {\n        background: #7fb69c;\n    }\n    \n    .option-card.selected .option-indicator::after {\n        content: \"\u2713\";\n        color: white;\n        font-weight: bold;\n        font-size: 14px;\n    }\n    \n    .option-text {\n        font-size: 18px;\n        color: #4a5f59;\n        margin: 0;\n        width: 100%;\n    }\n    \n    \/* \u6309\u9215\u6a23\u5f0f *\/\n    .btn-start {\n        background: linear-gradient(135deg, #a8d5ba 0%, #7fb69c 100%);\n        border: none;\n        color: white;\n        font-size: 18px;\n        font-weight: 500;\n        border-radius: 30px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(127, 182, 156, 0.3);\n        cursor: pointer;\n        display: inline-block;\n        text-decoration: none;\n    }\n    \n    .btn-start:hover {\n        background: linear-gradient(135deg, #7fb69c 0%, #a8d5ba 100%);\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(127, 182, 156, 0.4);\n    }\n    \n    .btn-nav {\n        background: white;\n        border: 2px solid #7fb69c;\n        color: #7fb69c;\n        font-size: 16px;\n        border-radius: 20px;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n    \n    .btn-nav:hover {\n        background: #7fb69c;\n        color: white;\n    }\n    \n    \/* \u9032\u5ea6\u689d *\/\n    .progress-bar {\n        transition: width 0.5s ease;\n        background: linear-gradient(90deg, #a8d5ba 0%, #7fb69c 100%);\n    }\n    \n    \/* \u7d50\u679c\u5361\u7247 *\/\n    .result-card {\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n    }\n    \n    @media (max-width: 768px) {\n        .question-title {\n            font-size: 20px !important;\n        }\n        \n        .option-text {\n            font-size: 16px !important;\n        }\n        \n        .option-card {\n            padding: 12px 15px 12px 50px !important;\n        }\n        \n        .option-indicator {\n            left: 15px;\n            width: 20px;\n            height: 20px;\n        }\n        \n        #resultChart {\n            max-width: 240px !important;\n            max-height: 240px !important;\n        }\n    }\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n(() => {\n    'use strict';\n    \n    class LoveAuthorityQuiz {\n        constructor() {\n            this.currentQuestionIndex = 1;\n            this.answers = {};\n            this.chartInstance = null;\n            \n            \/\/ \u5feb\u53d6DOM\u5143\u7d20\n            this.intro = document.getElementById('quizintro9');\n            this.main = document.getElementById('quizmain9');\n            this.result = document.getElementById('quizresult9');\n            this.questionText = document.getElementById('questionText');\n            this.optionsContainer = document.getElementById('optionsContainer');\n            this.currentQuestionSpan = document.getElementById('currentQuestion');\n            this.prevButton = document.getElementById('prevButton');\n            this.progressBar = this.main.querySelector('.progress-bar');\n            \n            this.questions = {\n                1: {\n                    text: \"\u4f60\u6703\u5982\u4f55\u6176\u795d\u4f60\u5011\u76f8\u6200\u4e00\u5e74\u7684\u9031\u5e74\u7d00\u5ff5\u65e5\uff1f\",\n                    options: [\n                        { text: \"\u90ca\u904a\u91ce\u9910\", next: 3, trait: \"natural\" },\n                        { text: \"\u901b\u8857\u770b\u96fb\u5f71\", next: 2, trait: \"traditional\" },\n                        { text: \"\u4e92\u9001\u79ae\u7269\", next: 4, trait: \"material\" }\n                    ]\n                },\n                2: {\n                    text: \"\u6200\u611b\u8ac7\u4e45\u4e86\uff0c\u4f60\u89ba\u5f97\u81ea\u5df1\u9084\u6703\u8a18\u5f97\u521d\u6b21\u7d04\u6703\u7684\u5730\u65b9\u55ce\uff1f\",\n                    options: [\n                        { text: \"\u662f\u7684\", next: 4, trait: \"sentimental\" },\n                        { text: \"\u4e0d\u8a18\u5f97\", next: 3, trait: \"practical\" },\n                        { text: \"\u6709\u9ede\u5370\u8c61\", next: 5, trait: \"balanced\" }\n                    ]\n                },\n                3: {\n                    text: \"\u8e0f\u5165\u5de5\u4f5c\u5f8c\uff0c\u4f60\u9084\u5e0c\u671b\u767c\u5c55\u4ee5\u4e0b\u54ea\u9805\u8208\u8da3\uff1f\",\n                    options: [\n                        { text: \"\u821e\u8e48\", next: 4, trait: \"expressive\" },\n                        { text: \"\u7e6a\u756b\", next: 6, trait: \"creative\" },\n                        { text: \"\u97f3\u6a02\", next: 5, trait: \"emotional\" }\n                    ]\n                },\n                4: {\n                    text: \"\u5e73\u65e5\u4f60\u66f4\u559c\u6b61\u770b\u4ee5\u4e0b\u54ea\u7a2e\u985e\u578b\u7684\u66f8\u7c4d\uff1f\",\n                    options: [\n                        { text: \"\u96dc\u8a8c\", next: 5, trait: \"trendy\" },\n                        { text: \"\u5c0f\u8aaa\", next: 7, trait: \"imaginative\" },\n                        { text: \"\u6f2b\u756b\", next: 6, trait: \"playful\" }\n                    ]\n                },\n                5: {\n                    text: \"\u51fa\u904a\u7684\u6642\u5019\uff0c\u4f60\u66f4\u559c\u6b61\u54c1\u5617\u4ee5\u4e0b\u54ea\u985e\u7f8e\u98df\uff1f\",\n                    options: [\n                        { text: \"\u7576\u5730\u7279\u8272\u5c0f\u5403\", next: 7, trait: \"adventurous\" },\n                        { text: \"\u81ea\u5df1\u559c\u6b61\u5403\u7684\", next: 8, trait: \"decisive\" },\n                        { text: \"\u770b\u5fc3\u60c5\", next: 6, trait: \"flexible\" }\n                    ]\n                },\n                6: {\n                    text: \"\u5982\u679c\u7d66\u4f60\u990a\u4e00\u96bb\u8c93\uff0c\u4f60\u6703\u60f3\u990a\u4ee5\u4e0b\u7684\u54ea\u4e00\u7a2e\uff1f\",\n                    options: [\n                        { text: \"\u6ce2\u65af\u8c93\", next: 8, trait: \"elegant\" },\n                        { text: \"\u82f1\u570b\u77ed\u6bdb\u8c93\", next: 7, trait: \"steady\" },\n                        { text: \"\u65e5\u672c\u7530\u5712\u8c93\", next: 9, trait: \"simple\" }\n                    ]\n                },\n                7: {\n                    text: \"\u7576\u60c5\u7dd2\u4f4e\u843d\u6642\uff0c\u4f60\u6703\u9078\u4ee5\u4e0b\u54ea\u7a2e\u65b9\u5f0f\u767c\u6d29\uff1f\",\n                    options: [\n                        { text: \"\u5411\u670b\u53cb\u50be\u8a34\", next: 9, trait: \"social\" },\n                        { text: \"\u4e00\u500b\u4eba\u5446\u8457\", next: 8, trait: \"independent\" },\n                        { text: \"\u770b\u4e00\u5834\u96fb\u5f71\", next: 10, trait: \"escapist\" }\n                    ]\n                },\n                8: {\n                    text: \"\u540c\u6027\u6200\u7684\u670b\u53cb\uff0c\u8868\u793a\u5c0d\u4f60\u6709\u597d\u611f\uff0c\u4f60\u6703\u6709\u4ee5\u4e0b\u54ea\u7a2e\u60f3\u6cd5\uff1f\",\n                    options: [\n                        { text: \"\u99ac\u4e0a\u7d55\u4ea4\", next: 9, trait: \"rigid\" },\n                        { text: \"\u4fdd\u6301\u8ddd\u96e2\", next: 'D', trait: \"cautious\" },\n                        { text: \"\u7406\u89e3\u4f46\u4e0d\u63a5\u53d7\", next: 10, trait: \"tolerant\" }\n                    ]\n                },\n                9: {\n                    text: \"\u7576\u4f60\u8fad\u53bb\u4e00\u4efd\u5de5\u4f5c\u6642\uff0c\u6703\u628a\u4e4b\u524d\u540c\u4e8b\u7684\u5fae\u4fe1\u522a\u9664\u55ce\uff1f\",\n                    options: [\n                        { text: \"\u662f\u7684\", next: 'A', trait: \"decisive\" },\n                        { text: \"\u4e0d\u6703\", next: 10, trait: \"inclusive\" },\n                        { text: \"\u770b\u60c5\u6cc1\", next: 'C', trait: \"strategic\" }\n                    ]\n                },\n                10: {\n                    text: \"\u7576\u6200\u4eba\u6025\u9700\u9322\uff0c\u4f60\u6703\u76e1\u5df1\u6240\u80fd\u53bb\u5e6b\u52a9\u55ce\uff1f\",\n                    options: [\n                        { text: \"\u662f\u7684\", next: 'B', trait: \"selfless\" },\n                        { text: \"\u4e0d\u6703\", next: 'C', trait: \"protective\" },\n                        { text: \"\u770b\u60c5\u6cc1\", next: 'D', trait: \"rational\" }\n                    ]\n                }\n            };\n            \n            this.results = {\n                'A': {\n                    title: \"\u8a71\u8a9e\u6b0a\u8f03\u5f31\u578b\",\n                    description: \"\u6200\u611b\u95dc\u4fc2\u88e1\uff0c\u4f60\u7684\u8a71\u8a9e\u6b0a\u6bd4\u8f03\u8584\u5f31\u3002\u4f60\u662f\u500b\u5bb9\u6613\u53d7\u5230\u5916\u754c\u5f71\u97ff\u548c\u5e72\u64fe\u7684\u4eba\uff0c\u6c92\u6709\u5f88\u5f37\u7684\u539f\u5247\u548c\u7acb\u5834\u3002\u9019\u6a23\u7684\u4f60\uff0c\u5728\u8ac7\u6200\u611b\u7684\u6642\u5019\uff0c\u5bb9\u6613\u6703\u88ab\u611f\u60c5\u77c7\u853d\u96d9\u773c\uff0c\u8001\u662f\u6191\u8457\u4e3b\u89c0\u611f\u60c5\u505a\u6c7a\u5b9a\u3002\u7531\u65bc\u4f60\u6bd4\u8f03\u4f9d\u8cf4\u5c0d\u65b9\uff0c\u7d93\u5e38\u6703\u88ab\u727d\u8457\u9f3b\u5b50\u8d70\u3002\u96d6\u7136\u4f60\u4e5f\u61c2\u5f97\u611f\u60c5\u88e1\u61c9\u4e92\u76f8\u5c0a\u91cd\uff0c\u4f46\u4e8b\u5be6\u4e0a\u4f60\u89ba\u5f97\u8a71\u8a9e\u6b0a\u9019\u6771\u897f\u81ea\u5df1\u6709\u6c92\u6709\u4e26\u4e0d\u91cd\u8981\u3002\",\n                    score: 25,\n                    advice: \"\u5efa\u8b70\u4f60\u5728\u611f\u60c5\u4e2d\u591a\u57f9\u990a\u81ea\u4fe1\u5fc3\uff0c\u5b78\u6703\u8868\u9054\u81ea\u5df1\u7684\u60f3\u6cd5\u548c\u9700\u6c42\u3002\u53ef\u4ee5\u5f9e\u5c0f\u4e8b\u958b\u59cb\u7df4\u7fd2\uff0c\u6bd4\u5982\u9078\u64c7\u7d04\u6703\u5730\u9ede\u6216\u665a\u9910\u83dc\u55ae\u3002\u8a18\u4f4f\uff0c\u5065\u5eb7\u7684\u611f\u60c5\u9700\u8981\u96d9\u65b9\u7684\u8072\u97f3\u90fd\u88ab\u807d\u898b\u3002\"\n                },\n                'B': {\n                    title: \"\u7121\u8a71\u8a9e\u6b0a\u578b\",\n                    description: \"\u6200\u611b\u95dc\u4fc2\u88e1\uff0c\u4f60\u4e26\u6c92\u6709\u8a71\u8a9e\u6b0a\u3002\u4f60\u662f\u500b\u5584\u89e3\u4eba\u610f\u53c8\u5fc3\u5730\u5584\u826f\u7684\u4eba\uff0c\u7d93\u5e38\u7121\u79c1\u5730\u7167\u9867\u5468\u570d\u7684\u4eba\u3002\u9019\u6a23\u7684\u4f60\uff0c\u5728\u8ac7\u6200\u611b\u6642\uff0c\u66f4\u662f\u500b\u8056\u6bcd\u822c\u7121\u79c1\u5949\u737b\u7684\u985e\u578b\uff0c\u4e0d\u7ba1\u5c0d\u65b9\u5c0d\u81ea\u5df1\u600e\u6a23\uff0c\u4f60\u90fd\u6703\u52aa\u529b\u628aTA\u5bf5\u4e0a\u5929\u3002\u8d8a\u662f\u9ad4\u8cbc\uff0c\u8d8a\u662f\u7167\u9867\uff0c\u4f60\u5c31\u8d8a\u5bb9\u6613\u4e1f\u5931\u81ea\u5df1\u7684\u539f\u5247\uff0c\u7fd2\u6163\u4e00\u5473\u8b93\u6b65\u3002\u6240\u4ee5\u4f60\u7684\u8a71\uff0c\u57fa\u672c\u4e0a\u6c92\u6709\u4ec0\u9ebc\u4efd\u91cf\uff0c\u66f4\u5225\u8aaa\u8a71\u8a9e\u6b0a\u3002\",\n                    score: 10,\n                    advice: \"\u4f60\u7684\u5584\u826f\u662f\u73cd\u8cb4\u7684\u54c1\u8cea\uff0c\u4f46\u4e5f\u8981\u5b78\u6703\u611b\u8b77\u81ea\u5df1\u3002\u8a66\u8457\u8a2d\u7acb\u5065\u5eb7\u7684\u754c\u9650\uff0c\u660e\u767d\u4ed8\u51fa\u548c\u63a5\u53d7\u540c\u6a23\u91cd\u8981\u3002\u53ef\u4ee5\u5617\u8a66\u6bcf\u9031\u70ba\u81ea\u5df1\u4fdd\u7559\u4e00\u4e9b\u500b\u4eba\u6642\u9593\uff0c\u57f9\u990a\u81ea\u5df1\u7684\u8208\u8da3\u611b\u597d\uff0c\u9019\u6a23\u80fd\u5e6b\u52a9\u4f60\u5728\u95dc\u4fc2\u4e2d\u627e\u56de\u5e73\u8861\u3002\"\n                },\n                'C': {\n                    title: \"\u638c\u63e1\u8a71\u8a9e\u6b0a\u578b\",\n                    description: \"\u6200\u611b\u95dc\u4fc2\u88e1\uff0c\u57fa\u672c\u4e0a\u8a71\u8a9e\u6b0a\u90fd\u5728\u4f60\u624b\u4e0a\u3002\u4f60\u662f\u500b\u539f\u5247\u6027\u5f88\u5f37\uff0c\u5f88\u6709\u81ea\u6211\u60f3\u6cd5\u7684\u8070\u660e\u4eba\u3002\u800c\u6200\u611b\u6642\uff0c\u4f60\u4e0d\u7ba1\u4f60\u591a\u611b\u5c0d\u65b9\uff0c\u90fd\u4e0d\u6703\u4e00\u5473\u7684\u5fcd\u8b93\uff0c\u66f4\u4e0d\u6703\u6c92\u6709\u7bc0\u5236\u5730\u4ed8\u51fa\uff0c\u9019\u7a2e\u5351\u5fae\u7684\u59ff\u614b\u4e26\u4e0d\u662f\u4f60\u7684\u98a8\u683c\u3002\u5c31\u7b97\u9762\u5c0d\u5fc3\u611b\u7684TA\uff0c\u4f60\u7684\u539f\u5247\u9084\u662f\u4e0d\u6703\u9000\u8b93\uff0c\u4e5f\u4e0d\u6703\u7121\u5e95\u7dda\u5730\u7e31\u5bb9\u5c0d\u65b9\uff0c\u800c\u662f\u6703\u638c\u63a7\u8457\u4e00\u500b\u5ea6\uff0c\u628a\u4e3b\u5c0e\u6b0a\u90fd\u6522\u5728\u624b\u88e1\u3002\",\n                    score: 90,\n                    advice: \"\u4f60\u7684\u7368\u7acb\u548c\u539f\u5247\u6027\u662f\u512a\u52e2\uff0c\u4f46\u4e5f\u8981\u6ce8\u610f\u9069\u5ea6\u59a5\u5354\u7684\u85dd\u8853\u3002\u8a66\u8457\u591a\u50be\u807d\u5c0d\u65b9\u7684\u60f3\u6cd5\uff0c\u5076\u723e\u4e3b\u52d5\u8b93\u6b65\u4e5f\u80fd\u589e\u9032\u611f\u60c5\u3002\u8a18\u4f4f\uff0c\u611b\u60c5\u4e0d\u662f\u6b0a\u529b\u904a\u6232\uff0c\u800c\u662f\u5169\u500b\u4eba\u7684\u5171\u540c\u6210\u9577\u3002\"\n                },\n                'D': {\n                    title: \"\u5e73\u8861\u8a71\u8a9e\u6b0a\u578b\",\n                    description: \"\u6200\u611b\u95dc\u4fc2\u88e1\u4f60\u6709\u8457\u4e00\u5b9a\u7684\u8a71\u8a9e\u6b0a\u3002\u6216\u8a31\u4f60\u662f\u500b\u56fa\u57f7\u7684\u4eba\uff0c\u81ea\u5df1\u8a8d\u5b9a\u7684\u4e8b\u5c31\u6703\u5805\u6301\u5230\u5e95\u3002\u611f\u60c5\u88e1\u4f60\u6709\u8457\u81ea\u5df1\u7684\u539f\u5247\uff0c\u4f60\u4e0d\u6703\u70ba\u611b\u60c5\u653e\u68c4\u81ea\u5df1\u7684\u601d\u8003\u3002\u8ac7\u6200\u611b\u7684\u6642\u5019\uff0c\u9047\u5230\u5206\u6b67\u6216\u662f\u610f\u898b\u4e0d\u540c\u7684\u6642\u5019\uff0c\u4f60\u6703\u8b19\u5351\u5730\u5411\u5c0d\u65b9\u63d0\u51fa\uff0c\u4f46\u4e0d\u6703\u4e00\u5473\u9644\u548c\u5c0d\u65b9\u7684\u60f3\u6cd5\uff0c\u800c\u662f\u66f4\u9858\u610f\u4eab\u53d7\u5f7c\u6b64\u5c0a\u91cd\uff0c\u601d\u60f3\u4e92\u76f8\u78e8\u5408\u7684\u904e\u7a0b\u3002\u4f60\u61c2\u5f97\u8868\u9054\u60f3\u6cd5\uff0c\u800c\u5c0d\u65b9\u4e5f\u5c0a\u91cd\u4f60\u3002\",\n                    score: 65,\n                    advice: \"\u4f60\u5df2\u7d93\u638c\u63e1\u4e86\u5065\u5eb7\u95dc\u4fc2\u7684\u8981\u8a23\uff01\u7e7c\u7e8c\u4fdd\u6301\u9019\u7a2e\u5e73\u8861\uff0c\u540c\u6642\u53ef\u4ee5\u66f4\u6df1\u5165\u5730\u4e86\u89e3\u5c0d\u65b9\u7684\u9700\u6c42\u3002\u5b9a\u671f\u548c\u4f34\u4fb6\u9032\u884c\u6df1\u5ea6\u5c0d\u8a71\uff0c\u5206\u4eab\u5f7c\u6b64\u7684\u611f\u53d7\u548c\u671f\u671b\uff0c\u9019\u6a23\u80fd\u8b93\u4f60\u5011\u7684\u95dc\u4fc2\u66f4\u52a0\u7a69\u56fa\u3002\"\n                }\n            };\n            \n            this.navigationHistory = [];\n            this.selectedTraits = [];\n        }\n        \n        startQuiz() {\n            this.intro.style.display = 'none';\n            this.main.style.display = 'block';\n            this.displayQuestion();\n            this.scrollToTop();\n        }\n        \n        displayQuestion() {\n            const question = this.questions[this.currentQuestionIndex];\n            this.questionText.textContent = question.text;\n            \n            this.optionsContainer.innerHTML = '';\n            question.options.forEach((option, index) => {\n                const optionCard = document.createElement('div');\n                optionCard.className = 'card option-card';\n                optionCard.innerHTML = `\n                    <div class=\"option-indicator\"><\/div>\n                    <div class=\"option-text\">${option.text}<\/div>\n                `;\n                optionCard.addEventListener('click', () => this.selectOption(option, optionCard));\n                this.optionsContainer.appendChild(optionCard);\n            });\n            \n            this.currentQuestionSpan.textContent = this.navigationHistory.length + 1;\n            const progress = ((this.navigationHistory.length + 1) \/ 10) * 100;\n            this.progressBar.style.width = progress + '%';\n            this.progressBar.setAttribute('aria-valuenow', this.navigationHistory.length + 1);\n            \n            this.prevButton.style.display = this.navigationHistory.length > 0 ? 'inline-block' : 'none';\n        }\n        \n        selectOption(option, optionElement) {\n            \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u9805\u7684\u9078\u4e2d\u72c0\u614b\n            this.optionsContainer.querySelectorAll('.option-card').forEach(card => {\n                card.classList.remove('selected');\n            });\n            \n            \/\/ \u6dfb\u52a0\u9078\u4e2d\u72c0\u614b\n            optionElement.classList.add('selected');\n            \n            \/\/ \u8a18\u9304\u7279\u8cea\n            if (option.trait) {\n                this.selectedTraits.push(option.trait);\n            }\n            \n            \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n            setTimeout(() => {\n                this.navigationHistory.push(this.currentQuestionIndex);\n                this.answers[this.currentQuestionIndex] = option;\n                \n                if (typeof option.next === 'string') {\n                    this.showResult(option.next);\n                } else {\n                    this.currentQuestionIndex = option.next;\n                    this.displayQuestion();\n                }\n            }, 300);\n        }\n        \n        previousQuestion() {\n            if (this.navigationHistory.length > 0) {\n                \/\/ \u79fb\u9664\u6700\u5f8c\u4e00\u500b\u7279\u8cea\n                const prevIndex = this.navigationHistory[this.navigationHistory.length - 1];\n                const prevAnswer = this.answers[prevIndex];\n                if (prevAnswer && prevAnswer.trait) {\n                    this.selectedTraits.pop();\n                }\n                \n                this.currentQuestionIndex = this.navigationHistory.pop();\n                delete this.answers[this.currentQuestionIndex];\n                this.displayQuestion();\n            }\n        }\n        \n        generatePersonalAdvice(resultKey) {\n            const traitsAdvice = {\n                'natural': '\u4f60\u559c\u6b61\u89aa\u8fd1\u81ea\u7136\u7684\u6d3b\u52d5\uff0c\u5efa\u8b70\u591a\u5b89\u6392\u6236\u5916\u7d04\u6703\u3002',\n                'traditional': '\u4f60\u504f\u597d\u50b3\u7d71\u7684\u76f8\u8655\u65b9\u5f0f\uff0c\u9019\u5f88\u597d\uff0c\u4f46\u4e5f\u53ef\u4ee5\u5617\u8a66\u65b0\u9bae\u4e8b\u7269\u3002',\n                'material': '\u4f60\u91cd\u8996\u7269\u8cea\u8868\u9054\uff0c\u8a18\u5f97\u60c5\u611f\u4ea4\u6d41\u540c\u6a23\u91cd\u8981\u3002',\n                'sentimental': '\u4f60\u5f88\u91cd\u611f\u60c5\uff0c\u9019\u662f\u512a\u9ede\uff0c\u4f46\u4e5f\u8981\u6d3b\u5728\u7576\u4e0b\u3002',\n                'practical': '\u4f60\u5f88\u52d9\u5be6\uff0c\u4f46\u5076\u723e\u7684\u6d6a\u6f2b\u4e5f\u80fd\u589e\u9032\u611f\u60c5\u3002',\n                'expressive': '\u4f60\u5584\u65bc\u8868\u9054\uff0c\u7e7c\u7e8c\u4fdd\u6301\u958b\u653e\u7684\u6e9d\u901a\u3002',\n                'creative': '\u4f60\u7684\u5275\u9020\u529b\u80fd\u70ba\u611f\u60c5\u5e36\u4f86\u65b0\u610f\u3002',\n                'adventurous': '\u4f60\u7684\u5192\u96aa\u7cbe\u795e\u80fd\u8b93\u611f\u60c5\u4fdd\u6301\u65b0\u9bae\u611f\u3002',\n                'decisive': '\u4f60\u7684\u679c\u65b7\u662f\u512a\u9ede\uff0c\u4f46\u4e5f\u8981\u8003\u616e\u5c0d\u65b9\u611f\u53d7\u3002',\n                'flexible': '\u4f60\u7684\u9748\u6d3b\u6027\u6709\u52a9\u65bc\u5316\u89e3\u885d\u7a81\u3002',\n                'independent': '\u7368\u7acb\u5f88\u597d\uff0c\u4f46\u4e5f\u8981\u5b78\u6703\u4f9d\u9760\u4f34\u4fb6\u3002',\n                'social': '\u4f60\u5584\u65bc\u793e\u4ea4\uff0c\u9019\u80fd\u8c50\u5bcc\u4f60\u5011\u7684\u611f\u60c5\u751f\u6d3b\u3002',\n                'selfless': '\u4f60\u7684\u7121\u79c1\u4ee4\u4eba\u611f\u52d5\uff0c\u4f46\u8a18\u5f97\u7167\u9867\u81ea\u5df1\u3002',\n                'protective': '\u4fdd\u8b77\u81ea\u5df1\u662f\u5c0d\u7684\uff0c\u4f46\u4e5f\u8981\u5b78\u6703\u4fe1\u4efb\u3002',\n                'rational': '\u7406\u6027\u601d\u8003\u5f88\u91cd\u8981\uff0c\u4f46\u5225\u5fd8\u4e86\u611f\u60c5\u7684\u6eab\u5ea6\u3002'\n            };\n            \n            let personalAdvice = '<ul class=\"list-unstyled\">';\n            \n            \/\/ \u6839\u64da\u9078\u64c7\u7684\u7279\u8cea\u7d66\u51fa\u5efa\u8b70\n            const uniqueTraits = [...new Set(this.selectedTraits)];\n            uniqueTraits.slice(0, 3).forEach(trait => {\n                if (traitsAdvice[trait]) {\n                    personalAdvice += `<li class=\"mb-2\"><i class=\"bi bi-check-circle-fill me-2\" style=\"color: #7fb69c;\"><\/i>${traitsAdvice[trait]}<\/li>`;\n                }\n            });\n            \n            personalAdvice += '<\/ul>';\n            return personalAdvice;\n        }\n        \n        showResult(resultKey) {\n            this.main.style.display = 'none';\n            this.result.style.display = 'block';\n            \n            const resultData = this.results[resultKey];\n            document.getElementById('resultTitle').textContent = resultData.title;\n            document.getElementById('resultDescription').textContent = resultData.description;\n            \n            \/\/ \u986f\u793a\u57fa\u672c\u5efa\u8b70\u548c\u500b\u6027\u5316\u5efa\u8b70\n            const personalAdvice = this.generatePersonalAdvice(resultKey);\n            document.getElementById('personalAdvice').innerHTML = \n                `<p class=\"mb-3\">${resultData.advice}<\/p>\n                 <p class=\"fw-bold mb-2\">\u6839\u64da\u4f60\u7684\u9078\u64c7\uff0c\u6211\u5011\u9084\u5efa\u8b70\uff1a<\/p>\n                 ${personalAdvice}`;\n            \n            this.createChart(resultData.score);\n            this.scrollToTop();\n        }\n        \n        createChart(score) {\n            const ctx = document.getElementById('resultChart').getContext('2d');\n            \n            if (this.chartInstance) {\n                this.chartInstance.destroy();\n            }\n            \n            this.chartInstance = new Chart(ctx, {\n                type: 'radar',\n                data: {\n                    labels: ['\u4e3b\u5c0e\u529b', '\u6c7a\u7b56\u529b', '\u8868\u9054\u529b', '\u5805\u6301\u5ea6', '\u7368\u7acb\u6027'],\n                    datasets: [{\n                        label: '\u4f60\u7684\u8a71\u8a9e\u6b0a\u6307\u6578',\n                        data: [\n                            score + Math.random() * 20 - 10,\n                            score + Math.random() * 20 - 10,\n                            score + Math.random() * 20 - 10,\n                            score + Math.random() * 20 - 10,\n                            score + Math.random() * 20 - 10\n                        ].map(v => Math.max(0, Math.min(100, v))),\n                        backgroundColor: 'rgba(127, 182, 156, 0.2)',\n                        borderColor: 'rgba(127, 182, 156, 1)',\n                        borderWidth: 2,\n                        pointBackgroundColor: 'rgba(127, 182, 156, 1)',\n                        pointBorderColor: '#fff',\n                        pointHoverBackgroundColor: '#fff',\n                        pointHoverBorderColor: 'rgba(127, 182, 156, 1)'\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: true,\n                    scales: {\n                        r: {\n                            beginAtZero: true,\n                            max: 100,\n                            ticks: {\n                                stepSize: 20,\n                                font: {\n                                    size: 14\n                                }\n                            },\n                            pointLabels: {\n                                font: {\n                                    size: 18\n                                }\n                            },\n                            grid: {\n                                color: 'rgba(127, 182, 156, 0.1)'\n                            }\n                        }\n                    },\n                    plugins: {\n                        legend: {\n                            display: false\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return context.label + ': ' + Math.round(context.parsed.r) + '%';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        }\n        \n        restart() {\n            this.currentQuestionIndex = 1;\n            this.answers = {};\n            this.navigationHistory = [];\n            this.selectedTraits = [];\n            \n            if (this.chartInstance) {\n                this.chartInstance.destroy();\n                this.chartInstance = null;\n            }\n            \n            this.result.style.display = 'none';\n            this.intro.style.display = 'block';\n            this.scrollToTop();\n        }\n        \n        scrollToTop() {\n            const targetElement = this.intro.style.display !== 'none' ? this.intro :\n                                 this.main.style.display !== 'none' ? this.main : this.result;\n            targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n    }\n    \n    window.quizApp9 = new LoveAuthorityQuiz();\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u8c08\u604b\u7231\u7684\u65f6\u5019\u8fd8\u4f1a\u9762\u4e34\u5404\u79cd\u5404\u6837\u7684\u96be\u9898\u548c\u8003\u9a8c\uff0c\u603b\u5f97\u6709\u4e2a\u4eba\u5360\u636e\u4e3b\u5bfc\u3002\u800c\u4f60\u4f1a\u662f\u90a3\u4e2a\u4eba\u5417\uff1f\u604b\u7231\u5173\u7cfb\u91cc\u4f60\u6709\u6ca1\u6709\u8bdd\u8bed\u6743\uff1f\u8bf7\u4e00\u8d77\u505a\u4e2a\u6d4b\u8bd5\u770b\u770b\u5427\uff01<\/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":[178],"tags":[],"class_list":["post-2553","post","type-post","status-publish","format-standard","hentry","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2553","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=2553"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2553\/revisions"}],"predecessor-version":[{"id":10652,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2553\/revisions\/10652"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}