{"id":2549,"date":"2023-10-20T08:38:52","date_gmt":"2023-10-20T00:38:52","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2549"},"modified":"2025-08-27T00:30:25","modified_gmt":"2025-08-26T16:30:25","slug":"how-to-increase-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/how-to-increase-love","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u60f3\u8981TA\u7231\u4f60\u66f4\u591a\uff0c\u4f60\u8981\u600e\u4e48\u505a\u624d\u597d\uff1f"},"content":{"rendered":"\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <style>\n        \/* \u81ea\u5b9a\u7fa9 CSS - \u6700\u5c0f\u5316\u4ee5\u5145\u5206\u5229\u7528 Bootstrap *\/\n        :root {\n            --primary-gradient: linear-gradient(135deg, #72EDF2 0%, #5CDBD3 100%);\n            --soft-mint: #5CDBD3;\n            --soft-peach: #FFB6A3;\n            --soft-sage: #A8D5BA;\n            --soft-sand: #F5E6D3;\n            --soft-lavender: #E6D5F5;\n            --soft-sky: #B3D9F2;\n            --text-dark: #2D3748;\n            --text-light: #718096;\n            --shadow-soft: 0 4px 15px rgba(0, 0, 0, 0.08);\n            --shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.12);\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            color: var(--text-dark);\n            line-height: 1.6;\n            background: transparent;\n        }\n\n        .quiz-container {\n            max-width: 750px;\n            margin: 0 auto;\n            padding: 2rem 1rem;\n            background: transparent;\n        }\n\n        \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n        .intro-section {\n            animation: fadeIn 0.8s ease-out;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .feature-card {\n            background: white;\n            border-radius: 15px;\n            padding: 1.5rem;\n            box-shadow: var(--shadow-soft);\n            transition: all 0.3s ease;\n            height: 100%;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .feature-icon-wrapper {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, var(--soft-mint) 0%, var(--soft-sage) 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1rem;\n        }\n\n        .btn-start {\n            background: var(--primary-gradient);\n            border: none;\n            padding: 1rem 3rem;\n            font-size: 1.25rem;\n            font-weight: 600;\n            border-radius: 50px;\n            color: white;\n            box-shadow: var(--shadow-soft);\n            transition: all 0.3s ease;\n        }\n\n        .btn-start:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-hover);\n            color: white;\n        }\n\n        \/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n        .quiz-section {\n            animation: slideIn 0.5s ease-out;\n        }\n\n        @keyframes slideIn {\n            from { opacity: 0; transform: translateX(20px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n\n        h3 {\n            font-size: 22px;\n            font-weight: bold;\n            color: var(--text-dark);\n            margin-bottom: 1.5rem;\n        }\n\n        .option-card {\n            background: white;\n            border: 2px solid #e2e8f0;\n            border-radius: 15px;\n            padding: 1.5rem;\n            margin-bottom: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: var(--shadow-soft);\n        }\n\n        .option-card:hover {\n            border-color: var(--soft-mint);\n            transform: translateX(5px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .option-card.selected {\n            background: linear-gradient(135deg, rgba(92, 219, 211, 0.05) 0%, rgba(168, 213, 186, 0.05) 100%);\n            border-color: var(--soft-mint);\n        }\n\n        .option-indicator {\n            width: 30px;\n            height: 30px;\n            border: 2px solid #cbd5e0;\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 1rem;\n            transition: all 0.3s ease;\n            flex-shrink: 0;\n        }\n\n        .option-card.selected .option-indicator {\n            background: var(--soft-mint);\n            border-color: var(--soft-mint);\n        }\n\n        .option-card.selected .option-indicator::after {\n            content: '\u2713';\n            color: white;\n            font-weight: bold;\n        }\n\n        .option-label {\n            font-weight: 600;\n            color: var(--soft-mint);\n            margin-right: 0.5rem;\n        }\n\n        .option-text {\n            font-size: 18px;\n            color: var(--text-dark);\n            flex: 1;\n        }\n\n        \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n        .result-section {\n            animation: fadeIn 0.8s ease-out;\n        }\n\n        .result-card {\n            background: white;\n            border-radius: 20px;\n            padding: 2rem;\n            box-shadow: var(--shadow-soft);\n            margin-bottom: 2rem;\n        }\n\n        .analysis-card {\n            background: linear-gradient(135deg, rgba(245, 230, 211, 0.3) 0%, rgba(168, 213, 186, 0.2) 100%);\n            border-radius: 15px;\n            padding: 1.5rem;\n            margin-bottom: 1.5rem;\n            border-left: 4px solid var(--soft-sage);\n        }\n\n        .advice-card {\n            background: linear-gradient(135deg, rgba(179, 217, 242, 0.2) 0%, rgba(92, 219, 211, 0.2) 100%);\n            border-radius: 15px;\n            padding: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .btn-retry {\n            background: linear-gradient(135deg, var(--soft-mint) 0%, var(--soft-sage) 100%);\n            border: none;\n            padding: 1rem 3rem;\n            font-size: 1.125rem;\n            font-weight: 600;\n            border-radius: 50px;\n            color: white;\n            box-shadow: var(--shadow-soft);\n            transition: all 0.3s ease;\n        }\n\n        .btn-retry:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-hover);\n            color: white;\n        }\n\n        .chart-container {\n            max-width: 450px;\n            margin: 2rem auto;\n            padding: 1rem;\n        }\n\n        h2 {\n            color: var(--text-dark);\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n        }\n\n        h4 {\n            color: var(--text-dark);\n            font-weight: 600;\n            margin-bottom: 1rem;\n        }\n\n        h5 {\n            color: var(--soft-mint);\n            font-weight: 600;\n            margin-bottom: 0.75rem;\n        }\n\n        .lead {\n            color: var(--text-light);\n            font-size: 1.125rem;\n        }\n\n        .dimension-badge {\n            display: inline-block;\n            padding: 0.5rem 1rem;\n            background: linear-gradient(135deg, var(--soft-lavender) 0%, var(--soft-sky) 100%);\n            border-radius: 20px;\n            margin: 0.25rem;\n            font-weight: 500;\n            font-size: 0.9rem;\n            color: var(--text-dark);\n        }\n\n        .tip-item {\n            padding: 0.75rem 0;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n        }\n\n        .tip-item:last-child {\n            border-bottom: none;\n        }\n\n        .tip-number {\n            display: inline-flex;\n            width: 28px;\n            height: 28px;\n            background: var(--soft-sage);\n            color: white;\n            border-radius: 50%;\n            align-items: center;\n            justify-content: center;\n            margin-right: 0.75rem;\n            font-weight: 600;\n            font-size: 0.9rem;\n        }\n    <\/style>\n    <div class=\"quiz-container\">\n        <!-- \u5f15\u5c0e\u9801 -->\n        <section id=\"quizintro9\" data-page=\"intro9\" class=\"intro-section\">\n            <div class=\"text-center mb-4\">\n                <h2 class=\"display-5 mb-3\">\u60f3\u8981TA\u611b\u4f60\u66f4\u591a<\/h2>\n                <p class=\"lead mb-4\">\u63a2\u7d22\u5982\u4f55\u8b93\u4f60\u7684\u53e6\u4e00\u534a\u66f4\u52a0\u611b\u4f60\u7684\u79d8\u8a23<\/p>\n            <\/div>\n\n            <div class=\"mb-4\">\n                <p class=\"mb-4\">\n                    \u611b\u60c5\u662f\u5169\u5ec2\u60c5\u9858\u7684\u4e8b\u60c5\uff0c\u53ef\u662f\u611b\u610f\u7684\u591a\u5c11\u537b\u4e0d\u7531\u4eba\u63a7\u5236\u3002\u7576\u4f60\u7684\u611b\u6eff\u5230\u5feb\u6ea2\u51fa\u4f86\uff0c\n                    \u800c\u5c0d\u65b9\u7d66\u7684\u611b\u537b\u9084\u6c92\u516b\u5206\u6eff\u7684\u6642\u5019\uff0c\u7e3d\u662f\u60f3\u8981\u66f4\u591a\u4e00\u4e9b\u3002\u900f\u904e\u9019\u500b\u6e2c\u9a57\uff0c\n                    \u4f60\u5c07\u767c\u73fe\u5982\u4f55\u505a\u4e9b\u6539\u8b8a\uff0c\u8b93\u5c0d\u65b9\u7684\u5fc3\u52d5\u66f4\u591a\u4e00\u4e9b\u3002\n                <\/p>\n            <\/div>\n\n            <div class=\"row mb-4\">\n                <div class=\"col-md-4 mb-3\">\n                    <div class=\"feature-card\">\n                        <div class=\"feature-icon-wrapper\">\n                            <i class=\"bi bi-lightbulb\" style=\"font-size: 1.5rem; color: white;\"><\/i>\n                        <\/div>\n                        <h5 class=\"text-center mb-2\">\u6df1\u5165\u6d1e\u5bdf<\/h5>\n                        <p class=\"small text-muted text-center\">\u4e86\u89e3\u4f60\u7684\u4f34\u4fb6\u771f\u6b63\u9700\u8981\u4ec0\u9ebc<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4 mb-3\">\n                    <div class=\"feature-card\">\n                        <div class=\"feature-icon-wrapper\">\n                            <i class=\"bi bi-arrow-through-heart\" style=\"font-size: 1.5rem; color: white;\"><\/i>\n                        <\/div>\n                        <h5 class=\"text-center mb-2\">\u5c08\u5c6c\u5efa\u8b70<\/h5>\n                        <p class=\"small text-muted text-center\">\u7372\u5f97\u70ba\u4f60\u91cf\u8eab\u5b9a\u5236\u7684\u611b\u60c5\u6307\u5357<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4 mb-3\">\n                    <div class=\"feature-card\">\n                        <div class=\"feature-icon-wrapper\">\n                            <i class=\"bi bi-stars\" style=\"font-size: 1.5rem; color: white;\"><\/i>\n                        <\/div>\n                        <h5 class=\"text-center mb-2\">\u63d0\u5347\u9b45\u529b<\/h5>\n                        <p class=\"small text-muted text-center\">\u767c\u73fe\u8b93\u5c0d\u65b9\u66f4\u611b\u4f60\u7684\u79d8\u8a23<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"text-center\">\n                <button class=\"btn btn-start\" data-action=\"start-quiz\">\n                    \u958b\u59cb\u6e2c\u9a57 <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-section d-none\">\n            <h2 class=\"text-center mb-4\">\u611b\u60c5\u5fc3\u7406\u6e2c\u9a57<\/h2>\n            \n            <div class=\"quiz-content\">\n                <h3>\u4f60\u89ba\u5f97\u4ee5\u4e0b\u7684\u623f\u9593\uff0c\u54ea\u500b\u66f4\u8da8\u5411\u65bcTA\u559c\u6b61\u7684\u98a8\u683c\uff1f<\/h3>\n                \n                <div class=\"options-container\">\n                    <div class=\"option-card\" data-option=\"A\">\n                        <div class=\"d-flex align-items-center\">\n                            <span class=\"option-indicator\"><\/span>\n                            <div class=\"option-content\">\n                                <span class=\"option-label\">A.<\/span>\n                                <span class=\"option-text\">\u5b9c\u5bb6\u85cd\u7070\u8272\u8abf\uff0c\u9084\u64fa\u4e0a\u5bcc\u6709\u683c\u8abf\u7684\u64fa\u8a2d\u54c1<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"option-card\" data-option=\"B\">\n                        <div class=\"d-flex align-items-center\">\n                            <span class=\"option-indicator\"><\/span>\n                            <div class=\"option-content\">\n                                <span class=\"option-label\">B.<\/span>\n                                <span class=\"option-text\">\u5317\u6b50\u7c21\u7d04\u98a8\u88dd\u4fee\uff0c\u9084\u6709\u500b\u85dd\u6587\u7684\u66f8\u6ac3<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"option-card\" data-option=\"C\">\n                        <div class=\"d-flex align-items-center\">\n                            <span class=\"option-indicator\"><\/span>\n                            <div class=\"option-content\">\n                                <span class=\"option-label\">C.<\/span>\n                                <span class=\"option-text\">\u8212\u670d\u5bec\u5927\u7684\u7761\u5e8a\uff0c\u5927\u5927\u7684\u7a97\u6236\u914d\u4e0a\u906e\u5149\u5e03\u7a97\u7c3e<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"option-card\" data-option=\"D\">\n                        <div class=\"d-flex align-items-center\">\n                            <span class=\"option-indicator\"><\/span>\n                            <div class=\"option-content\">\n                                <span class=\"option-label\">D.<\/span>\n                                <span class=\"option-text\">\u6771\u897f\u96a8\u610f\u653e\uff0c\u9084\u6709\u500b\u88dd\u6eff\u98f2\u6599\u7684\u5c0f\u96ea\u6ac3<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u7d50\u679c\u9801 -->\n        <section id=\"quizresult9\" data-page=\"result9\" class=\"result-section d-none\">\n            <h2 class=\"text-center mb-4\">\u6e2c\u9a57\u7d50\u679c\u5206\u6790<\/h2>\n            \n            <div class=\"result-card\">\n                <div class=\"chart-container\">\n                    <canvas id=\"resultChart9\"><\/canvas>\n                <\/div>\n                \n                <div class=\"result-content mt-4\">\n                    <h4 class=\"mb-3\" id=\"resultTitle9\"><\/h4>\n                    <p id=\"resultDescription9\" class=\"mb-4\"><\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u591a\u7dad\u5ea6\u5206\u6790 -->\n            <div class=\"result-card\">\n                <h4 class=\"mb-3\">\n                    <i class=\"bi bi-graph-up-arrow me-2\" style=\"color: var(--soft-mint);\"><\/i>\n                    \u4f60\u7684\u611b\u60c5\u7279\u8cea\u5206\u6790\n                <\/h4>\n                <div id=\"dimensionAnalysis9\" class=\"mb-3\"><\/div>\n                <div class=\"analysis-card\">\n                    <h5>\u6838\u5fc3\u512a\u52e2<\/h5>\n                    <p id=\"coreStrength9\"><\/p>\n                <\/div>\n                <div class=\"analysis-card\">\n                    <h5>\u6f5b\u5728\u6311\u6230<\/h5>\n                    <p id=\"potentialChallenge9\"><\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u500b\u6027\u5316\u5efa\u8b70 -->\n            <div class=\"result-card\">\n                <h4 class=\"mb-3\">\n                    <i class=\"bi bi-heart-pulse me-2\" style=\"color: var(--soft-peach);\"><\/i>\n                    \u63d0\u5347\u611b\u60c5\u7684\u884c\u52d5\u6307\u5357\n                <\/h4>\n                <div class=\"advice-card\">\n                    <h5>\u7acb\u5373\u53ef\u884c\u7684\u5c0f\u6539\u8b8a<\/h5>\n                    <div id=\"quickTips9\"><\/div>\n                <\/div>\n                <div class=\"advice-card\">\n                    <h5>\u9577\u671f\u57f9\u990a\u7684\u7fd2\u6163<\/h5>\n                    <div id=\"longTermAdvice9\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"text-center mt-4\">\n                <button class=\"btn btn-retry\" data-action=\"retry-quiz\">\n                    <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6e2c\u8a66\n                <\/button>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n    <script>\n        \/\/ \u4f7f\u7528 IIFE \u5c01\u88dd\u4ee3\u78bc\uff0c\u907f\u514d\u5168\u5c40\u8b8a\u91cf\u6c61\u67d3\n        (function() {\n            'use strict';\n\n            \/\/ \u6e2c\u9a57\u61c9\u7528\u985e\n            class LoveQuiz {\n                constructor() {\n                    \/\/ \u7de9\u5b58 DOM \u5143\u7d20\n                    this.introSection = document.getElementById('quizintro9');\n                    this.quizSection = document.getElementById('quizmain9');\n                    this.resultSection = document.getElementById('quizresult9');\n                    this.optionCards = document.querySelectorAll('.option-card');\n                    this.selectedAnswer = null;\n                    this.chartInstance = null;\n                    \n                    this.init();\n                }\n\n                init() {\n                    \/\/ \u7d81\u5b9a\u4e8b\u4ef6\u76e3\u807d\u5668\n                    this.bindEvents();\n                }\n\n                bindEvents() {\n                    \/\/ \u958b\u59cb\u6e2c\u9a57\u6309\u9215\n                    const startBtn = document.querySelector('[data-action=\"start-quiz\"]');\n                    if (startBtn) {\n                        startBtn.addEventListener('click', () => this.startQuiz());\n                    }\n\n                    \/\/ \u9078\u9805\u5361\u7247\n                    this.optionCards.forEach(card => {\n                        card.addEventListener('click', (e) => this.selectOption(e));\n                    });\n\n                    \/\/ \u91cd\u65b0\u6e2c\u8a66\u6309\u9215\n                    const retryBtn = document.querySelector('[data-action=\"retry-quiz\"]');\n                    if (retryBtn) {\n                        retryBtn.addEventListener('click', () => this.retryQuiz());\n                    }\n                }\n\n                startQuiz() {\n                    this.showPage('quiz');\n                    this.scrollToTop();\n                }\n\n                selectOption(event) {\n                    const card = event.currentTarget;\n                    const option = card.dataset.option;\n                    \n                    \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u9805\u7684\u9078\u4e2d\u72c0\u614b\n                    this.optionCards.forEach(c => c.classList.remove('selected'));\n                    \n                    \/\/ \u6dfb\u52a0\u9078\u4e2d\u72c0\u614b\n                    card.classList.add('selected');\n                    this.selectedAnswer = option;\n                    \n                    \/\/ \u5ef6\u9072\u63d0\u4ea4\u4ee5\u986f\u793a\u9078\u4e2d\u6548\u679c\n                    setTimeout(() => {\n                        this.showResult();\n                    }, 500);\n                }\n\n                showResult() {\n                    const results = {\n                        'A': {\n                            title: '\u63d0\u5347\u500b\u4eba\u9b45\u529b\u662f\u95dc\u9375',\n                            description: '\u60f3\u8981\u5f97\u5230TA\u66f4\u591a\u7684\u611b\uff0c\u90a3\u5c31\u8981\u63d0\u9ad8\u81ea\u5df1\u7684\u54c1\u5473\u683c\u8abf\u3002\u5c0d\u65bc\u4f60\u7684TA\u4f86\u8aaa\uff0c\u4e00\u5473\u7684\u8fce\u5408\u53ea\u6703\u662f\u53cd\u6548\u679c\u3002\u5728TA\u7684\u9762\u524d\uff0c\u4f60\u60f3\u8981\u4fdd\u6301\u5c0dTA\u7684\u5438\u5f15\u529b\uff0c\u90a3\u5c31\u8981\u4fdd\u6301\u5b8c\u6574\u7684\u81ea\u6211\uff0c\u8981\u6709\u81ea\u5df1\u7684\u60f3\u6cd5\u548c\u500b\u6027\uff0c\u4e0d\u8981\u96a8\u6ce2\u9010\u6d41\uff0c\u4e5f\u4e0d\u80fd\u904e\u65bc\u5eb8\u4fd7\u3002\u5efa\u8b70\u4f60\u53ef\u4ee5\u591a\u57f9\u990a\u548c\u767c\u5c55\u4e9b\u81ea\u5df1\u7684\u8208\u8da3\u611b\u597d\uff0c\u9019\u6a23\u7684\u8a71\u66f4\u5bb9\u6613\u8b93TA\u5fc3\u52d5\u3002',\n                            scores: {\n                                '\u500b\u4eba\u9b45\u529b': 90,\n                                '\u7368\u7acb\u6027': 85,\n                                '\u5305\u5bb9\u529b': 60,\n                                '\u4fe1\u4efb\u5ea6': 70,\n                                '\u81ea\u7531\u7a7a\u9593': 75\n                            },\n                            dimensions: ['\u9ad8\u54c1\u5473', '\u7368\u7acb\u601d\u8003', '\u81ea\u6211\u63d0\u5347', '\u8208\u8da3\u5ee3\u6cdb'],\n                            coreStrength: '\u4f60\u5177\u6709\u7368\u7279\u7684\u500b\u4eba\u9b45\u529b\u548c\u54c1\u5473\uff0c\u9019\u662f\u5438\u5f15TA\u7684\u91cd\u8981\u7279\u8cea\u3002\u4f60\u61c2\u5f97\u4fdd\u6301\u81ea\u6211\uff0c\u4e0d\u6703\u70ba\u4e86\u8a0e\u597d\u5c0d\u65b9\u800c\u5931\u53bb\u81ea\u5df1\u7684\u500b\u6027\u3002\u9019\u7a2e\u7368\u7acb\u548c\u81ea\u4fe1\u7684\u7279\u8cea\uff0c\u6703\u8b93\u4f60\u5728\u95dc\u4fc2\u4e2d\u59cb\u7d42\u4fdd\u6301\u65b0\u9bae\u611f\u548c\u5438\u5f15\u529b\u3002',\n                            potentialChallenge: '\u6709\u6642\u5019\u904e\u65bc\u6ce8\u91cd\u500b\u4eba\u5f62\u8c61\u548c\u54c1\u5473\uff0c\u53ef\u80fd\u6703\u8b93TA\u611f\u5230\u58d3\u529b\u6216\u8ddd\u96e2\u611f\u3002\u5728\u8ffd\u6c42\u5b8c\u7f8e\u7684\u540c\u6642\uff0c\u4e5f\u8981\u8a18\u5f97\u5c55\u73fe\u771f\u5be6\u3001\u653e\u9b06\u7684\u4e00\u9762\uff0c\u8b93\u5c0d\u65b9\u611f\u53d7\u5230\u4f60\u7684\u6eab\u5ea6\u548c\u89aa\u8fd1\u611f\u3002',\n                            quickTips: [\n                                '\u6bcf\u9031\u5617\u8a66\u4e00\u500b\u65b0\u7684\u8208\u8da3\u6d3b\u52d5\uff0c\u4e26\u8207TA\u5206\u4eab\u4f60\u7684\u767c\u73fe',\n                                '\u5728\u7a7f\u8457\u6253\u626e\u4e0a\u4fdd\u6301\u7cbe\u7dfb\uff0c\u4f46\u4e5f\u8981\u6709\u8212\u9069\u96a8\u6027\u7684\u6642\u523b',\n                                '\u5b9a\u671f\u5b89\u6392\u300c\u54c1\u8cea\u6642\u5149\u300d\uff0c\u5982\u770b\u5c55\u89bd\u3001\u54c1\u9152\u6216\u53c3\u52a0\u6587\u5316\u6d3b\u52d5',\n                                '\u5b78\u7fd2\u4e00\u9580\u65b0\u6280\u80fd\uff0c\u5c55\u73fe\u4f60\u7684\u4e0a\u9032\u5fc3\u548c\u5b78\u7fd2\u80fd\u529b'\n                            ],\n                            longTermAdvice: [\n                                '\u5efa\u7acb\u500b\u4eba\u7684\u5c08\u696d\u9818\u57df\uff0c\u6210\u70ba\u67d0\u500b\u9818\u57df\u7684\u5c08\u5bb6',\n                                '\u57f9\u990a\u6df1\u5ea6\u95b1\u8b80\u7fd2\u6163\uff0c\u8c50\u5bcc\u5167\u5728\u6db5\u990a',\n                                '\u4fdd\u6301\u8eab\u5fc3\u5065\u5eb7\uff0c\u898f\u5f8b\u904b\u52d5\u548c\u826f\u597d\u4f5c\u606f',\n                                '\u767c\u5c55\u500b\u4eba\u793e\u4ea4\u5708\uff0c\u4fdd\u6301\u751f\u6d3b\u7684\u591a\u5143\u6027'\n                            ]\n                        },\n                        'B': {\n                            title: '\u5305\u5bb9\u7406\u89e3\u6700\u91cd\u8981',\n                            description: '\u60f3\u8981\u5f97\u5230TA\u66f4\u591a\u7684\u611b\uff0c\u4f60\u9700\u8981\u591a\u4e00\u9ede\u7684\u5305\u5bb9\u529b\u3002TA\u6216\u8a31\u4e5f\u6e05\u695a\u81ea\u5df1\u6709\u5f88\u591a\u7684\u7f3a\u9ede\uff0c\u751a\u81f3\u4e5f\u6703\u5b58\u5728\u4e0d\u5c11\u8207\u4f60\u89c0\u9ede\u4e0d\u4e00\u7684\u77db\u76fe\uff0cTA\u4e26\u4e0d\u9700\u8981\u4f60\u8a8d\u540cTA\u7684\u5168\u90e8\uff0c\u4f46TA\u9700\u8981\u4f60\u7684\u7406\u89e3\u548c\u5305\u5bb9\u3002TA\u662f\u500b\u6ce8\u91cd\u500b\u4eba\u7368\u7acb\u7a7a\u9593\u7684\u4eba\uff0c\u5373\u4fbf\u8ac7\u6200\u611b\uff0cTA\u4e5f\u9700\u8981\u6709\u4e00\u5b9a\u5598\u6c23\u7684\u81ea\u7531\u3002\u6240\u4ee5\u4f60\u8981\u591a\u8a66\u8457\u5305\u5bb9\u548c\u9ad4\u8ad2TA\uff0c\u591a\u4e00\u4e9b\u6b63\u80fd\u91cf\uff0cTA\u624d\u6703\u66f4\u611b\u4f60\u3002',\n                            scores: {\n                                '\u500b\u4eba\u9b45\u529b': 70,\n                                '\u7368\u7acb\u6027': 75,\n                                '\u5305\u5bb9\u529b': 95,\n                                '\u4fe1\u4efb\u5ea6': 85,\n                                '\u81ea\u7531\u7a7a\u9593': 80\n                            },\n                            dimensions: ['\u9ad8\u5305\u5bb9\u5ea6', '\u60c5\u7dd2\u7a69\u5b9a', '\u7406\u89e3\u529b\u5f37', '\u5c0a\u91cd\u5dee\u7570'],\n                            coreStrength: '\u4f60\u64c1\u6709\u6975\u4f73\u7684\u5305\u5bb9\u529b\u548c\u7406\u89e3\u80fd\u529b\uff0c\u80fd\u5920\u63a5\u7d0dTA\u7684\u4e0d\u5b8c\u7f8e\u3002\u4f60\u61c2\u5f97\u7d66\u4e88\u5c0d\u65b9\u7a7a\u9593\uff0c\u4e0d\u6703\u904e\u5ea6\u5e72\u6d89\uff0c\u9019\u7a2e\u6210\u719f\u7684\u611b\u60c5\u89c0\u8b93\u95dc\u4fc2\u66f4\u52a0\u5065\u5eb7\u3002\u4f60\u7684\u60c5\u7dd2\u7a69\u5b9a\u6027\u4e5f\u70ba\u95dc\u4fc2\u63d0\u4f9b\u4e86\u5b89\u5168\u611f\u3002',\n                            potentialChallenge: '\u904e\u5ea6\u7684\u5305\u5bb9\u6709\u6642\u53ef\u80fd\u6703\u8b93\u4f60\u5ffd\u7565\u81ea\u5df1\u7684\u9700\u6c42\u548c\u5e95\u7dda\u3002\u8a18\u5f97\u5728\u7406\u89e3\u5c0d\u65b9\u7684\u540c\u6642\uff0c\u4e5f\u8981\u8868\u9054\u81ea\u5df1\u7684\u611f\u53d7\u548c\u9700\u8981\uff0c\u5efa\u7acb\u5e73\u7b49\u4e92\u60e0\u7684\u95dc\u4fc2\uff0c\u907f\u514d\u55ae\u65b9\u9762\u7684\u4ed8\u51fa\u3002',\n                            quickTips: [\n                                '\u7df4\u7fd2\u300c\u7a4d\u6975\u8046\u807d\u300d\uff0c\u5728TA\u8aaa\u8a71\u6642\u7d66\u4e88\u5168\u90e8\u6ce8\u610f\u529b',\n                                '\u6bcf\u5929\u627e\u51faTA\u7684\u4e00\u500b\u512a\u9ede\u4e26\u771f\u8aa0\u5730\u8868\u9054\u6b23\u8cde',\n                                '\u9047\u5230\u5206\u6b67\u6642\uff0c\u5148\u8aaa\u300c\u6211\u7406\u89e3\u4f60\u7684\u611f\u53d7\u300d\u518d\u8868\u9054\u89c0\u9ede',\n                                '\u7d66TA\u5b89\u6392\u5c08\u5c6c\u7684\u300cme time\u300d\uff0c\u4e0d\u6253\u64fe\u4e0d\u904e\u554f'\n                            ],\n                            longTermAdvice: [\n                                '\u5b78\u7fd2\u6b63\u5ff5\u51a5\u60f3\uff0c\u63d0\u5347\u60c5\u7dd2\u7ba1\u7406\u80fd\u529b',\n                                '\u95b1\u8b80\u5fc3\u7406\u5b78\u66f8\u7c4d\uff0c\u6df1\u5316\u5c0d\u4eba\u6027\u7684\u7406\u89e3',\n                                '\u57f9\u990a\u81ea\u5df1\u7684\u8208\u8da3\u611b\u597d\uff0c\u4fdd\u6301\u500b\u4eba\u751f\u6d3b\u7684\u5145\u5be6',\n                                '\u5b9a\u671f\u9032\u884c\u95dc\u4fc2\u6aa2\u8996\uff0c\u78ba\u4fdd\u96d9\u65b9\u9700\u6c42\u90fd\u88ab\u6eff\u8db3'\n                            ]\n                        },\n                        'C': {\n                            title: '\u701f\u7051\u81ea\u4fe1\u662f\u79d8\u8a23',\n                            description: '\u60f3\u8981\u5f97\u5230TA\u66f4\u591a\u7684\u611b\uff0c\u4f60\u8981\u5b78\u8457\u701f\u7051\u4e00\u4e9b\u3002\u6216\u8a31\u4f60\u662f\u500b\u7f3a\u4e4f\u5b89\u5168\u611f\u7684\u4eba\uff0c\u5c0d\u81ea\u5df1\u6c92\u6709\u81ea\u4fe1\uff0c\u4e5f\u6703\u6574\u5929\u675e\u4eba\u6182\u5929\u5730\u64d4\u5fc3\u9019\u64d4\u5fc3\u90a3\u3002\u4f46\u5982\u679c\u4f60\u60f3\u8981TA\u611b\u4f60\u66f4\u591a\u4e9b\uff0c\u5c31\u8981\u591a\u7d66TA\u4e00\u4e9b\u4fe1\u4efb\uff0c\u4e5f\u7d66\u81ea\u5df1\u591a\u4e00\u9ede\u81ea\u4fe1\uff0c\u4e0d\u8981\u7591\u795e\u7591\u9b3c\uff0c\u66f4\u5225\u60f3\u8457\u63a7\u5236TA\u7684\u4eba\u751f\u3002\u82e5\u662f\u80fd\u5920\u5b78\u6703\u701f\u7051\u4e00\u4e9b\uff0c\u4f60\u8f15\u9b06\u7684\u540c\u6642\uff0c\u5c0d\u65b9\u4e5f\u6703\u66f4\u611b\u4f60\u3002',\n                            scores: {\n                                '\u500b\u4eba\u9b45\u529b': 75,\n                                '\u7368\u7acb\u6027': 80,\n                                '\u5305\u5bb9\u529b': 70,\n                                '\u4fe1\u4efb\u5ea6': 95,\n                                '\u81ea\u7531\u7a7a\u9593': 85\n                            },\n                            dimensions: ['\u9ad8\u4fe1\u4efb\u5ea6', '\u60c5\u7dd2\u81ea\u7531', '\u701f\u7051\u614b\u5ea6', '\u5b89\u5168\u611f\u8db3'],\n                            coreStrength: '\u7576\u4f60\u5c55\u73fe\u701f\u7051\u81ea\u4fe1\u7684\u4e00\u9762\u6642\uff0c\u4f60\u6563\u767c\u51fa\u7684\u9b45\u529b\u662f\u7121\u6cd5\u62b5\u64cb\u7684\u3002\u4f60\u7d66\u4e88\u5c0d\u65b9\u5145\u5206\u7684\u4fe1\u4efb\uff0c\u4e0d\u6703\u904e\u5ea6\u5e72\u9810\uff0c\u9019\u7a2e\u6210\u719f\u7684\u614b\u5ea6\u8b93TA\u611f\u5230\u8212\u9069\u548c\u88ab\u5c0a\u91cd\uff0c\u81ea\u7136\u6703\u66f4\u52a0\u73cd\u60dc\u4f60\u3002',\n                            potentialChallenge: '\u5728\u8ffd\u6c42\u701f\u7051\u7684\u904e\u7a0b\u4e2d\uff0c\u8981\u6ce8\u610f\u4e0d\u8981\u8b8a\u5f97\u904e\u65bc\u758f\u96e2\u6216\u51b7\u6de1\u3002\u9069\u5ea6\u7684\u95dc\u5fc3\u548c\u5728\u610f\u662f\u611b\u7684\u8868\u73fe\uff0c\u95dc\u9375\u662f\u627e\u5230\u4fe1\u4efb\u8207\u95dc\u61f7\u4e4b\u9593\u7684\u5e73\u8861\u9ede\u3002',\n                            quickTips: [\n                                '\u9047\u5230\u64d4\u5fc3\u7684\u4e8b\u60c5\u6642\uff0c\u5148\u6df1\u547c\u5438\u4e09\u6b21\u518d\u53cd\u61c9',\n                                '\u6bcf\u5929\u5beb\u4e0b\u4e09\u4ef6\u8b93\u4f60\u611f\u6069\u7684\u4e8b\uff0c\u57f9\u990a\u6b63\u5411\u601d\u7dad',\n                                '\u6e1b\u5c11\u67e5\u770bTA\u793e\u4ea4\u5a92\u9ad4\u7684\u983b\u7387\uff0c\u5c08\u6ce8\u81ea\u5df1\u7684\u751f\u6d3b',\n                                '\u7528\u300c\u6211\u76f8\u4fe1\u4f60\u300d\u4ee3\u66ff\u300c\u4f60\u8981\u5c0f\u5fc3\u300d\u7684\u53ee\u5680'\n                            ],\n                            longTermAdvice: [\n                                '\u5efa\u7acb\u500b\u4eba\u7684\u652f\u6301\u7cfb\u7d71\uff0c\u4e0d\u8981\u628a\u60c5\u7dd2\u90fd\u4f9d\u8cf4\u5728TA\u8eab\u4e0a',\n                                '\u57f9\u990a\u7368\u8655\u7684\u80fd\u529b\uff0c\u4eab\u53d7\u4e00\u500b\u4eba\u7684\u6642\u5149',\n                                '\u5b78\u7fd2\u65b0\u7684\u6280\u80fd\u6216\u77e5\u8b58\uff0c\u589e\u5f37\u81ea\u4fe1\u5fc3',\n                                '\u5b9a\u671f\u9032\u884c\u81ea\u6211\u80af\u5b9a\u7df4\u7fd2\uff0c\u5efa\u7acb\u5167\u5728\u5b89\u5168\u611f'\n                            ]\n                        },\n                        'D': {\n                            title: '\u7d66\u4e88\u81ea\u7531\u63db\u771f\u5fc3',\n                            description: '\u60f3\u8981\u5f97\u5230TA\u66f4\u591a\u7684\u611b\uff0c\u90a3\u5c31\u8981\u628a\u624b\u653e\u9b06\u4e00\u4e9b\u3002\u4f60\u7684TA\u672c\u4f86\u5c31\u662f\u500b\u81ea\u7531\u4e3b\u7fa9\u8005\uff0c\u53d7\u4e0d\u5f97\u5225\u4eba\u7684\u7ba1\u675f\uff0c\u8d8a\u662f\u7d81\u4f4fTA\uff0cTA\u5c31\u8d8a\u60f3\u8981\u6399\u624e\u5f80\u5916\u8dd1\u3002\u6240\u4ee5\u4f60\u8981\u5b78\u6703\u6b32\u64d2\u6545\u7e31\uff0c\u5343\u842c\u4e0d\u8981\u6253\u8457\u611bTA\u70baTA\u597d\u7684\u540d\u7fa9\uff0c\u4f86\u63d2\u624bTA\u7684\u5de5\u4f5c\u548c\u751f\u6d3b\uff0c\u4e5f\u4e0d\u8981\u8001\u662f\u7d66TA\u63d0\u5404\u7a2e\u610f\u898b\u548c\u8981\u6c42\u3002\u653e\u958b\u624b\uff0c\u8b93TA\u81ea\u5df1\u53bb\u4e3b\u5c0e\u81ea\u5df1\u7684\u4eba\u751f\uff0c\u4f60\u53ea\u8981\u8ca0\u8cac\u5c08\u5fc3\u8ac7\u6200\u611b\u5c31\u597d\u3002\u9019\u6a23\uff0cTA\u624d\u6703\u66f4\u611b\u4f60\u3002',\n                            scores: {\n                                '\u500b\u4eba\u9b45\u529b': 65,\n                                '\u7368\u7acb\u6027': 90,\n                                '\u5305\u5bb9\u529b': 75,\n                                '\u4fe1\u4efb\u5ea6': 80,\n                                '\u81ea\u7531\u7a7a\u9593': 95\n                            },\n                            dimensions: ['\u5c0a\u91cd\u81ea\u7531', '\u4f4e\u63a7\u5236\u6b32', '\u7368\u7acb\u751f\u6d3b', '\u5f48\u6027\u601d\u7dad'],\n                            coreStrength: '\u4f60\u61c2\u5f97\u7d66\u4e88TA\u6700\u9700\u8981\u7684\u6771\u897f\u2014\u81ea\u7531\u3002\u9019\u7a2e\u4e0d\u4f54\u6709\u3001\u4e0d\u63a7\u5236\u7684\u611b\u60c5\u89c0\u662f\u6210\u719f\u7684\u8868\u73fe\u3002\u4f60\u8b93TA\u4fdd\u6301\u5b8c\u6574\u7684\u81ea\u6211\uff0c\u9019\u6703\u8b93\u5c0d\u65b9\u611f\u6fc0\u4e26\u66f4\u52a0\u73cd\u60dc\u9019\u6bb5\u95dc\u4fc2\u3002',\n                            potentialChallenge: '\u7d66\u4e88\u81ea\u7531\u7684\u540c\u6642\uff0c\u4e5f\u8981\u7dad\u6301\u9069\u5ea6\u7684\u9023\u7d50\u548c\u89aa\u5bc6\u611f\u3002\u5b8c\u5168\u653e\u624b\u53ef\u80fd\u6703\u8b93\u95dc\u4fc2\u8b8a\u5f97\u758f\u9060\uff0c\u8981\u5728\u81ea\u7531\u8207\u89aa\u5bc6\u4e4b\u9593\u627e\u5230\u9069\u5408\u4f60\u5011\u7684\u5e73\u8861\u9ede\u3002',\n                            quickTips: [\n                                '\u628a\u300c\u4f60\u61c9\u8a72\u300d\u6539\u6210\u300c\u4f60\u89ba\u5f97\u5462\u300d\u7684\u8868\u9054\u65b9\u5f0f',\n                                '\u652f\u6301TA\u7684\u6c7a\u5b9a\uff0c\u5373\u4f7f\u4f60\u4e0d\u5b8c\u5168\u8a8d\u540c',\n                                '\u57f9\u990a\u81ea\u5df1\u7684\u793e\u4ea4\u751f\u6d3b\uff0c\u4e0d\u8981\u6240\u6709\u6642\u9593\u90fd\u570d\u7e5eTA',\n                                '\u6176\u795dTA\u7684\u500b\u4eba\u6210\u5c31\uff0c\u8868\u73fe\u51fa\u771f\u5fc3\u7684\u9a55\u50b2'\n                            ],\n                            longTermAdvice: [\n                                '\u767c\u5c55\u500b\u4eba\u7684\u4eba\u751f\u76ee\u6a19\uff0c\u4e0d\u8981\u628aTA\u7576\u6210\u751f\u6d3b\u91cd\u5fc3',\n                                '\u5b78\u7fd2\u300c\u611b\u7684\u4e94\u7a2e\u8a9e\u8a00\u300d\uff0c\u627e\u5230\u9069\u5408\u7684\u8868\u9054\u65b9\u5f0f',\n                                '\u5efa\u7acb\u5065\u5eb7\u7684\u908a\u754c\uff0c\u660e\u78ba\u4ec0\u9ebc\u662f\u53ef\u4ee5\u63a5\u53d7\u7684',\n                                '\u5b9a\u671f\u5b89\u6392\u5404\u81ea\u7684\u7368\u7acb\u6642\u9593\uff0c\u4fdd\u6301\u500b\u9ad4\u6027'\n                            ]\n                        }\n                    };\n\n                    const result = results[this.selectedAnswer];\n                    \n                    \/\/ \u66f4\u65b0\u7d50\u679c\u5167\u5bb9\n                    document.getElementById('resultTitle9').textContent = result.title;\n                    document.getElementById('resultDescription9').textContent = result.description;\n                    \n                    \/\/ \u66f4\u65b0\u7dad\u5ea6\u5206\u6790\n                    const dimensionHtml = result.dimensions.map(d => \n                        `<span class=\"dimension-badge\">${d}<\/span>`\n                    ).join('');\n                    document.getElementById('dimensionAnalysis9').innerHTML = dimensionHtml;\n                    \n                    \/\/ \u66f4\u65b0\u6838\u5fc3\u512a\u52e2\u548c\u6311\u6230\n                    document.getElementById('coreStrength9').textContent = result.coreStrength;\n                    document.getElementById('potentialChallenge9').textContent = result.potentialChallenge;\n                    \n                    \/\/ \u66f4\u65b0\u5feb\u901f\u5efa\u8b70\n                    const quickTipsHtml = result.quickTips.map((tip, index) => \n                        `<div class=\"tip-item\">\n                            <span class=\"tip-number\">${index + 1}<\/span>\n                            <span>${tip}<\/span>\n                        <\/div>`\n                    ).join('');\n                    document.getElementById('quickTips9').innerHTML = quickTipsHtml;\n                    \n                    \/\/ \u66f4\u65b0\u9577\u671f\u5efa\u8b70\n                    const longTermHtml = result.longTermAdvice.map((advice, index) => \n                        `<div class=\"tip-item\">\n                            <span class=\"tip-number\">${index + 1}<\/span>\n                            <span>${advice}<\/span>\n                        <\/div>`\n                    ).join('');\n                    document.getElementById('longTermAdvice9').innerHTML = longTermHtml;\n                    \n                    \/\/ \u986f\u793a\u7d50\u679c\u9801\n                    this.showPage('result');\n                    this.scrollToTop();\n                    \n                    \/\/ \u7e6a\u88fd\u5716\u8868\n                    setTimeout(() => {\n                        this.drawChart(result.scores);\n                    }, 300);\n                }\n\n                drawChart(scores) {\n                    const ctx = document.getElementById('resultChart9').getContext('2d');\n                    \n                    \/\/ \u92b7\u6bc0\u4e4b\u524d\u7684\u5716\u8868\u5be6\u4f8b\n                    if (this.chartInstance) {\n                        this.chartInstance.destroy();\n                    }\n                    \n                    const labels = Object.keys(scores);\n                    const data = Object.values(scores);\n                    \n                    this.chartInstance = new Chart(ctx, {\n                        type: 'radar',\n                        data: {\n                            labels: labels,\n                            datasets: [{\n                                label: '\u4f60\u7684\u611b\u60c5\u63d0\u5347\u6307\u5357',\n                                data: data,\n                                backgroundColor: 'rgba(92, 219, 211, 0.2)',\n                                borderColor: 'rgba(92, 219, 211, 1)',\n                                borderWidth: 2,\n                                pointBackgroundColor: 'rgba(92, 219, 211, 1)',\n                                pointBorderColor: '#fff',\n                                pointHoverBackgroundColor: '#fff',\n                                pointHoverBorderColor: 'rgba(92, 219, 211, 1)',\n                                pointRadius: 5,\n                                pointHoverRadius: 7\n                            }]\n                        },\n                        options: {\n                            responsive: true,\n                            maintainAspectRatio: true,\n                            plugins: {\n                                legend: {\n                                    display: true,\n                                    position: 'bottom',\n                                    labels: {\n                                        font: {\n                                            size: 14\n                                        },\n                                        padding: 20\n                                    }\n                                },\n                                tooltip: {\n                                    callbacks: {\n                                        label: function(context) {\n                                            return context.label + ': ' + context.parsed.r + '%';\n                                        }\n                                    }\n                                }\n                            },\n                            scales: {\n                                r: {\n                                    beginAtZero: true,\n                                    max: 100,\n                                    ticks: {\n                                        stepSize: 20,\n                                        font: {\n                                            size: 12\n                                        }\n                                    },\n                                    pointLabels: {\n                                        font: {\n                                            size: 18\n                                        },\n                                        padding: 15\n                                    },\n                                    grid: {\n                                        color: 'rgba(0, 0, 0, 0.05)'\n                                    }\n                                }\n                            }\n                        }\n                    });\n                }\n\n                retryQuiz() {\n                    \/\/ \u91cd\u7f6e\u72c0\u614b\n                    this.selectedAnswer = null;\n                    this.optionCards.forEach(card => card.classList.remove('selected'));\n                    \n                    \/\/ \u92b7\u6bc0\u5716\u8868\n                    if (this.chartInstance) {\n                        this.chartInstance.destroy();\n                        this.chartInstance = null;\n                    }\n                    \n                    \/\/ \u8fd4\u56de\u5f15\u5c0e\u9801\n                    this.showPage('intro');\n                    this.scrollToTop();\n                }\n\n                showPage(page) {\n                    \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n                    this.introSection.classList.add('d-none');\n                    this.quizSection.classList.add('d-none');\n                    this.resultSection.classList.add('d-none');\n                    \n                    \/\/ \u986f\u793a\u6307\u5b9a\u9801\u9762\n                    switch(page) {\n                        case 'intro':\n                            this.introSection.classList.remove('d-none');\n                            break;\n                        case 'quiz':\n                            this.quizSection.classList.remove('d-none');\n                            break;\n                        case 'result':\n                            this.resultSection.classList.remove('d-none');\n                            break;\n                    }\n                }\n\n                scrollToTop() {\n                    const container = document.querySelector('.quiz-container');\n                    if (container) {\n                        container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                    }\n                }\n            }\n\n            \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n            document.addEventListener('DOMContentLoaded', () => {\n                new LoveQuiz();\n            });\n        })();\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u5f53\u81ea\u5df1\u7684\u7231\u6ee1\u5230\u5feb\u6ea2\u51fa\u6765\uff0c\u800c\u5bf9\u65b9\u7ed9\u7684\u7231\u5374\u8fd8\u6ca1\u516b\u5206\u6ee1\u7684\u65f6\u5019\uff0c\u603b\u662f\u60f3\u8981\u591a\u4e9b\u591a\u4e9b\u518d\u591a\u4e9b\u3002\u6b64\u65f6\u5c31\u9700\u8981\u81ea\u5df1\u6765\u505a\u4e9b\u6539\u53d8\uff0c\u6765\u8ba9\u5bf9\u65b9\u7684\u5fc3\u52a8\u66f4\u591a\u4e00\u4e9b\u3002\u90a3\u4e48\uff0c\u60f3\u8981TA\u7231\u4f60\u66f4\u591a\uff0c\u4f60\u8981\u600e\u4e48\u505a\uff1f<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","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":"default","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,179],"tags":[],"class_list":["post-2549","post","type-post","status-publish","format-standard","hentry","category-love","category-marriage"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2549","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=2549"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2549\/revisions"}],"predecessor-version":[{"id":10645,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2549\/revisions\/10645"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}