{"id":2544,"date":"2023-10-20T08:39:02","date_gmt":"2023-10-20T00:39:02","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2544"},"modified":"2025-08-28T10:58:52","modified_gmt":"2025-08-28T02:58:52","slug":"lock-love-in-freshness","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/lock-love-in-freshness","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u80fd\u5426\u4e3a\u81ea\u5df1\u7684\u7231\u60c5\u9501\u9c9c\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        \/* \u81ea\u5b9a\u7fa9CSS - \u907f\u514d\u8207WordPress\u4e3b\u984c\u885d\u7a81 *\/\n        .lf-quiz-container {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            line-height: 1.6;\n            color: #4a5568;\n            max-width: 750px;\n            margin: 0 auto;\n        }\n        \n        \/* \u91cd\u7f6e\u53ef\u80fd\u7684WordPress\u6a23\u5f0f\u5e72\u64fe *\/\n        .lf-quiz-container * {\n            box-sizing: border-box;\n        }\n        \n        .lf-quiz-container h2 {\n            margin-bottom: 1.5rem;\n        }\n        \n        .lf-quiz-container h3 {\n            font-size: 22px !important;\n            font-weight: bold !important;\n            line-height: 1.4 !important;\n            margin-bottom: 1.5rem !important;\n        }\n        \n        .lf-quiz-container p {\n            margin-bottom: 1rem;\n        }\n        \n        \/* \u9801\u9762\u904e\u6e21\u52d5\u756b *\/\n        .lf-page-section {\n            display: none;\n            opacity: 0;\n            transition: opacity 0.3s ease-in-out;\n        }\n        \n        .lf-page-section.active {\n            display: block;\n            opacity: 1;\n        }\n        \n        \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n        .lf-intro-icon {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, #f9b4ab, #fde1ad);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1rem;\n            box-shadow: 0 6px 20px rgba(249, 180, 171, 0.25);\n            transition: transform 0.3s ease;\n        }\n        \n        .lf-intro-icon:hover {\n            transform: translateY(-5px);\n        }\n        \n        .lf-feature-card {\n            background: transparent;\n            border-radius: 15px;\n            padding: 1.5rem;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);\n            transition: transform 0.3s ease;\n            height: 100%;\n            border: 1px solid rgba(249, 180, 171, 0.15);\n        }\n        \n        .lf-feature-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);\n        }\n        \n        .lf-start-btn {\n            background: linear-gradient(135deg, #f9b4ab, #fde1ad);\n            border: none;\n            padding: 15px 40px;\n            font-size: 20px;\n            font-weight: 600;\n            border-radius: 50px;\n            color: white;\n            box-shadow: 0 4px 15px rgba(249, 180, 171, 0.35);\n            transition: all 0.3s ease;\n        }\n        \n        .lf-start-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(249, 180, 171, 0.45);\n            background: linear-gradient(135deg, #f8a39a, #fcd89c);\n            color: white;\n        }\n        \n        \/* \u6e2c\u9a57\u9801\u6a23\u5f0f - \u4fee\u5fa9\u5c0d\u9f4a\u554f\u984c *\/\n        .lf-option-card {\n            background: transparent;\n            border: 2px solid #e9ecef;\n            border-radius: 12px;\n            padding: 1rem 1.2rem;\n            margin-bottom: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            position: relative;\n            display: flex;\n            align-items: center;\n            min-height: 65px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n        }\n        \n        .lf-option-card:hover {\n            border-color: #f9b4ab;\n            background: rgba(255, 248, 245, 0.5);\n            transform: translateX(5px);\n            box-shadow: 0 4px 12px rgba(249, 180, 171, 0.15);\n        }\n        \n        .lf-option-card.selected {\n            background: rgba(255, 248, 245, 0.8);\n            border-color: #f9b4ab;\n            box-shadow: 0 4px 15px rgba(249, 180, 171, 0.25);\n        }\n        \n        \/* \u4fee\u5fa9\u5713\u5f62\u6307\u793a\u5668\u5c0d\u9f4a *\/\n        .lf-option-indicator {\n            width: 24px;\n            height: 24px;\n            min-width: 24px;\n            border: 2px solid #dee2e6;\n            border-radius: 50%;\n            margin-right: 15px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n            flex-shrink: 0;\n            vertical-align: middle;\n        }\n        \n        .lf-option-card:hover .lf-option-indicator {\n            border-color: #f9b4ab;\n        }\n        \n        .lf-option-card.selected .lf-option-indicator {\n            background: #f9b4ab;\n            border-color: #f9b4ab;\n        }\n        \n        .lf-option-card.selected .lf-option-indicator::after {\n            content: '\u2713';\n            color: white;\n            font-weight: bold;\n            font-size: 14px;\n            line-height: 1;\n        }\n        \n        \/* \u4fee\u5fa9\u9078\u9805\u6587\u5b57\u5c0d\u9f4a *\/\n        .lf-option-text {\n            color: #4a5568;\n            font-size: 18px !important;\n            margin: 0;\n            flex: 1;\n            line-height: 1.5;\n            display: inline-block;\n            vertical-align: middle;\n        }\n        \n        .lf-option-card:hover .lf-option-text {\n            color: #2d3748;\n        }\n        \n        \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n        .lf-score-display {\n            background: linear-gradient(135deg, #f9b4ab, #fde1ad);\n            color: white;\n            padding: 2rem;\n            border-radius: 20px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(249, 180, 171, 0.25);\n            margin-bottom: 2rem;\n        }\n        \n        .lf-score-number {\n            font-size: 56px;\n            font-weight: bold;\n            margin: 10px 0;\n        }\n        \n        .lf-result-card {\n            background: transparent;\n            border-radius: 15px;\n            padding: 2rem;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);\n            margin-bottom: 1.5rem;\n            border: 1px solid rgba(249, 180, 171, 0.15);\n        }\n        \n        .lf-advice-card {\n            background: transparent;\n            border-radius: 15px;\n            padding: 1.5rem;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);\n            margin-bottom: 2rem;\n            border: 1px solid rgba(180, 212, 241, 0.2);\n        }\n        \n        .lf-advice-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n        }\n        \n        .lf-advice-icon {\n            color: #b4d4f1;\n            margin-right: 12px;\n            margin-top: 2px;\n            flex-shrink: 0;\n        }\n        \n        .lf-restart-btn {\n            background: linear-gradient(135deg, #b4d4f1, #d9f0e6);\n            border: none;\n            padding: 12px 35px;\n            font-size: 18px;\n            font-weight: 600;\n            border-radius: 50px;\n            color: #4a5568;\n            box-shadow: 0 4px 15px rgba(180, 212, 241, 0.35);\n            transition: all 0.3s ease;\n        }\n        \n        .lf-restart-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(180, 212, 241, 0.45);\n            background: linear-gradient(135deg, #a3c9ea, #cce9de);\n            color: #4a5568;\n        }\n        \n        \/* Chart\u5bb9\u5668\u6a23\u5f0f *\/\n        .lf-chart-container {\n            max-width: 350px;\n            margin: 0 auto 2rem;\n            position: relative;\n            height: 220px;\n        }\n        \n        \/* \u97ff\u61c9\u5f0f\u8abf\u6574 *\/\n        @media (max-width: 768px) {\n            .lf-quiz-container {\n                padding: 0 15px;\n            }\n            \n            .lf-score-number {\n                font-size: 45px;\n            }\n            \n            .lf-option-text {\n                font-size: 16px !important;\n            }\n            \n            .lf-chart-container {\n                max-width: 280px;\n                height: 180px;\n            }\n            \n            .lf-feature-card {\n                margin-bottom: 1rem;\n            }\n        }\n    <\/style>\n    <div class=\"lf-quiz-container py-4\">\n        <!-- \u5f15\u5c0e\u9801 -->\n        <section id=\"quizintro9\" data-page=\"intro9\" class=\"lf-page-section active\">\n            <div class=\"text-center mb-4\">\n                <h2 class=\"display-5 fw-bold mb-3\" style=\"color: #f9b4ab;\">\u4f60\u80fd\u5426\u70ba\u81ea\u5df1\u7684\u611b\u60c5\u9396\u9bae\uff1f<\/h2>\n                <p class=\"lead text-muted\">\u63a2\u7d22\u4f60\u7dad\u6301\u611b\u60c5\u65b0\u9bae\u611f\u7684\u6f5b\u529b<\/p>\n            <\/div>\n            \n            <div class=\"mb-4\">\n                <p class=\"fs-5 text-center mb-4\" style=\"color: #718096;\">\n                    \u611b\u60c5\u662f\u4eba\u751f\u8def\u4e0a\u9700\u8981\u7d93\u6b77\u548c\u5b78\u7fd2\u7684\u91cd\u8981\u529f\u8ab2\u3002\u4e0d\u5c11\u611b\u60c5\u6700\u7d42\u7d93\u4e0d\u8d77\u5e73\u6de1\u7684\u8003\u9a57\uff0c\n                    \u90a3\u9ebc\u4f60\u80fd\u5426\u70ba\u81ea\u5df1\u7684\u611b\u60c5\u4fdd\u6301\u65b0\u9bae\u611f\u5462\uff1f\u8b93\u6211\u5011\u4e00\u8d77\u63a2\u7d22\u5427\uff01\n                <\/p>\n            <\/div>\n            \n            <div class=\"row g-3 mb-5\">\n                <div class=\"col-md-4\">\n                    <div class=\"lf-feature-card\">\n                        <div class=\"lf-intro-icon\">\n                            <i class=\"bi bi-heart-pulse-fill fs-2 text-white\"><\/i>\n                        <\/div>\n                        <h5 class=\"text-center mb-3\">\u77ad\u89e3\u611b\u60c5\u72c0\u614b<\/h5>\n                        <p class=\"text-muted small text-center\">\u6df1\u5165\u63a2\u7d22\u4f60\u5728\u611f\u60c5\u4e2d\u7684\u8868\u73fe\u6a21\u5f0f<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4\">\n                    <div class=\"lf-feature-card\">\n                        <div class=\"lf-intro-icon\">\n                            <i class=\"bi bi-stars fs-2 text-white\"><\/i>\n                        <\/div>\n                        <h5 class=\"text-center mb-3\">\u767c\u73fe\u4fdd\u9bae\u79d8\u8a23<\/h5>\n                        <p class=\"text-muted small text-center\">\u7372\u5f97\u5c08\u5c6c\u7684\u611b\u60c5\u4fdd\u9bae\u5efa\u8b70<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4\">\n                    <div class=\"lf-feature-card\">\n                        <div class=\"lf-intro-icon\">\n                            <i class=\"bi bi-graph-up-arrow fs-2 text-white\"><\/i>\n                        <\/div>\n                        <h5 class=\"text-center mb-3\">\u63d0\u5347\u611f\u60c5\u54c1\u8cea<\/h5>\n                        <p class=\"text-muted small text-center\">\u5b78\u7fd2\u5982\u4f55\u8b93\u611b\u60c5\u6b77\u4e45\u5f4c\u65b0<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"text-center\">\n                <button class=\"btn lf-start-btn\" onclick=\"loveFreshnessQuiz.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=\"lf-page-section\">\n            <h2 class=\"text-center mb-4\">\u611b\u60c5\u9396\u9bae\u80fd\u529b\u6e2c\u9a57<\/h2>\n            \n            <div class=\"mb-4\">\n                <h3 class=\"fw-bold mb-4\">\n                    \u7576\u6200\u4eba\u5c0d\u5f85\u81ea\u5df1\u7684\u614b\u5ea6\u5ffd\u51b7\u5ffd\u71b1\uff0c\u4f60\u6703\u9078\u64c7\u4ee5\u4e0b\u54ea\u7a2e\u65b9\u6cd5\u4f86\u633d\u6551\u5c40\u9762\uff1f\n                <\/h3>\n                \n                <div class=\"lf-options-container\">\n                    <div class=\"lf-option-card\" data-value=\"A\" onclick=\"loveFreshnessQuiz.selectOption('A')\">\n                        <span class=\"lf-option-indicator\"><\/span>\n                        <span class=\"lf-option-text\">\u7121\u8072\u6297\u8b70\uff0c\u4f60\u4e5f\u4e0d\u7406\u776c\u5c0d\u65b9<\/span>\n                    <\/div>\n                    \n                    <div class=\"lf-option-card\" data-value=\"B\" onclick=\"loveFreshnessQuiz.selectOption('B')\">\n                        <span class=\"lf-option-indicator\"><\/span>\n                        <span class=\"lf-option-text\">\u4e0d\u65b7\u6539\u8b8a\u81ea\u5df1\uff0c\u63d0\u6607\u9b45\u529b<\/span>\n                    <\/div>\n                    \n                    <div class=\"lf-option-card\" data-value=\"C\" onclick=\"loveFreshnessQuiz.selectOption('C')\">\n                        <span class=\"lf-option-indicator\"><\/span>\n                        <span class=\"lf-option-text\">\u82b1\u5fc3\u601d\u88fd\u9020\u6d6a\u6f2b\uff0c\u591a\u548c\u5c0d\u65b9\u7d04\u6703<\/span>\n                    <\/div>\n                    \n                    <div class=\"lf-option-card\" data-value=\"D\" onclick=\"loveFreshnessQuiz.selectOption('D')\">\n                        <span class=\"lf-option-indicator\"><\/span>\n                        <span class=\"lf-option-text\">\u6316\u6398\u5169\u4eba\u7684\u5171\u540c\u8208\u8da3<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- \u7d50\u679c\u9801 -->\n        <section id=\"quizresult9\" data-page=\"result9\" class=\"lf-page-section\">\n            <h2 class=\"text-center mb-4\">\u4f60\u7684\u611b\u60c5\u9396\u9bae\u80fd\u529b\u5206\u6790<\/h2>\n            \n            <div class=\"lf-score-display\">\n                <h4 class=\"mb-2\">\u4f60\u7684\u611b\u60c5\u9396\u9bae\u80fd\u529b\u503c<\/h4>\n                <div class=\"lf-score-number\" id=\"scoreNumber\">&#8212;<\/div>\n                <p class=\"mb-0\">\u6eff\u5206100\u5206<\/p>\n            <\/div>\n            \n            <div class=\"lf-chart-container\">\n                <canvas id=\"resultChart\"><\/canvas>\n            <\/div>\n            \n            <div class=\"lf-result-card\">\n                <h4 class=\"mb-3\" style=\"color: #f9b4ab;\">\n                    <i class=\"bi bi-chat-heart-fill me-2\"><\/i>\u8be6\u7ec6\u5206\u6790\n                <\/h4>\n                <div id=\"resultDescription\" class=\"fs-5\"><\/div>\n            <\/div>\n            \n            <div class=\"lf-advice-card\">\n                <h4 class=\"mb-3\" style=\"color: #b4d4f1;\">\n                    <i class=\"bi bi-lightbulb-fill me-2\"><\/i>\u500b\u6027\u5316\u5efa\u8b70\n                <\/h4>\n                <div id=\"personalAdvice\"><\/div>\n            <\/div>\n            \n            <div class=\"text-center\">\n                <button class=\"btn lf-restart-btn\" onclick=\"loveFreshnessQuiz.restart()\">\n                    <i class=\"bi bi-arrow-repeat me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\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        \/\/ \u611b\u60c5\u9396\u9bae\u6e2c\u9a57\u6a21\u7d44\n        const loveFreshnessQuiz = (function() {\n            let currentChart = null;\n            let selectedAnswer = null;\n            \n            \/\/ \u7d50\u679c\u6578\u64da\n            const results = {\n                'A': {\n                    score: 10,\n                    title: '\u9700\u8981\u52aa\u529b\u578b',\n                    description: '\u4f60\u57fa\u672c\u4e0a\u7121\u6cd5\u70ba\u81ea\u5df1\u7684\u611b\u60c5\u9396\u9bae\u3002\u7576\u4e00\u4ef6\u4e8b\u505a\u4e45\u4e86\u4f60\u5c31\u5bb9\u6613\u5931\u53bb\u8010\u5fc3\uff0c\u5c0d\u65bc\u611b\u60c5\u4e5f\u662f\u5982\u6b64\u3002\u8ac7\u6200\u611b\u4e45\u4e86\uff0c\u4f60\u5c31\u5bb9\u6613\u6709\u7a2e\u53ad\u5026\u611f\uff0c\u61f6\u5f97\u70ba\u5c0d\u65b9\u505a\u4ec0\u9ebc\u3002\u6216\u8a31\u4e00\u958b\u59cb\u6642\u4f60\u4e5f\u662f\u4ed8\u51fa\u904e\u52aa\u529b\u7684\uff0c\u4f46\u6642\u9593\u4e45\u4e86\uff0c\u4f60\u5c31\u6703\u5931\u53bb\u8010\u5fc3\uff0c\u7136\u5f8c\u7fd2\u6163\u6027\u653e\u4efb\u611b\u60c5\u81ea\u751f\u81ea\u6ec5\u3002',\n                    advice: [\n                        '\u57f9\u990a\u6301\u7e8c\u7684\u71b1\u60c5\uff1a\u6bcf\u9031\u5b89\u6392\u4e00\u500b\u300c\u611b\u60c5\u5145\u96fb\u6642\u9593\u300d\uff0c\u5c08\u9580\u8207\u4f34\u4fb6\u9032\u884c\u6df1\u5ea6\u4ea4\u6d41',\n                        '\u8a2d\u7acb\u5c0f\u76ee\u6a19\uff1a\u5236\u5b9a\u6bcf\u6708\u4e00\u6b21\u7684\u6d6a\u6f2b\u8a08\u5283\uff0c\u5f9e\u7c21\u55ae\u7684\u665a\u9910\u7d04\u6703\u958b\u59cb',\n                        '\u8a18\u9304\u7f8e\u597d\u6642\u523b\uff1a\u5efa\u7acb\u5c08\u5c6c\u76f8\u7c3f\u6216\u65e5\u8a18\uff0c\u6642\u5e38\u56de\u9867\u4f60\u5011\u7684\u751c\u871c\u56de\u61b6',\n                        '\u5b78\u7fd2\u65b0\u6280\u80fd\uff1a\u8207\u4f34\u4fb6\u4e00\u8d77\u5b78\u7fd2\u65b0\u4e8b\u7269\uff0c\u5982\u70f9\u98ea\u3001\u8df3\u821e\u6216\u8a9e\u8a00',\n                        '\u7df4\u7fd2\u611f\u6069\uff1a\u6bcf\u5929\u7761\u524d\u8207\u4f34\u4fb6\u5206\u4eab\u4e09\u4ef6\u4eca\u5929\u611f\u8b1d\u5c0d\u65b9\u7684\u4e8b'\n                    ]\n                },\n                'B': {\n                    score: 40,\n                    title: '\u6f5b\u529b\u767c\u5c55\u578b',\n                    description: '\u4f60\u6709\u4e00\u5b9a\u7684\u611b\u60c5\u9396\u9bae\u80fd\u529b\uff0c\u4f46\u9084\u6709\u9032\u6b65\u7a7a\u9593\u3002\u4f60\u8a8d\u70ba\u88fd\u9020\u65b0\u9bae\u611f\u548c\u4fdd\u6301\u9b45\u529b\u5f88\u91cd\u8981\uff0c\u9019\u78ba\u5be6\u6c92\u932f\u3002\u4f46\u66f4\u91cd\u8981\u7684\u662f\u5fc3\u9748\u4e0a\u7684\u4ea4\u6d41\uff0c\u9019\u9ede\u4f60\u5bb9\u6613\u5ffd\u7565\u3002\u82e5\u80fd\u5920\u6210\u70ba\u5f7c\u6b64\u7684\u9748\u9b42\u4f34\u4fb6\uff0c\u4f60\u5c31\u6703\u767c\u73fe\u611b\u60c5\u9396\u9bae\u4e26\u4e0d\u8cbb\u529b\u3002',\n                    advice: [\n                        '\u6df1\u5316\u5fc3\u9748\u9023\u7d50\uff1a\u6bcf\u9031\u9032\u884c\u4e00\u6b21\u300c\u7121\u624b\u6a5f\u7d04\u6703\u300d\uff0c\u5c08\u6ce8\u65bc\u5f7c\u6b64\u7684\u5167\u5fc3\u4e16\u754c',\n                        '\u5171\u540c\u6210\u9577\uff1a\u4e00\u8d77\u95b1\u8b80\u540c\u4e00\u672c\u66f8\u6216\u89c0\u770b\u7d00\u9304\u7247\uff0c\u7136\u5f8c\u5206\u4eab\u611f\u60f3',\n                        '\u5efa\u7acb\u5100\u5f0f\u611f\uff1a\u5275\u9020\u5c08\u5c6c\u65bc\u4f60\u5011\u7684\u5c0f\u5100\u5f0f\uff0c\u5982\u9031\u65e5\u65e9\u9910\u6216\u7761\u524d\u8ac7\u5fc3',\n                        '\u8868\u9054\u771f\u5be6\u611f\u53d7\uff1a\u7df4\u7fd2\u66f4\u958b\u653e\u5730\u5206\u4eab\u4f60\u7684\u60c5\u7dd2\u548c\u60f3\u6cd5',\n                        '\u5275\u9020\u5171\u540c\u76ee\u6a19\uff1a\u5236\u5b9a\u4e00\u500b\u9700\u8981\u5171\u540c\u52aa\u529b\u7684\u9577\u671f\u76ee\u6a19\uff0c\u5982\u65c5\u884c\u8a08\u5283\u6216\u5b78\u7fd2\u8a08\u5283'\n                    ]\n                },\n                'C': {\n                    score: 90,\n                    title: '\u5929\u8ce6\u9396\u9bae\u578b',\n                    description: '\u4f60\u7e3d\u80fd\u70ba\u81ea\u5df1\u7684\u611b\u60c5\u9396\u9bae\uff0c\u80fd\u529b\u503c\u6975\u9ad8\uff01\u4f60\u662f\u500b\u8070\u660e\u7684\u4eba\uff0c\u5373\u4fbf\u4e0d\u7528\u8cbb\u4ec0\u9ebc\u529b\u6c23\u4e5f\u80fd\u8b93\u611b\u60c5\u4fdd\u6301\u65b0\u9bae\u3002\u4f60\u61c2\u5f97\u4fdd\u6301\u81ea\u6211\uff0c\u4ee5\u96d9\u65b9\u8212\u9069\u7684\u65b9\u5f0f\u76f8\u8655\uff0c\u8b93\u5169\u4eba\u90fd\u6c92\u6709\u58d3\u529b\u611f\uff0c\u76f8\u8655\u8d77\u4f86\u8f15\u9b06\u81ea\u5728\u3002\u9019\u7a2e\u701f\u7051\u7684\u72c0\u614b\uff0c\u53cd\u800c\u662f\u611b\u60c5\u9396\u9bae\u7684\u6700\u9ad8\u5883\u754c\u3002',\n                    advice: [\n                        '\u4fdd\u6301\u512a\u52e2\uff1a\u7e7c\u7e8c\u7dad\u6301\u4f60\u7684\u667a\u6167\u5e73\u8861\uff0c\u4e0d\u8981\u56e0\u70ba\u592a\u9806\u5229\u800c\u5ffd\u7565\u7d93\u71df',\n                        '\u5206\u4eab\u7d93\u9a57\uff1a\u53ef\u4ee5\u5c07\u4f60\u7684\u611b\u60c5\u667a\u6167\u5206\u4eab\u7d66\u9700\u8981\u5e6b\u52a9\u7684\u670b\u53cb',\n                        '\u63a2\u7d22\u65b0\u9ad8\u5ea6\uff1a\u5617\u8a66\u66f4\u6df1\u5c64\u7684\u89aa\u5bc6\u95dc\u4fc2\uff0c\u5982\u5171\u540c\u51a5\u60f3\u6216\u60c5\u4fb6\u745c\u4f3d',\n                        '\u9810\u9632\u5371\u6a5f\uff1a\u5b9a\u671f\u9032\u884c\u95dc\u4fc2\u5065\u6aa2\uff0c\u78ba\u4fdd\u96d9\u65b9\u90fd\u611f\u5230\u6eff\u8db3',\n                        '\u6301\u7e8c\u5275\u65b0\uff1a\u5373\u4f7f\u95dc\u4fc2\u7a69\u5b9a\uff0c\u4e5f\u8981\u4e0d\u65b7\u5617\u8a66\u65b0\u7684\u76f8\u8655\u65b9\u5f0f'\n                    ]\n                },\n                'D': {\n                    score: 60,\n                    title: '\u5e73\u8861\u767c\u5c55\u578b',\n                    description: '\u4f60\u7684\u611b\u60c5\u9396\u9bae\u80fd\u529b\u4e0d\u932f\u3002\u4f60\u61c2\u5f97\u4fdd\u6301\u7368\u7acb\u6027\uff0c\u4e0d\u6703\u51e1\u4e8b\u4f9d\u8cf4\u5c0d\u65b9\uff0c\u66f4\u4e0d\u6703\u6574\u5929\u570d\u7e5e\u8457\u611b\u60c5\u8f49\u3002\u4f46\u6709\u6642\u904e\u65bc\u7368\u7acb\u53cd\u800c\u6703\u6210\u70ba\u611b\u60c5\u7684\u963b\u529b\uff0c\u7562\u7adf\u611f\u60c5\u4e16\u754c\u88e1\uff0c\u8ab0\u90fd\u5e0c\u671b\u6200\u4eba\u4f9d\u8cf4\u81ea\u5df1\u591a\u4e00\u4e9b\u3002\u5efa\u8b70\u4f60\u5728\u8207\u5c0d\u65b9\u5206\u4eab\u5feb\u6a02\u7684\u540c\u6642\uff0c\u5076\u723e\u4e5f\u8b93\u5c0d\u65b9\u5206\u64d4\u4f60\u7684\u7169\u60f1\u3002',\n                    advice: [\n                        '\u9069\u5ea6\u4f9d\u8cf4\uff1a\u5b78\u7fd2\u5728\u9700\u8981\u6642\u5411\u4f34\u4fb6\u6c42\u52a9\uff0c\u8b93\u5c0d\u65b9\u611f\u53d7\u5230\u88ab\u9700\u8981',\n                        '\u5206\u4eab\u8106\u5f31\uff1a\u5076\u723e\u5c55\u73fe\u4f60\u7684\u8edf\u5f31\u9762\uff0c\u589e\u9032\u60c5\u611f\u89aa\u5bc6\u5ea6',\n                        '\u5171\u540c\u6c7a\u7b56\uff1a\u5728\u91cd\u8981\u6c7a\u5b9a\u4e0a\u5fb5\u6c42\u4f34\u4fb6\u610f\u898b\uff0c\u8b93\u5c0d\u65b9\u53c3\u8207\u4f60\u7684\u751f\u6d3b',\n                        '\u5275\u9020\u4ea4\u96c6\uff1a\u589e\u52a0\u5171\u540c\u6d3b\u52d5\u7684\u6642\u9593\uff0c\u5efa\u7acb\u66f4\u591a\u5171\u4eab\u7d93\u9a57',\n                        '\u60c5\u611f\u8868\u9054\uff1a\u7df4\u7fd2\u66f4\u983b\u7e41\u5730\u8868\u9054\u611b\u610f\u548c\u9700\u8981\uff0c\u4e0d\u8981\u7e3d\u662f\u7368\u81ea\u627f\u64d4'\n                    ]\n                }\n            };\n            \n            \/\/ \u5207\u63db\u9801\u9762\n            function switchPage(targetPage) {\n                const pages = document.querySelectorAll('.lf-page-section');\n                pages.forEach(page => {\n                    page.classList.remove('active');\n                });\n                \n                setTimeout(() => {\n                    document.getElementById(targetPage).classList.add('active');\n                    \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\n                }, 100);\n            }\n            \n            \/\/ \u958b\u59cb\u6e2c\u9a57\n            function startQuiz() {\n                switchPage('quizmain9');\n                selectedAnswer = null;\n                \/\/ \u6e05\u9664\u4e4b\u524d\u7684\u9078\u64c7\n                document.querySelectorAll('.lf-option-card').forEach(card => {\n                    card.classList.remove('selected');\n                });\n            }\n            \n            \/\/ \u9078\u64c7\u9078\u9805\n            function selectOption(answer) {\n                selectedAnswer = answer;\n                \n                \/\/ \u66f4\u65b0UI\n                document.querySelectorAll('.lf-option-card').forEach(card => {\n                    card.classList.remove('selected');\n                });\n                document.querySelector(`[data-value=\"${answer}\"]`).classList.add('selected');\n                \n                \/\/ \u5ef6\u9072\u986f\u793a\u7d50\u679c\n                setTimeout(() => {\n                    showResult();\n                }, 500);\n            }\n            \n            \/\/ \u986f\u793a\u7d50\u679c\n            function showResult() {\n                const result = results[selectedAnswer];\n                \n                \/\/ \u66f4\u65b0\u5206\u6578\u548c\u63cf\u8ff0\n                document.getElementById('scoreNumber').textContent = result.score;\n                document.getElementById('resultDescription').innerHTML = `\n                    <p class=\"mb-3\"><strong>${result.title}<\/strong><\/p>\n                    <p>${result.description}<\/p>\n                `;\n                \n                \/\/ \u751f\u6210\u500b\u6027\u5316\u5efa\u8b70\n                let adviceHTML = '';\n                result.advice.forEach(item => {\n                    adviceHTML += `\n                        <div class=\"lf-advice-item\">\n                            <i class=\"bi bi-check-circle-fill lf-advice-icon\"><\/i>\n                            <div>${item}<\/div>\n                        <\/div>\n                    `;\n                });\n                document.getElementById('personalAdvice').innerHTML = adviceHTML;\n                \n                \/\/ \u5275\u5efa\u5716\u8868\n                createChart(result.score);\n                \n                \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\n                switchPage('quizresult9');\n            }\n            \n            \/\/ \u5275\u5efa\u5716\u8868\n            function createChart(score) {\n                \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n                if (currentChart) {\n                    currentChart.destroy();\n                }\n                \n                const ctx = document.getElementById('resultChart').getContext('2d');\n                \n                currentChart = new Chart(ctx, {\n                    type: 'doughnut',\n                    data: {\n                        labels: ['\u4f60\u7684\u9396\u9bae\u80fd\u529b', '\u5f85\u63d0\u5347\u7a7a\u9593'],\n                        datasets: [{\n                            data: [score, 100 - score],\n                            backgroundColor: [\n                                'rgba(249, 180, 171, 0.8)',\n                                'rgba(253, 225, 173, 0.3)'\n                            ],\n                            borderColor: [\n                                'rgba(249, 180, 171, 1)',\n                                'rgba(253, 225, 173, 0.5)'\n                            ],\n                            borderWidth: 2\n                        }]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: false,\n                        plugins: {\n                            legend: {\n                                position: 'bottom',\n                                labels: {\n                                    padding: 20,\n                                    font: {\n                                        size: 18,\n                                        family: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif'\n                                    },\n                                    color: '#4a5568'\n                                }\n                            },\n                            tooltip: {\n                                callbacks: {\n                                    label: function(context) {\n                                        return context.label + ': ' + context.parsed + '\u5206';\n                                    }\n                                },\n                                bodyFont: {\n                                    size: 16\n                                }\n                            }\n                        },\n                        cutout: '65%'\n                    }\n                });\n            }\n            \n            \/\/ \u91cd\u65b0\u6e2c\u8a66\n            function restart() {\n                selectedAnswer = null;\n                if (currentChart) {\n                    currentChart.destroy();\n                    currentChart = null;\n                }\n                switchPage('quizintro9');\n            }\n            \n            return {\n                startQuiz,\n                selectOption,\n                restart\n            };\n        })();\n    <\/script>","protected":false},"excerpt":{"rendered":"<p>\u975e\u5e38\u91cd\u8981\uff0c\u90a3\u5c31\u662f\u5982\u4f55\u7ed9\u81ea\u5df1\u7684\u7231\u60c5\u4fdd\u6301\u65b0\u9c9c\u611f\u3002\u56e0\u4e3a\u4e0d\u5c11\u7684\u7231\u60c5\uff0c\u6700\u7ec8\u7ecf\u4e0d\u8d77\u7684\u662f\u5e73\u6de1\u3002\u90a3\u4e48\uff0c\u4f60\u80fd\u5426\u4e3a\u81ea\u5df1\u7684\u7231\u60c5\u9501\u9c9c\u5462\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":"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":[179,178],"tags":[],"class_list":["post-2544","post","type-post","status-publish","format-standard","hentry","category-marriage","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2544","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=2544"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2544\/revisions"}],"predecessor-version":[{"id":10674,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2544\/revisions\/10674"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}