{"id":2559,"date":"2023-10-20T08:38:54","date_gmt":"2023-10-20T00:38:54","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2559"},"modified":"2025-08-27T10:51:02","modified_gmt":"2025-08-27T02:51:02","slug":"your-ideal-match","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/your-ideal-match","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u600e\u6837\u7684TA\u66f4\u9002\u5408\u4f60\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    <style>\n        :root {\n            --primary-color: #7c9885;\n            --secondary-color: #ddb892;\n            --accent-color: #e8c4a0;\n            --light-bg: #f8f4e6;\n            --text-dark: #4a5d52;\n            --card-shadow: 0 4px 15px rgba(124, 152, 133, 0.15);\n            --hover-shadow: 0 8px 25px rgba(124, 152, 133, 0.25);\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            color: var(--text-dark);\n            font-size: 18px;\n            line-height: 1.6;\n        }\n\n        .quiz-container9 {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n        #quizintro9 .hero-title {\n            font-size: clamp(28px, 5vw, 40px);\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 1rem;\n        }\n\n        #quizintro9 .hero-subtitle {\n            font-size: 20px;\n            color: var(--text-dark);\n            opacity: 0.9;\n        }\n\n        #quizintro9 .feature-card {\n            background: white;\n            border-radius: 20px;\n            padding: 2rem;\n            box-shadow: var(--card-shadow);\n            transition: all 0.3s ease;\n            height: 100%;\n        }\n\n        #quizintro9 .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n        }\n\n        #quizintro9 .feature-icon {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1.5rem;\n            box-shadow: 0 10px 30px rgba(124, 152, 133, 0.3);\n        }\n\n        #quizintro9 .feature-icon i {\n            font-size: 36px;\n            color: white;\n        }\n\n        .start-btn {\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            color: white;\n            border: none;\n            padding: 18px 50px;\n            font-size: 20px;\n            font-weight: 600;\n            border-radius: 50px;\n            box-shadow: 0 10px 30px rgba(124, 152, 133, 0.3);\n            transition: all 0.3s ease;\n            min-width: 200px;\n        }\n\n        .start-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(124, 152, 133, 0.4);\n            background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));\n        }\n\n        \/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n        #quizmain9 .progress-container {\n            margin-bottom: 2rem;\n        }\n\n        #quizmain9 .progress {\n            height: 8px;\n            border-radius: 10px;\n            background-color: rgba(124, 152, 133, 0.1);\n            overflow: visible;\n        }\n\n        #quizmain9 .progress-bar {\n            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n            border-radius: 10px;\n            transition: width 0.5s ease;\n            position: relative;\n        }\n\n        #quizmain9 .progress-text {\n            font-size: 16px;\n            color: var(--primary-color);\n            font-weight: 600;\n            margin-top: 0.5rem;\n        }\n\n        #quizmain9 .question-title {\n            font-size: 22px;\n            font-weight: bold;\n            color: var(--text-dark);\n            margin-bottom: 2rem;\n            line-height: 1.5;\n        }\n\n        #quizmain9 .option-card {\n            background: white;\n            border: 2px solid transparent;\n            border-radius: 15px;\n            padding: 1.25rem;\n            margin-bottom: 1rem;\n            box-shadow: var(--card-shadow);\n            transition: all 0.3s ease;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            min-height: 70px;\n        }\n\n        #quizmain9 .option-card:hover {\n            border-color: var(--primary-color);\n            transform: translateX(5px);\n            box-shadow: var(--hover-shadow);\n        }\n\n        #quizmain9 .option-card.selected {\n            background: linear-gradient(135deg, rgba(124, 152, 133, 0.1), rgba(221, 184, 146, 0.1));\n            border-color: var(--primary-color);\n        }\n\n        #quizmain9 .option-indicator {\n            width: 28px;\n            height: 28px;\n            border: 2px solid var(--primary-color);\n            border-radius: 50%;\n            margin-right: 1rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n\n        #quizmain9 .option-card.selected .option-indicator {\n            background: var(--primary-color);\n        }\n\n        #quizmain9 .option-card.selected .option-indicator::after {\n            content: '\u2713';\n            color: white;\n            font-size: 16px;\n        }\n\n        #quizmain9 .option-text {\n            font-size: 18px;\n            color: var(--text-dark);\n            flex: 1;\n        }\n\n        #quizmain9 .btn-prev {\n            background: transparent;\n            color: var(--primary-color);\n            border: 2px solid var(--primary-color);\n            padding: 12px 30px;\n            font-size: 16px;\n            border-radius: 50px;\n            transition: all 0.3s ease;\n            margin-top: 1rem;\n        }\n\n        #quizmain9 .btn-prev:hover {\n            background: var(--primary-color);\n            color: white;\n        }\n\n        \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n        #quizresult9 .result-title {\n            font-size: clamp(24px, 4vw, 32px);\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 2rem;\n        }\n\n        #quizresult9 .result-card {\n            background: white;\n            border-radius: 20px;\n            padding: 2rem;\n            box-shadow: var(--card-shadow);\n            margin-bottom: 2rem;\n        }\n\n        #quizresult9 .chart-container {\n            max-width: 500px;\n            margin: 0 auto 2rem;\n        }\n\n        #quizresult9 .result-type {\n            font-size: 24px;\n            color: var(--primary-color);\n            font-weight: 600;\n            margin-bottom: 1rem;\n        }\n\n        #quizresult9 .result-description {\n            font-size: 18px;\n            color: var(--text-dark);\n            line-height: 1.8;\n        }\n\n        #quizresult9 .retry-btn {\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            color: white;\n            border: none;\n            padding: 15px 40px;\n            font-size: 18px;\n            font-weight: 600;\n            border-radius: 50px;\n            box-shadow: 0 10px 30px rgba(124, 152, 133, 0.3);\n            transition: all 0.3s ease;\n        }\n\n        #quizresult9 .retry-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(124, 152, 133, 0.4);\n            background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));\n        }\n\n        \/* \u52d5\u756b\u6548\u679c *\/\n        .fade-in {\n            animation: fadeIn 0.5s ease-in;\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n        @media (max-width: 576px) {\n            #quizintro9 .feature-card {\n                margin-bottom: 1rem;\n            }\n            \n            #quizmain9 .option-card {\n                padding: 1rem;\n            }\n            \n            #quizresult9 .chart-container {\n                max-width: 100%;\n            }\n        }\n    <\/style>\n    <!-- \u5f15\u5c0e\u9801 -->\n    <section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz-container9\">\n        <div class=\"text-center mb-5\">\n            <h2 class=\"hero-title fw-bold\">\u60f3\u5ac1\u7ed9\u7231\u60c5\uff0c\u600e\u6837\u7684TA\u66f4\u9002\u5408\u4f60\uff1f<\/h2>\n            <p class=\"hero-subtitle\">\u63a2\u7d22\u4f60\u7684\u611b\u60c5\u5bc6\u78bc\uff0c\u627e\u5230\u6700\u5951\u5408\u7684\u9748\u9b42\u4f34\u4fb6<\/p>\n        <\/div>\n\n        <div class=\"row g-4 mb-5\">\n            <div class=\"col-md-4\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-heart-pulse-fill\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-center mb-3\">\u6df1\u5ea6\u5256\u6790<\/h4>\n                    <p class=\"text-center\">\u900f\u904e\u79d1\u5b78\u7684\u5fc3\u7406\u6e2c\u9a57\uff0c\u6df1\u5165\u4e86\u89e3\u4f60\u7684\u60c5\u611f\u9700\u6c42\u8207\u6200\u611b\u6a21\u5f0f<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-4\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-people-fill\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-center mb-3\">\u7cbe\u51c6\u5339\u914d<\/h4>\n                    <p class=\"text-center\">\u627e\u51fa\u6700\u9069\u5408\u4f60\u7684\u4f34\u4fb6\u985e\u578b\uff0c\u8b93\u611b\u60c5\u4e0d\u518d\u8ff7\u832b<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-4\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-stars\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-center mb-3\">\u5c08\u696d\u5efa\u8b70<\/h4>\n                    <p class=\"text-center\">\u7372\u5f97\u500b\u6027\u5316\u7684\u6200\u611b\u6307\u5c0e\uff0c\u52a9\u4f60\u6536\u7a6b\u7f8e\u6eff\u611b\u60c5<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"text-center\">\n            <p class=\"mb-4 fs-5\">\u73fe\u4ee3\u4eba\u9762\u81e8\u5404\u7a2e\u611f\u60c5\u9078\u64c7\uff0c\u6709\u4eba\u5ac1\u7d66\u5e74\u9f61\uff0c\u6709\u4eba\u5ac1\u7d66\u751f\u6d3b\uff0c\u6709\u4eba\u5ac1\u7d66\u91d1\u9322&#8230;&#8230;<br>\n            \u800c\u4f60\uff0c\u503c\u5f97\u5ac1\u7d66\u6700\u9069\u5408\u7684\u611b\u60c5\u3002\u8b93\u6211\u5011\u4e00\u8d77\u63a2\u7d22\uff0c\u4ec0\u9ebc\u6a23\u7684TA\u624d\u662f\u4f60\u7684\u771f\u547d\u5929\u5b50\/\u5929\u5973\uff01<\/p>\n            <button class=\"btn start-btn\" onclick=\"quizApp9.startQuiz()\">\n                \u5f00\u59cb\u6d4b\u9a8c <i class=\"bi bi-arrow-right-circle ms-2\"><\/i>\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <!-- \u6e2c\u9a57\u9801 -->\n    <section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz-container9\" style=\"display: none;\">\n        <h2 class=\"text-center mb-4\">\u611b\u60c5\u5951\u5408\u5ea6\u6e2c\u9a57<\/h2>\n        \n        <div class=\"progress-container\">\n            <div class=\"progress\">\n                <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 0%\"><\/div>\n            <\/div>\n            <div class=\"progress-text text-center\">\u95ee\u9898 <span id=\"current-question\">1<\/span> \/ 10<\/div>\n        <\/div>\n\n        <div id=\"question-container\">\n            <h3 class=\"question-title\"><\/h3>\n            <div id=\"options-container\"><\/div>\n        <\/div>\n\n        <div class=\"text-center mt-4\">\n            <button class=\"btn btn-prev\" id=\"btn-prev\" onclick=\"quizApp9.previousQuestion()\" style=\"display: none;\">\n                <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <!-- \u7d50\u679c\u9801 -->\n    <section id=\"quizresult9\" data-page=\"result9\" class=\"quiz-container9\" style=\"display: none;\">\n        <h2 class=\"result-title text-center fw-bold\">\u4f60\u7684\u611b\u60c5\u6e2c\u9a57\u7d50\u679c<\/h2>\n        \n        <div class=\"result-card\">\n            <div class=\"chart-container\">\n                <canvas id=\"resultChart\"><\/canvas>\n            <\/div>\n            \n            <div class=\"text-center mb-4\">\n                <div class=\"result-type\" id=\"result-type\"><\/div>\n            <\/div>\n            \n            <div class=\"result-description\" id=\"result-description\"><\/div>\n        <\/div>\n\n        <div class=\"text-center\">\n            <button class=\"btn retry-btn\" onclick=\"quizApp9.resetQuiz()\">\n                <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n    <script>\n        (function() {\n            'use strict';\n\n            class LoveQuiz {\n                constructor() {\n                    this.currentQuestion = 0;\n                    this.answers = {};\n                    this.chartInstance = null;\n                    \n                    \/\/ \u554f\u984c\u6578\u64da\n                    this.questions = [\n                        {\n                            id: 1,\n                            text: \"\u9031\u672b\u653e\u5047\uff0c\u4f60\u901a\u5e38\u6703\u505a\u4ec0\u9ebc\uff1f\",\n                            options: [\n                                { text: \"\u5b85\u5728\u5bb6\u88e1\u4f11\u606f\", next: 2 },\n                                { text: \"\u81ea\u5df1\u53bb\u5065\u8eab\u6216\u904b\u52d5\", next: 4 },\n                                { text: \"\u7d04\u597d\u53cb\u901b\u8857\u4e0b\u5348\u8336\", next: 3 }\n                            ]\n                        },\n                        {\n                            id: 2,\n                            text: \"\u4f60\u89ba\u5f97\u4ee5\u4e0b\u7684\u8077\u696d\u4e2d\uff0c\u54ea\u500b\u66f4\u9069\u5408\u81ea\u5df1\uff1f\",\n                            options: [\n                                { text: \"\u516c\u8077\u985e\", next: 5 },\n                                { text: \"\u6280\u8853\u985e\", next: 3 },\n                                { text: \"\u8868\u6f14\u985e\", next: 6 }\n                            ]\n                        },\n                        {\n                            id: 3,\n                            text: \"\u5982\u679c\u6200\u611b\u6642\uff0c\u8ddf\u5c0d\u65b9\u51fa\u73fe\u610f\u898b\u5206\u6b67\uff0c\u4f60\u89ba\u5f97\u81ea\u5df1\u6703\u600e\u6a23\u8655\u7406\uff1f\",\n                            options: [\n                                { text: \"\u56fa\u57f7\u5730\u5805\u6301\u7684\u610f\u898b\", next: 4 },\n                                { text: \"\u6703\u807d\u5b8c\u5c0d\u65b9\u7684\u60f3\u6cd5\", next: 5 },\n                                { text: \"\u4e0d\u77e5\u9053\uff0c\u770b\u60c5\u6cc1\u5427\", next: 6 }\n                            ]\n                        },\n                        {\n                            id: 4,\n                            text: \"\u4f60\u89ba\u5f97\u6200\u611b\u4e2d\uff0c\u4ee5\u4e0b\u54ea\u7a2e\u72c0\u614b\u6642\u4f60\u6240\u56ae\u5f80\u7684\uff1f\",\n                            options: [\n                                { text: \"\u5982\u81a0\u4f3c\u6f06\", next: 7 },\n                                { text: \"\u76f8\u656c\u5982\u8cd3\", next: 5 },\n                                { text: \"\u5f7c\u6b64\u7368\u7acb\", next: 6 }\n                            ]\n                        },\n                        {\n                            id: 5,\n                            text: \"\u8ddf\u5bb6\u4eba\u6216\u662f\u670b\u53cb\u62cd\u5408\u7167\u6642\uff0c\u4f60\u901a\u5e38\u6703\u7ad9\u4ee5\u4e0b\u54ea\u500b\u4f4d\u7f6e\uff1f\",\n                            options: [\n                                { text: \"\u4e2d\u9593\", next: 6 },\n                                { text: \"\u5169\u5074\", next: 8 },\n                                { text: \"\u6700\u5f8c\u9762\", next: 7 }\n                            ]\n                        },\n                        {\n                            id: 6,\n                            text: \"\u5982\u679c\u8857\u4e0a\u9047\u5230\u8b93\u4f60\u6026\u7136\u5fc3\u52d5\u7684\u5c0d\u8c61\uff0c\u4f60\u6703\u600e\u9ebc\u8fa6\uff1f\",\n                            options: [\n                                { text: \"\u5047\u88dd\u4e0d\u7d93\u610f\u5730\u9760\u8fd1\u89c0\u5bdf\u5c0d\u65b9\", next: 8 },\n                                { text: \"\u8acb\u6c42\u670b\u53cb\u5e6b\u5fd9\u62ff\u806f\u7e6b\u65b9\u5f0f\", next: 7 },\n                                { text: \"\u81ea\u5df1\u4e3b\u52d5\u904e\u53bb\u642d\u8a15\", next: 9 }\n                            ]\n                        },\n                        {\n                            id: 7,\n                            text: \"\u5047\u5982\u4f60\u548c\u670b\u53cb\u901b\u8857\uff0c\u6709\u7570\u6027\u4f86\u627e\u4f60\u8981\u670b\u53cb\u7684\u806f\u7e6b\u65b9\u5f0f\uff0c\u4f60\u6703\u600e\u9ebc\u505a\uff1f\",\n                            options: [\n                                { text: \"\u8b93TA\u627e\u670b\u53cb\u8981\", next: 8 },\n                                { text: \"\u7b54\u61c9\u7d66TA\", next: 9 },\n                                { text: \"\u62d2\u7d55\", next: 10 }\n                            ]\n                        },\n                        {\n                            id: 8,\n                            text: \"\u7576\u4f60\u9047\u5230\u71b1\u70c8\u7684\u8ffd\u6c42\u6642\uff0c\u901a\u5e38\u6703\u6709\u4ee5\u4e0b\u54ea\u7a2e\u8868\u73fe\uff1f\",\n                            options: [\n                                { text: \"\u5167\u5fc3\u6f8e\u6e43\uff0c\u5047\u88dd\u51b7\u975c\", result: 'C' },\n                                { text: \"\u627e\u670b\u53cb\u8aee\u8a62\u4e0b\u610f\u898b\", result: 'A' },\n                                { text: \"\u59d4\u5a49\u5730\u62d2\u7d55\", result: 'B' }\n                            ]\n                        },\n                        {\n                            id: 9,\n                            text: \"\u8ac7\u6200\u611b\u7684\u8a71\uff0c\u4f60\u66f4\u5e0c\u671b\u5f97\u5230\u600e\u6a23\u7684\u95dc\u6ce8\uff1f\",\n                            options: [\n                                { text: \"\u8a18\u4f4f\u91cd\u8981\u7bc0\u65e5\uff0c\u4e26\u7cbe\u5fc3\u6e96\u5099\u79ae\u7269\", result: 'D' },\n                                { text: \"\u4e3b\u52d5\u904e\u4f86\u7d66\u81ea\u5df1\u5653\u5bd2\u554f\u6696\", next: 10 },\n                                { text: \"\u5169\u4eba\u7684\u611b\u60c5\u662f\u7368\u7acb\u4e14\u5e73\u7b49\u7684\", result: 'C' }\n                            ]\n                        },\n                        {\n                            id: 10,\n                            text: \"\u5982\u679c\u4f60\u4e00\u76f4\u55ae\u8eab\uff0c\u4f60\u89ba\u5f97\u662f\u4ec0\u9ebc\u539f\u56e0\u6240\u81f4\u5462\uff1f\",\n                            options: [\n                                { text: \"\u7de3\u5206\u672a\u5230\", result: 'A' },\n                                { text: \"\u904e\u53bb\u7684\u820a\u60c5\u653e\u4e0d\u4e0b\", result: 'D' },\n                                { text: \"\u773c\u9ad8\u624b\u4f4e\", result: 'B' }\n                            ]\n                        }\n                    ];\n\n                    this.results = {\n                        'A': {\n                            type: '\u5e7d\u9ed8\u98a8\u8da3\u578b',\n                            description: '\u4f60\u60f3\u8981\u7684\u5a5a\u59fb\u751f\u6d3b\uff0c\u4e26\u4e0d\u662f\u53ea\u6709\u67f4\u7c73\u6cb9\u9e7d\uff0c\u4f60\u66f4\u6e34\u671b\u7684\u662f\u64c1\u6709\u5e78\u798f\u5feb\u6a02\u7684\u4eba\u751f\u3002\u4f60\u672c\u4f86\u5c31\u4e0d\u5c6c\u65bc\u90a3\u7a2e\u5c0d\u751f\u6d3b\u6709\u8457\u5f88\u9ad8\u8ffd\u6c42\u7684\u4eba\uff0c\u76f8\u6bd4\u8d77\u9322\u8ca1\u65b9\u9762\u7684\u4eab\u53d7\uff0c\u4f60\u66f4\u5728\u610f\u81ea\u5df1\u904e\u5f97\u662f\u5426\u958b\u5fc3\u3002\u6240\u4ee5\uff0c\u5c0d\u6bd4\u6709\u9322\u6709\u5730\u4f4d\u7684\u4eba\uff0c\u5e7d\u9ed8\u98a8\u8da3\u7684\u5c0d\u8c61\uff0c\u66f4\u5bb9\u6613\u535a\u5f97\u4f60\u7684\u6b61\u5fc3\u3002\u800c\u4e14\u9019\u7a2e\u985e\u578b\u7684\u4eba\uff0c\u624d\u80fd\u8b93\u4f60\u5a5a\u5f8c\u7684\u751f\u6d3b\u82e6\u4e2d\u4f5c\u6a02\uff0c\u53ef\u4ee5\u5de6\u624b\u5e78\u798f\u53f3\u624b\u611b\u60c5\u3002',\n                            scores: { \n                                humor: 90, \n                                wisdom: 60, \n                                loyalty: 70, \n                                maturity: 50,\n                                romance: 85\n                            }\n                        },\n                        'B': {\n                            type: '\u5bcc\u6709\u667a\u6167\u578b',\n                            description: '\u60f3\u8981\u5ac1\u7d66\u611b\u60c5\uff0c\u4f60\u66f4\u9069\u5408\u9078\u64c7\u5bcc\u6709\u667a\u6167\u985e\u578b\u7684\u5c0d\u8c61\u3002\u56e0\u70ba\u4f60\u672c\u4f86\u5c0d\u751f\u6d3b\u5c31\u975e\u5e38\u56b4\u8b39\uff0c\u4e0d\u7ba1\u5c0d\u5de5\u4f5c\u9084\u662f\u5c0d\u81ea\u5df1\uff0c\u8981\u6c42\u5411\u4f86\u5c31\u9ad8\u3002\u9019\u6a23\u7684\u4f60\uff0c\u66f4\u9069\u5408\u5ac1\u7d66\u9ad8\u667a\u5546\u7684\u667a\u6167\u4eba\u58eb\u3002\u9019\u985e\u578b\u7684\u5c0d\u8c61\u64c1\u6709\u8457\u5ee3\u95ca\u7684\u8996\u91ce\uff0c\u5c0d\u5f85\u751f\u6d3b\u7684\u614b\u5ea6\u80af\u5b9a\u4e5f\u4e0d\u6703\u542b\u7cca\uff0c\u800c\u4e14\u5584\u65bc\u7ba1\u7406\u81ea\u5df1\u3002\u5ac1\u7d66\u9019\u6a23\u7684TA\uff0c\u4f60\u624d\u6703\u89ba\u5f97\u81ea\u5df1\u5a5a\u5f8c\u7684\u751f\u6d3b\u80fd\u8b8a\u5f97\u66f4\u597d\uff0c\u662f\u5ac1\u7d66\u4e86\u611b\u60c5\u7684\u5e78\u798f\u611f\u3002',\n                            scores: { \n                                humor: 50, \n                                wisdom: 95, \n                                loyalty: 75, \n                                maturity: 80,\n                                romance: 65\n                            }\n                        },\n                        'C': {\n                            type: '\u5c08\u4e00\u6df1\u60c5\u578b',\n                            description: '\u4f60\u61a7\u61ac\u7684\u662f\u8e0f\u5be6\u7a69\u5b9a\u7684\u611b\u60c5\uff0c\u6240\u4ee5\u53ea\u6709\u5c0d\u611f\u60c5\u5c08\u4e00\u7684TA\uff0c\u624d\u80fd\u7d66\u4f60\u60f3\u8981\u7684\u5a5a\u59fb\u751f\u6d3b\u3002\u9019\u6a23\u7684\u4eba\u8db3\u5920\u6df1\u60c5\uff0c\u80fd\u7d66\u5230\u4f60\u7a69\u7a69\u7684\u5b89\u5168\u611f\u3002\u800c\u57fa\u65bc\u9019\u6a23\u7684\u611b\u60c5\u57fa\u790e\uff0c\u4f60\u624d\u6703\u770b\u5f97\u5230\u81ea\u5df1\u672a\u4f86\u5e78\u798f\u7684\u6a23\u5b50\u3002\u56e0\u70ba\u9019\u7a2e\u985e\u578b\u7684\u4eba\uff0c\u4e0d\u6703\u671d\u4e09\u66ae\u56db\uff0c\u80fd\u5920\u4e00\u5fc3\u4e00\u610f\u5730\u5f85\u4f60\uff0c\u8b93\u4f60\u7684\u5fc3\u66f4\u8e0f\u5be6\uff0c\u53ef\u4ee5\u597d\u597d\u4eab\u53d7\u751f\u6d3b\u548c\u611b\u60c5\u3002',\n                            scores: { \n                                humor: 60, \n                                wisdom: 70, \n                                loyalty: 95, \n                                maturity: 75,\n                                romance: 90\n                            }\n                        },\n                        'D': {\n                            type: '\u6210\u719f\u7a69\u91cd\u578b',\n                            description: '\u5c31\u50cf\u5973\u5b69\u5b50\u5011\u504f\u611b\u5927\u53d4\u985e\u578b\u4e00\u6a23\uff0c\u4f60\u4e5f\u975e\u5e38\u559c\u6b61\u6210\u719f\u7a69\u91cd\u578b\u7684\u5c0d\u8c61\u3002\u56e0\u70ba\u9019\u985e\u578b\u7684\u4eba\u901a\u5e38\u95b1\u6b77\u6bd4\u8f03\u8c50\u5bcc\uff0c\u6709\u8457\u6bd4\u540c\u9f61\u4eba\u66f4\u539a\u5be6\u7684\u7d93\u6fdf\u57fa\u790e\uff0c\u60f3\u6cd5\u66f4\u52a0\u6210\u719f\uff0c\u800c\u4e14\u5bcc\u6709\u8cac\u4efb\u611f\u3002\u5c0d\u65bc\u4f60\u4f86\u8aaa\uff0c\u9019\u985e\u578b\u7684\u5c0d\u8c61\uff0c\u6b63\u662f\u4f60\u5fc3\u88e1\u9762\u4e00\u76f4\u6e34\u671b\u8ffd\u5c0b\u7684\uff0c\u56e0\u70ba\u9019\u6a23\u7684TA\u624d\u80fd\u6210\u70ba\u81ea\u5df1\u751f\u6d3b\u7684\u529b\u91cf\uff0c\u7d66\u4f60\u6eff\u6eff\u7684\u5e78\u798f\u611f\u3002',\n                            scores: { \n                                humor: 55, \n                                wisdom: 85, \n                                loyalty: 80, \n                                maturity: 95,\n                                romance: 70\n                            }\n                        }\n                    };\n\n                    \/\/ \u7de9\u5b58DOM\u5143\u7d20\n                    this.introPage = document.getElementById('quizintro9');\n                    this.quizPage = document.getElementById('quizmain9');\n                    this.resultPage = document.getElementById('quizresult9');\n                    this.questionContainer = document.getElementById('question-container');\n                    this.optionsContainer = document.getElementById('options-container');\n                    this.progressBar = document.querySelector('.progress-bar');\n                    this.currentQuestionSpan = document.getElementById('current-question');\n                    this.prevBtn = document.getElementById('btn-prev');\n\n                    this.path = [];\n                }\n\n                startQuiz() {\n                    this.introPage.style.display = 'none';\n                    this.quizPage.style.display = 'block';\n                    this.quizPage.classList.add('fade-in');\n                    this.currentQuestion = 1;\n                    this.path = [1];\n                    this.displayQuestion();\n                    this.scrollToTop();\n                }\n\n                displayQuestion() {\n                    const question = this.questions.find(q => q.id === this.currentQuestion);\n                    if (!question) return;\n\n                    \/\/ \u66f4\u65b0\u9032\u5ea6\n                    const progress = (this.path.length \/ 10) * 100;\n                    this.progressBar.style.width = `${progress}%`;\n                    this.currentQuestionSpan.textContent = this.path.length;\n\n                    \/\/ \u986f\u793a\u554f\u984c\n                    this.questionContainer.querySelector('.question-title').textContent = question.text;\n\n                    \/\/ \u986f\u793a\u9078\u9805\n                    this.optionsContainer.innerHTML = '';\n                    question.options.forEach((option, index) => {\n                        const optionCard = document.createElement('div');\n                        optionCard.className = '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, index));\n                        this.optionsContainer.appendChild(optionCard);\n                    });\n\n                    \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n                    this.prevBtn.style.display = this.path.length > 1 ? 'inline-block' : 'none';\n                }\n\n                selectOption(option, index) {\n                    \/\/ \u6a19\u8a18\u9078\u4e2d\u72c0\u614b\n                    const allOptions = this.optionsContainer.querySelectorAll('.option-card');\n                    allOptions.forEach(card => card.classList.remove('selected'));\n                    allOptions[index].classList.add('selected');\n\n                    \/\/ \u4fdd\u5b58\u7b54\u6848\n                    this.answers[this.currentQuestion] = index;\n\n                    \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n                    setTimeout(() => {\n                        if (option.result) {\n                            \/\/ \u986f\u793a\u7d50\u679c\n                            this.showResult(option.result);\n                        } else if (option.next) {\n                            \/\/ \u9032\u5165\u4e0b\u4e00\u984c\n                            this.currentQuestion = option.next;\n                            this.path.push(this.currentQuestion);\n                            this.displayQuestion();\n                        }\n                    }, 300);\n                }\n\n                previousQuestion() {\n                    if (this.path.length > 1) {\n                        this.path.pop();\n                        this.currentQuestion = this.path[this.path.length - 1];\n                        delete this.answers[this.currentQuestion];\n                        this.displayQuestion();\n                    }\n                }\n\n                showResult(resultType) {\n                    const result = this.results[resultType];\n                    \n                    this.quizPage.style.display = 'none';\n                    this.resultPage.style.display = 'block';\n                    this.resultPage.classList.add('fade-in');\n\n                    \/\/ \u986f\u793a\u7d50\u679c\u985e\u578b\u548c\u63cf\u8ff0\n                    document.getElementById('result-type').textContent = `\u4f60\u6700\u9069\u5408\u7684\u4f34\u4fb6\u985e\u578b\uff1a${result.type}`;\n                    document.getElementById('result-description').textContent = result.description;\n\n                    \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n                    if (this.chartInstance) {\n                        this.chartInstance.destroy();\n                    }\n\n                    \/\/ \u5275\u5efa\u65b0\u5716\u8868\n                    const ctx = document.getElementById('resultChart').getContext('2d');\n                    this.chartInstance = new Chart(ctx, {\n                        type: 'radar',\n                        data: {\n                            labels: ['\u5e7d\u9ed8\u611f', '\u667a\u6167\u5ea6', '\u5c08\u4e00\u5ea6', '\u6210\u719f\u5ea6', '\u6d6a\u6f2b\u503c'],\n                            datasets: [{\n                                label: '\u4f60\u7684\u7406\u60f3\u4f34\u4fb6\u7279\u8cea',\n                                data: [\n                                    result.scores.humor,\n                                    result.scores.wisdom,\n                                    result.scores.loyalty,\n                                    result.scores.maturity,\n                                    result.scores.romance\n                                ],\n                                fill: true,\n                                backgroundColor: 'rgba(124, 152, 133, 0.2)',\n                                borderColor: 'rgba(124, 152, 133, 1)',\n                                pointBackgroundColor: 'rgba(124, 152, 133, 1)',\n                                pointBorderColor: '#fff',\n                                pointHoverBackgroundColor: '#fff',\n                                pointHoverBorderColor: 'rgba(124, 152, 133, 1)',\n                                pointRadius: 6,\n                                pointHoverRadius: 8\n                            }]\n                        },\n                        options: {\n                            responsive: true,\n                            maintainAspectRatio: false,\n                            plugins: {\n                                legend: {\n                                    display: false\n                                },\n                                tooltip: {\n                                    callbacks: {\n                                        label: function(context) {\n                                            return context.label + ': ' + context.raw + '%';\n                                        }\n                                    }\n                                }\n                            },\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(124, 152, 133, 0.1)'\n                                    }\n                                }\n                            }\n                        }\n                    });\n\n                    this.scrollToTop();\n                }\n\n                resetQuiz() {\n                    this.currentQuestion = 0;\n                    this.answers = {};\n                    this.path = [];\n                    \n                    if (this.chartInstance) {\n                        this.chartInstance.destroy();\n                        this.chartInstance = null;\n                    }\n                    \n                    this.resultPage.style.display = 'none';\n                    this.introPage.style.display = 'block';\n                    this.introPage.classList.add('fade-in');\n                    \n                    this.scrollToTop();\n                }\n\n                scrollToTop() {\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\n                }\n            }\n\n            \/\/ \u521d\u59cb\u5316\u61c9\u7528\n            window.quizApp9 = new LoveQuiz();\n        })();\n    <\/script>","protected":false},"excerpt":{"rendered":"<p>\u66f4\u591a\u7684\u4eba\u61a7\u61ac\u7684\u5219\u662f\u5ac1\u7ed9\u7231\u60c5\uff0c\u5ac1\u7ed9\u5408\u9002\u81ea\u5df1\u7684\u4eba\u3002\u90a3\u4e48\uff0c\u60f3\u5ac1\u7ed9\u7231\u60c5\uff0c\u600e\u6837\u7684TA\u66f4\u9002\u5408\u4f60\uff1f\u8bf7\u505a\u4e2a\u6d4b\u8bd5\u770b\u770b\u5427\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","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-2559","post","type-post","status-publish","format-standard","hentry","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2559","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=2559"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2559\/revisions"}],"predecessor-version":[{"id":10650,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2559\/revisions\/10650"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}