{"id":2357,"date":"2023-10-08T09:29:23","date_gmt":"2023-10-08T01:29:23","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2357"},"modified":"2025-05-10T17:11:54","modified_gmt":"2025-05-10T09:11:54","slug":"endure-grievances-for-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/endure-grievances-for-love","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u4f1a\u4e3a\u7231\u53d7\u59d4\u5c48\u5417"},"content":{"rendered":"<!-- \u611b\u60c5\u6e2c\u9a57\u61c9\u7528 - \u958b\u59cb -->\n<style>\n    :root {\n        \/* \u914d\u8272\u65b9\u6848 *\/\n        --primary-color: #ff6b6b;\n        --primary-light: #ff9999;\n        --primary-dark: #cc5555;\n        --secondary-color: #4ecdc4;\n        --secondary-light: #a0e4de;\n        --secondary-dark: #3da59e;\n        --accent-color: #ffe66d;\n        --text-color: #2d3436;\n        --text-light: #636e72;\n        --background-color: #ffffff;\n        --background-secondary: #f9f9f9;\n        --border-color: #dfe6e9;\n        --success-color: #55bd8a;\n        --warning-color: #feca57;\n        \n        \/* \u5b57\u9ad4\u8a2d\u5b9a *\/\n        --font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        --heading-font: var(--font-family);\n        \n        \/* \u9593\u8ddd *\/\n        --spacing-unit: 8px;\n        --spacing-xs: calc(var(--spacing-unit) * 1);\n        --spacing-sm: calc(var(--spacing-unit) * 2);\n        --spacing-md: calc(var(--spacing-unit) * 3);\n        --spacing-lg: calc(var(--spacing-unit) * 4);\n        --spacing-xl: calc(var(--spacing-unit) * 6);\n        \n        \/* \u908a\u6846\u548c\u9670\u5f71 *\/\n        --border-radius: 8px;\n        --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        --box-shadow-hover: 0 8px 15px rgba(0, 0, 0, 0.15);\n    }\n    \n    * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .love-quiz-container {\n        max-width: 580px;\n        margin: 0 auto;\n        padding: var(--spacing-md);\n        background-color: var(--background-color);\n        box-shadow: var(--box-shadow);\n        border-radius: var(--border-radius);\n        margin-top: var(--spacing-xl);\n        margin-bottom: var(--spacing-xl);\n        transition: all 0.3s ease;\n        font-family: var(--font-family);\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--text-color);\n    }\n    \n    @media (max-width: 600px) {\n        .love-quiz-container {\n            margin-top: var(--spacing-md);\n            margin-bottom: var(--spacing-md);\n            padding: var(--spacing-sm);\n            width: 100%;\n        }\n    }\n    \n    \/* \u6a19\u984c\u6a23\u5f0f *\/\n    .love-quiz-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: var(--primary-color);\n        text-align: center;\n        margin-bottom: var(--spacing-lg);\n        position: relative;\n        padding-bottom: var(--spacing-md);\n    }\n    \n    .love-quiz-title::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 3px;\n        background-color: var(--primary-light);\n        border-radius: 3px;\n    }\n    \n    \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n    .love-quiz-intro {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    \n    .love-quiz-icon {\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        background-color: var(--primary-light);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: var(--spacing-lg);\n        box-shadow: var(--box-shadow);\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .love-quiz-icon svg {\n        width: 60px;\n        height: 60px;\n        fill: white;\n    }\n    \n    .love-quiz-desc {\n        text-align: left;\n        margin-bottom: var(--spacing-lg);\n        color: var(--text-light);\n        font-size: 16px;\n        line-height: 1.6;\n        padding: 0;\n    }\n    \n    .love-quiz-features {\n        display: flex;\n        flex-direction: column;\n        margin-bottom: var(--spacing-lg);\n        width: 100%;\n    }\n    \n    .love-quiz-feature {\n        display: flex;\n        align-items: center;\n        padding: var(--spacing-md);\n        background-color: var(--background-secondary);\n        border-radius: var(--border-radius);\n        width: 100%;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        margin-bottom: var(--spacing-xs);\n    }\n    \n    .feature-icon {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background-color: var(--secondary-light);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: var(--spacing-md);\n        flex-shrink: 0;\n    }\n    \n    .feature-icon svg {\n        width: 20px;\n        height: 20px;\n        fill: var(--secondary-dark);\n    }\n    \n    .feature-text {\n        font-size: 16px;\n        color: var(--text-color);\n    }\n    \n    .love-quiz-button {\n        padding: var(--spacing-sm) var(--spacing-lg);\n        background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));\n        color: white;\n        border: none;\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: var(--box-shadow);\n        min-width: 160px;\n        text-align: center;\n        margin: var(--spacing-md) 0;\n    }\n    \n    .love-quiz-button:hover {\n        transform: translateY(-3px);\n        box-shadow: var(--box-shadow-hover);\n        background: linear-gradient(135deg, var(--primary-color), var(--primary-light));\n    }\n    \n    .love-quiz-button:active {\n        transform: translateY(1px);\n    }\n    \n    \/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n    .love-quiz-progress-container {\n        margin-bottom: var(--spacing-lg);\n    }\n    \n    .love-quiz-progress-text {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: var(--spacing-xs);\n        font-size: 14px;\n        color: var(--text-light);\n    }\n    \n    .love-quiz-progress-bar {\n        height: 8px;\n        background-color: var(--border-color);\n        border-radius: 4px;\n        overflow: hidden;\n    }\n    \n    .love-quiz-progress-fill {\n        height: 100%;\n        background: linear-gradient(to right, var(--secondary-color), var(--primary-color));\n        border-radius: 4px;\n        transition: width 0.3s ease;\n    }\n    \n    .love-quiz-question {\n        margin-bottom: var(--spacing-lg);\n    }\n    \n    .question-text {\n        font-size: 22px;\n        font-weight: 700;\n        margin-bottom: var(--spacing-lg);\n        color: var(--text-color);\n    }\n    \n    .love-quiz-options {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-md);\n    }\n    \n    .love-quiz-option {\n        padding: var(--spacing-md);\n        border: 2px solid var(--border-color);\n        border-radius: var(--border-radius);\n        cursor: pointer;\n        transition: all 0.2s ease;\n        position: relative;\n        display: flex;\n        align-items: center;\n    }\n    \n    .love-quiz-option span {\n        font-size: 18px;\n        color: var(--text-color);\n    }\n    \n    .love-quiz-option:hover {\n        border-color: var(--primary-light);\n        background-color: rgba(255, 107, 107, 0.05);\n    }\n    \n    .love-quiz-option.selected {\n        border-color: var(--primary-color);\n        background-color: rgba(255, 107, 107, 0.1);\n    }\n    \n    .love-quiz-option.selected:before {\n        content: '';\n        position: absolute;\n        right: var(--spacing-md);\n        width: 20px;\n        height: 20px;\n        background-color: var(--primary-color);\n        border-radius: 50%;\n    }\n    \n    .love-quiz-option.selected:after {\n        content: '';\n        position: absolute;\n        right: calc(var(--spacing-md) + 7px);\n        top: calc(50% - 1px);\n        transform: translateY(-50%) rotate(45deg);\n        width: 6px;\n        height: 10px;\n        border-right: 2px solid white;\n        border-bottom: 2px solid white;\n    }\n    \n    .love-quiz-navigation {\n        display: flex;\n        justify-content: center;\n        margin-top: var(--spacing-xl);\n    }\n    \n    .love-quiz-prev {\n        padding: var(--spacing-sm) var(--spacing-lg);\n        background-color: var(--background-secondary);\n        color: var(--text-color);\n        border: 1px solid var(--border-color);\n        border-radius: 50px;\n        font-size: 16px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        min-width: 120px;\n        text-align: center;\n    }\n    \n    .love-quiz-prev:hover {\n        background-color: var(--border-color);\n    }\n    \n    .love-quiz-prev:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n    \n    \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n    .love-quiz-results {\n        text-align: center;\n    }\n    \n    .love-quiz-result-title {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--primary-color);\n        margin-bottom: var(--spacing-lg);\n    }\n    \n    .love-quiz-result-category {\n        font-size: 28px;\n        font-weight: 700;\n        color: var(--primary-dark);\n        margin-bottom: var(--spacing-lg);\n        padding: var(--spacing-md);\n        border-radius: var(--border-radius);\n        background-color: rgba(255, 107, 107, 0.1);\n        display: inline-block;\n    }\n    \n    .love-quiz-result-description {\n        text-align: left;\n        margin-bottom: var(--spacing-lg);\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--text-color);\n    }\n    \n    .love-quiz-result-chart-container {\n        margin: var(--spacing-lg) auto;\n        width: 100%;\n        max-width: 400px;\n        height: auto;\n    }\n    \n    .love-quiz-restart {\n        margin-top: var(--spacing-xl);\n    }\n    \n    \/* \u52d5\u756b\u6548\u679c *\/\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    .love-quiz-container > div {\n        animation: fadeIn 0.5s ease forwards;\n    }\n    \n    \/* \u78ba\u4fdd\u4e0d\u8207WordPress\u4e3b\u984c\u885d\u7a81 *\/\n    .love-quiz-container button,\n    .love-quiz-container h2,\n    .love-quiz-container h3,\n    .love-quiz-container p {\n        font-family: var(--font-family) !important;\n    }\n    \n    .love-quiz-container h2 {\n        margin-top: 0 !important;\n        border-bottom: none !important;\n    }\n    \n    .love-quiz-hidden {\n        display: none !important;\n    }\n<\/style>\n\n<div class=\"love-quiz-container\" id=\"loveQuizContainer\">\n    <!-- \u5f15\u5c0e\u9801 -->\n    <div id=\"loveQuizIntro\">\n        <h2 class=\"love-quiz-title\">\u4f60\u4f1a\u4e3a\u7231\u53d7\u59d4\u5c48\u5417\uff1f<\/h2>\n        \n        <div class=\"love-quiz-intro\">\n            <div class=\"love-quiz-icon\">\n                <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <p class=\"love-quiz-desc\">\n                \u5728\u7231\u60c5\u5f53\u4e2d\uff0c\u5148\u7231\u7684\u90a3\u4e2a\u4eba\uff0c\u4f3c\u4e4e\u603b\u662f\u8f93\u5bb6\uff0c\u66f4\u7231\u7684\u4eba\u90a3\u4e2a\u4eba\uff0c\u4e5f\u662f\u4e00\u4e2a\u8f93\u5bb6\uff0c\u4ed6\u4eec\u66f4\u5bb9\u6613\u5728\u7231\u60c5\u5f53\u4e2d\u53d7\u5230\u59d4\u5c48\uff0c\u53ef\u662f\u6709\u7684\u4eba\u613f\u610f\u4e3a\u4e86\u7231\u60c5\u53d7\u59d4\u5c48\uff0c\u6709\u7684\u4eba\u53ef\u80fd\u518d\u7231\u5bf9\u65b9\uff0c\u53d7\u4e86\u59d4\u5c48\u90fd\u4f1a\u79bb\u5f00\u3002\u4e0d\u77e5\u9053\u4f60\u4f1a\u600e\u6837\uff1f\n            <\/p>\n            \n            <div class=\"love-quiz-features\">\n                <div class=\"love-quiz-feature\">\n                    <div class=\"feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-text\">\u7b80\u5355\u6709\u8da3\u7684\u6d4b\u9a8c<\/div>\n                <\/div>\n                \n                <div class=\"love-quiz-feature\">\n                    <div class=\"feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93s3.06-7.44 7-7.93v15.86zm2-15.86c1.03.13 2 .45 2.87.93H13v-.93zM13 7h5.24c.25.31.48.65.68 1H13V7zm0 3h6.74c.08.33.15.66.19 1H13v-1zm0 9.93V19h2.87c-.87.48-1.84.8-2.87.93zM18.24 17H13v-1h5.92c-.2.35-.43.69-.68 1zm1.5-3H13v-1h6.93c-.04.34-.11.67-.19 1z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-text\">\u4e2a\u6027\u5316\u5206\u6790<\/div>\n                <\/div>\n                \n                <div class=\"love-quiz-feature\">\n                    <div class=\"feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-text\">\u5b8c\u5168\u533f\u540d\u6d4b\u8bd5<\/div>\n                <\/div>\n            <\/div>\n            \n            <button class=\"love-quiz-button\" id=\"startQuizBtn\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n        <\/div>\n    <\/div>\n    \n    <!-- \u6e2c\u9a57\u9801 -->\n    <div id=\"loveQuizQuestions\" class=\"love-quiz-hidden\">\n        <h2 class=\"love-quiz-title\">\u4f60\u4f1a\u4e3a\u7231\u53d7\u59d4\u5c48\u5417\uff1f<\/h2>\n        \n        <div class=\"love-quiz-progress-container\">\n            <div class=\"love-quiz-progress-text\">\n                <span id=\"currentQuestionText\">\u95ee\u98981\/10<\/span>\n                <span id=\"percentComplete\">10%<\/span>\n            <\/div>\n            <div class=\"love-quiz-progress-bar\">\n                <div class=\"love-quiz-progress-fill\" id=\"progressFill\" style=\"width: 10%;\"><\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"love-quiz-question\">\n            <h3 class=\"question-text\" id=\"questionText\">1\u3001\u6709\u4eba\u8bf4\u8fc7\u4f60\u957f\u5f97\u6bd4\u8f83\u6709\u6c14\u8d28\u5417\uff1f<\/h3>\n            \n            <div class=\"love-quiz-options\" id=\"optionsContainer\">\n                <!-- \u9078\u9805\u5167\u5bb9\u5c07\u7531JavaScript\u52d5\u614b\u751f\u6210 -->\n            <\/div>\n        <\/div>\n        \n        <div class=\"love-quiz-navigation\">\n            <button class=\"love-quiz-prev\" id=\"prevQuestionBtn\" disabled>\u4e0a\u4e00\u9898<\/button>\n        <\/div>\n    <\/div>\n    \n    <!-- \u7d50\u679c\u9801 -->\n    <div id=\"loveQuizResults\" class=\"love-quiz-hidden\">\n        <h2 class=\"love-quiz-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n        \n        <div class=\"love-quiz-results\">\n            <div class=\"love-quiz-result-category\" id=\"resultCategory\">A\u3001\u4e0d\u4e3a\u7231\u53d7\u59d4\u5c48<\/div>\n            \n            <div class=\"love-quiz-result-chart-container\">\n                <canvas id=\"resultChart\"><\/canvas>\n            <\/div>\n            \n            <div class=\"love-quiz-result-description\" id=\"resultDescription\">\n                <!-- \u7d50\u679c\u63cf\u8ff0\u5c07\u7531JavaScript\u52d5\u614b\u751f\u6210 -->\n            <\/div>\n            \n            <button class=\"love-quiz-button love-quiz-restart\" id=\"restartQuizBtn\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- \u8f09\u5165Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<script>\n    (function() {\n        'use strict';\n        \n        \/\/ \u907f\u514d\u5168\u5c40\u8b8a\u91cf\u6c61\u67d3\n        const LoveQuiz = {\n            \/\/ \u7576\u524d\u554f\u984c\u7d22\u5f15\n            currentQuestionIndex: 0,\n            \n            \/\/ \u7528\u6236\u9078\u64c7\u7684\u7b54\u6848\n            userAnswers: [],\n            \n            \/\/ \u554f\u984c\u548c\u7b54\u6848\u6578\u64da\n            quizData: {\n                questions: [\n                    {\n                        id: 1,\n                        text: \"1\u3001\u6709\u4eba\u8aaa\u904e\u4f60\u9577\u5f97\u6bd4\u8f03\u6709\u6c23\u8cea\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u662f\u7684\", nextQuestion: 2 },\n                            { text: \"\u4e0d\u662f\", nextQuestion: 3 },\n                            { text: \"\u4e0d\u77e5\u9053\", nextQuestion: 4 }\n                        ]\n                    },\n                    {\n                        id: 2,\n                        text: \"2\u3001\u4f60\u73fe\u5728\u9084\u6703\u5f88\u559c\u6b61\u81ea\u62cd\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u662f\u7684\", nextQuestion: 3 },\n                            { text: \"\u4e0d\u662f\", nextQuestion: 4 },\n                            { text: \"\u5076\u723e\", nextQuestion: 5 }\n                        ]\n                    },\n                    {\n                        id: 3,\n                        text: \"3\u3001\u4f60\u66fe\u7d93\u4e1f\u5931\u904e\u8cb4\u91cd\u7684\u6771\u897f\uff1f\",\n                        options: [\n                            { text: \"\u662f\u7684\", nextQuestion: 4 },\n                            { text: \"\u4e0d\u662f\", nextQuestion: 5 },\n                            { text: \"\u9084\u597d\", nextQuestion: 6 }\n                        ]\n                    },\n                    {\n                        id: 4,\n                        text: \"4\u3001\u4f60\u6709\u6c92\u6709\u5012\u8ffd\u904e\u81ea\u5df1\u559c\u6b61\u7684\u4eba\uff1f\",\n                        options: [\n                            { text: \"\u6709\u904e\", nextQuestion: 5 },\n                            { text: \"\u6c92\u6709\", nextQuestion: 6 },\n                            { text: \"\u6697\u793a\u904e\", nextQuestion: 7 }\n                        ]\n                    },\n                    {\n                        id: 5,\n                        text: \"5\u3001\u4f60\u73fe\u5728\u7684\u7570\u6027\u7de3\u662f\u633a\u597d\u7684\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u662f\u7684\", nextQuestion: 6 },\n                            { text: \"\u633a\u5dee\", nextQuestion: 7 },\n                            { text: \"\u4e00\u822c\", nextQuestion: 8 }\n                        ]\n                    },\n                    {\n                        id: 6,\n                        text: \"6\u3001\u8cb7\u4e86\u4e00\u675f\u9bae\u82b1\uff0c\u4f60\u6703\u628a\u5b83\u653e\u5728\u54ea\uff1f\",\n                        options: [\n                            { text: \"\u9910\u5ef3\", nextQuestion: 7 },\n                            { text: \"\u5ba2\u5ef3\", nextQuestion: 8 },\n                            { text: \"\u81e5\u5ba4\", result: \"A\" }\n                        ]\n                    },\n                    {\n                        id: 7,\n                        text: \"7\u3001\u4f60\u6703\u7167\u8457\u7f8e\u98df\u8996\u8a0a\u505a\u597d\u5403\u7684\u55ce\uff1f\",\n                        options: [\n                            { text: \"\u6703\u7684\", nextQuestion: 8 },\n                            { text: \"\u4e0d\u6703\", nextQuestion: 9 },\n                            { text: \"\u5076\u723e\", nextQuestion: 10 }\n                        ]\n                    },\n                    {\n                        id: 8,\n                        text: \"8\u3001\u767d\u8272\u3001\u9ed1\u8272\u3001\u9999\u6ab3\u8272\u7684\u624b\u6a5f\uff0c\u4f60\u66f4\u559c\u6b61\u54ea\u500b\uff1f\",\n                        options: [\n                            { text: \"\u767d\u8272\", nextQuestion: 9 },\n                            { text: \"\u9ed1\u8272\", result: \"A\" },\n                            { text: \"\u9999\u6ab3\u8272\", result: \"B\" }\n                        ]\n                    },\n                    {\n                        id: 9,\n                        text: \"9\u3001\u5929\u6c23\u775b\u597d\uff0c\u6709\u6771\u897f\u5728\u773c\u524d\u98db\u904e\uff0c\u4f60\u89ba\u5f97\u90a3\u662f\u4ec0\u9ebc\u6771\u897f\uff1f\",\n                        options: [\n                            { text: \"\u871c\u8702\", result: \"C\" },\n                            { text: \"\u8774\u8776\", result: \"D\" },\n                            { text: \"\u873b\u8713\", result: \"A\" }\n                        ]\n                    },\n                    {\n                        id: 10,\n                        text: \"10\u3001\u4e0b\u9762\u5e7e\u7a2e\u7f8e\uff0c\u4f60\u6700\u559c\u6b61\u7684\u662f\uff1f\",\n                        options: [\n                            { text: \"\u52d5\u611f\u7f8e\", result: \"B\" },\n                            { text: \"\u5be7\u975c\u7f8e\", result: \"C\" },\n                            { text: \"\u6148\u60b2\u7f8e\", result: \"D\" }\n                        ]\n                    }\n                ],\n                results: {\n                    \"A\": {\n                        title: \"A\u3001\u4e0d\u70ba\u611b\u53d7\u59d4\u5c48\",\n                        description: \"\u4f60\u662f\u4e00\u500b\u6709\u4e3b\u898b\u7684\u4eba\uff0c\u4e0d\u6703\u4eba\u4e91\u4ea6\u4e91\uff0c\u5728\u611f\u60c5\u7576\u4e2d\uff0c\u4f60\u4e5f\u6bd4\u8f03\u80fd\u5805\u6301\u81ea\u6211\u3002\u5373\u4f7f\u4f60\u518d\u611b\u4e00\u500b\u4eba\uff0c\u4f60\u4e5f\u6703\u89ba\u5f97\u81ea\u5df1\u624d\u662f\u6392\u5728\u7b2c\u4e00\u4f4d\u7684\uff0c\u6240\u4ee5\u5728\u611b\u60c5\u7576\u4e2d\uff0c\u4f60\u4e0d\u6703\u70ba\u4e86\u611b\u60c5\u53d7\u59d4\u5c48\u3002\u53ea\u8981\u53d7\u4e86\u4e00\u6b21\u59d4\u5c48\uff0c\u4f60\u6703\u767c\u73fe\uff0c\u5927\u6982\u672a\u4f86\u5e7e\u5341\u5e74\u4e5f\u6703\u53d7\u4e0b\u53bb\u3002\u4f60\u624d\u4e0d\u6703\u70ba\u611b\u53d7\u59d4\u5c48\u5462\uff01\u4f60\u6703\u8f49\u8eab\u5c31\u8d70\uff01\",\n                        scores: {\n                            \"\u81ea\u6211\u5c0a\u91cd\": 90,\n                            \"\u7368\u7acb\u6027\": 85,\n                            \"\u5805\u6301\u81ea\u6211\": 95,\n                            \"\u611f\u60c5\u6295\u5165\": 65\n                        }\n                    },\n                    \"B\": {\n                        title: \"B\u3001\u53d7\u4e00\u9663\u59d4\u5c48\",\n                        description: \"\u6709\u4e00\u7a2e\u4eba\uff0c\u5403\u5f97\u4e86\u8667\uff0c\u53d7\u5f97\u4e86\u7f6a\uff0c\u4e5f\u6703\u5728\u611f\u60c5\u7576\u4e2d\uff0c\u70ba\u4e86\u611b\u60c5\u800c\u53d7\u59d4\u5c48\u3002\u4f46\u662f\u4ed6\u5011\u4e5f\u6709\u539f\u5247\u8207\u5e95\u7dda\uff0c\u5982\u679c\u53d7\u7684\u59d4\u5c48\u52a0\u8d77\u4f86\u5f88\u591a\u4e86\uff0c\u7d2f\u7a4d\u5230\u4e00\u5b9a\u7684\u7a0b\u5ea6\uff0c\u4ed6\u5011\u5c31\u6703\u7206\u767c\u3002\u662f\u7684\uff0c\u4f60\u5c31\u662f\u9019\u6a23\u7684\u4eba\u3002\u5728\u611f\u60c5\u7576\u4e2d\uff0c\u6703\u4ed8\u51fa\uff0c\u4e5f\u6703\u53d7\u59d4\u5c48\uff0c\u4f46\u53ea\u6703\u53d7\u4e00\u9663\u59d4\u5c48\uff0c\u7576\u59d4\u5c48\u3001\u5931\u671b\u3001\u50b7\u5fc3\u904e\u4e86\u982d\uff0c\u4f60\u4e5f\u6703\u6beb\u4e0d\u7336\u8c6b\u5730\u8d70\u3002\",\n                        scores: {\n                            \"\u81ea\u6211\u5c0a\u91cd\": 75,\n                            \"\u7368\u7acb\u6027\": 70,\n                            \"\u5805\u6301\u81ea\u6211\": 65,\n                            \"\u611f\u60c5\u6295\u5165\": 80\n                        }\n                    },\n                    \"C\": {\n                        title: \"C\u3001\u4e00\u76f4\u53d7\u5c0f\u59d4\u5c48\",\n                        description: \"\u4f60\u662f\u90a3\u7a2e\u7279\u5225\u6eab\u548c\u7684\u4eba\uff0c\u4e5f\u80fd\u5305\u5bb9\u5f88\u591a\u4e8b\u60c5\uff0c\u4f60\u6df1\u77e5\u4e00\u6bb5\u611f\u60c5\uff0c\u7e3d\u662f\u8981\u6709\u4eba\u53d7\u59d4\u5c48\u7684\uff0c\u6c92\u6709\u767e\u5206\u767e\u4e0d\u53d7\u59d4\u5c48\u7684\u611f\u60c5\u3002\u6240\u4ee5\u5982\u679c\u4f60\u611b\u90a3\u500b\u4eba\uff0c\u4f60\u9078\u64c7\u53d7\u59d4\u5c48\uff0c\u5c31\u6703\u4e00\u76f4\u53d7\u4e0b\u53bb\u3002\u4e0d\u904e\u751f\u6d3b\u4e2d\u7684\u5c0f\u59d4\u5c48\uff0c\u4f60\u662f\u89ba\u5f97\u7121\u6240\u8b02\uff0c\u4f46\u5982\u679c\u662f\u59d4\u5c48\u592a\u5927\u4e86\uff0c\u6d89\u53ca\u5230\u81ea\u5df1\u7684\u5e95\u7dda\u4e86\uff0c\u4f60\u4e5f\u4e0d\u6703\u518d\u53d7\u4e0b\u53bb\u7684\u3002\",\n                        scores: {\n                            \"\u81ea\u6211\u5c0a\u91cd\": 60,\n                            \"\u7368\u7acb\u6027\": 50,\n                            \"\u5805\u6301\u81ea\u6211\": 45,\n                            \"\u611f\u60c5\u6295\u5165\": 90\n                        }\n                    },\n                    \"D\": {\n                        title: \"D\u3001\u6a02\u610f\u53d7\u59d4\u5c48\",\n                        description: \"\u4f60\u662f\u4e00\u500b\u8a3b\u5b9a\u70ba\u4e86\u611b\u800c\u751f\u7684\u4eba\uff0c\u4f60\u771f\u7684\u6703\u70ba\u4e86\u611b\u800c\u53d7\u7a2e\u7a2e\u59d4\u5c48\uff0c\u4e0d\u904e\u4f60\u537b\u9084\u662f\u6a02\u5728\u5176\u4e2d\uff0c\u54ed\u904e\u4e4b\u5f8c\uff0c\u53c8\u8ddf\u6c92\u767c\u751f\u904e\u9019\u4ef6\u4e8b\u60c5\u4e00\u6a23\u3002\u56e0\u70ba\u4f60\u89ba\u5f97\uff0c\u611b\u9019\u7a2e\u6771\u897f\u662f\u6700\u4e0d\u80fd\u8a08\u8f03\u7684\uff0c\u4f60\u96d6\u7136\u70ba\u4e86\u4ed6\u53d7\u59d4\u5c48\uff0c\u4e0d\u904e\u6709\u7684\u6642\u5019\u4ed6\u4e5f\u6703\u70ba\u4f60\u53d7\u59d4\u5c48\uff0c\u6240\u4ee5\u4e00\u5207\u90fd\u662f\u516c\u5e73\u3002\u5916\u4eba\u89ba\u5f97\u53d7\u4e0d\u4e86\uff0c\u4f46\u662f\u4f60\u7121\u6240\u8b02\uff0c\u7562\u7adf\u611b\u6700\u5927\u3002\",\n                        scores: {\n                            \"\u81ea\u6211\u5c0a\u91cd\": 45,\n                            \"\u7368\u7acb\u6027\": 40,\n                            \"\u5805\u6301\u81ea\u6211\": 35,\n                            \"\u611f\u60c5\u6295\u5165\": 95\n                        }\n                    }\n                }\n            },\n            \n            \/\/ DOM\u5143\u7d20\u5f15\u7528\n            elements: {\n                introSection: null,\n                questionsSection: null,\n                resultsSection: null,\n                startButton: null,\n                prevButton: null,\n                restartButton: null,\n                questionText: null,\n                optionsContainer: null,\n                progressFill: null,\n                currentQuestionText: null,\n                percentComplete: null,\n                resultCategory: null,\n                resultDescription: null,\n                resultChart: null\n            },\n            \n            \/\/ \u5716\u8868\u5be6\u4f8b\n            chart: null,\n            \n            \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n            init: function() {\n                \/\/ \u7372\u53d6DOM\u5143\u7d20\n                this.elements.introSection = document.getElementById('loveQuizIntro');\n                this.elements.questionsSection = document.getElementById('loveQuizQuestions');\n                this.elements.resultsSection = document.getElementById('loveQuizResults');\n                this.elements.startButton = document.getElementById('startQuizBtn');\n                this.elements.prevButton = document.getElementById('prevQuestionBtn');\n                this.elements.restartButton = document.getElementById('restartQuizBtn');\n                this.elements.questionText = document.getElementById('questionText');\n                this.elements.optionsContainer = document.getElementById('optionsContainer');\n                this.elements.progressFill = document.getElementById('progressFill');\n                this.elements.currentQuestionText = document.getElementById('currentQuestionText');\n                this.elements.percentComplete = document.getElementById('percentComplete');\n                this.elements.resultCategory = document.getElementById('resultCategory');\n                this.elements.resultDescription = document.getElementById('resultDescription');\n                this.elements.resultChart = document.getElementById('resultChart');\n                \n                \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n                this.bindEvents();\n            },\n            \n            \/\/ \u7d81\u5b9a\u4e8b\u4ef6\u8655\u7406\u5668\n            bindEvents: function() {\n                \/\/ \u7bc0\u6d41\u8655\u7406\u51fd\u6578\n                const throttle = (func, limit) => {\n                    let inThrottle;\n                    return function() {\n                        const args = arguments;\n                        const context = this;\n                        if (!inThrottle) {\n                            func.apply(context, args);\n                            inThrottle = true;\n                            setTimeout(() => inThrottle = false, limit);\n                        }\n                    };\n                };\n                \n                \/\/ \u958b\u59cb\u6e2c\u9a57\u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\n                this.elements.startButton.addEventListener('click', () => {\n                    this.startQuiz();\n                });\n                \n                \/\/ \u4e0a\u4e00\u984c\u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\n                this.elements.prevButton.addEventListener('click', throttle(() => {\n                    this.showPreviousQuestion();\n                }, 500));\n                \n                \/\/ \u91cd\u65b0\u6e2c\u9a57\u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\n                this.elements.restartButton.addEventListener('click', () => {\n                    this.restartQuiz();\n                });\n            },\n            \n            \/\/ \u986f\u793a\u6307\u5b9a\u90e8\u5206\uff0c\u96b1\u85cf\u5176\u4ed6\u90e8\u5206\n            showSection: function(sectionToShow) {\n                \/\/ \u96b1\u85cf\u6240\u6709\u90e8\u5206\n                this.elements.introSection.classList.add('love-quiz-hidden');\n                this.elements.questionsSection.classList.add('love-quiz-hidden');\n                this.elements.resultsSection.classList.add('love-quiz-hidden');\n                \n                \/\/ \u986f\u793a\u6307\u5b9a\u90e8\u5206\n                sectionToShow.classList.remove('love-quiz-hidden');\n                \n                \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n                window.scrollTo({\n                    top: document.getElementById('loveQuizContainer').offsetTop - 20,\n                    behavior: 'smooth'\n                });\n            },\n            \n            \/\/ \u958b\u59cb\u6e2c\u9a57\n            startQuiz: function() {\n                \/\/ \u91cd\u7f6e\u6e2c\u9a57\n                this.currentQuestionIndex = 0;\n                this.userAnswers = [];\n                \n                \/\/ \u986f\u793a\u554f\u984c\u90e8\u5206\n                this.showSection(this.elements.questionsSection);\n                \n                \/\/ \u8f09\u5165\u7b2c\u4e00\u500b\u554f\u984c\n                this.loadQuestion(this.currentQuestionIndex);\n            },\n            \n            \/\/ \u8f09\u5165\u554f\u984c\n            loadQuestion: function(questionIndex) {\n                \/\/ \u7372\u53d6\u7576\u524d\u554f\u984c\n                const question = this.quizData.questions[questionIndex];\n                \n                \/\/ \u66f4\u65b0\u554f\u984c\u6587\u672c\n                this.elements.questionText.textContent = question.text;\n                \n                \/\/ \u6e05\u7a7a\u9078\u9805\u5bb9\u5668\n                this.elements.optionsContainer.innerHTML = '';\n                \n                \/\/ \u6dfb\u52a0\u9078\u9805\n                question.options.forEach((option, index) => {\n                    const optionElement = document.createElement('div');\n                    optionElement.className = 'love-quiz-option';\n                    optionElement.setAttribute('data-index', index);\n                    \n                    \/\/ \u6aa2\u67e5\u662f\u5426\u5df2\u9078\u64c7\n                    if (this.userAnswers[questionIndex] !== undefined && \n                        this.userAnswers[questionIndex].optionIndex === index) {\n                        optionElement.classList.add('selected');\n                    }\n                    \n                    optionElement.innerHTML = `<span>${option.text}<\/span>`;\n                    \n                    \/\/ \u6dfb\u52a0\u9ede\u64ca\u4e8b\u4ef6\n                    optionElement.addEventListener('click', () => {\n                        this.selectOption(index);\n                    });\n                    \n                    this.elements.optionsContainer.appendChild(optionElement);\n                });\n                \n                \/\/ \u66f4\u65b0\u9032\u5ea6\n                const progressPercent = ((questionIndex + 1) \/ this.quizData.questions.length) * 100;\n                this.elements.progressFill.style.width = `${progressPercent}%`;\n                this.elements.currentQuestionText.textContent = `\u554f\u984c ${questionIndex + 1}\/${this.quizData.questions.length}`;\n                this.elements.percentComplete.textContent = `${Math.round(progressPercent)}%`;\n                \n                \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u72c0\u614b\n                this.elements.prevButton.disabled = questionIndex === 0;\n            },\n            \n            \/\/ \u9078\u64c7\u9078\u9805\n            selectOption: function(optionIndex) {\n                \/\/ \u5c07\u6240\u6709\u9078\u9805\u8a2d\u70ba\u672a\u9078\u4e2d\n                const options = this.elements.optionsContainer.querySelectorAll('.love-quiz-option');\n                options.forEach(option => {\n                    option.classList.remove('selected');\n                });\n                \n                \/\/ \u8a2d\u7f6e\u9078\u4e2d\u7684\u9078\u9805\n                options[optionIndex].classList.add('selected');\n                \n                \/\/ \u5132\u5b58\u7528\u6236\u9078\u64c7\n                const currentQuestion = this.quizData.questions[this.currentQuestionIndex];\n                const selectedOption = currentQuestion.options[optionIndex];\n                \n                this.userAnswers[this.currentQuestionIndex] = {\n                    questionId: currentQuestion.id,\n                    optionIndex: optionIndex,\n                    optionText: selectedOption.text\n                };\n                \n                \/\/ \u5ef6\u9072\u8df3\u8f49\u5230\u4e0b\u4e00\u500b\u554f\u984c\u6216\u986f\u793a\u7d50\u679c\n                setTimeout(() => {\n                    if (selectedOption.result) {\n                        \/\/ \u5982\u679c\u6709\u7d50\u679c\uff0c\u986f\u793a\u7d50\u679c\n                        this.showResult(selectedOption.result);\n                    } else if (selectedOption.nextQuestion) {\n                        \/\/ \u627e\u5230\u4e0b\u4e00\u500b\u554f\u984c\u7684\u7d22\u5f15\n                        const nextQuestionIndex = this.findQuestionIndexById(selectedOption.nextQuestion);\n                        if (nextQuestionIndex !== -1) {\n                            this.currentQuestionIndex = nextQuestionIndex;\n                            this.loadQuestion(this.currentQuestionIndex);\n                        }\n                    }\n                }, 300);\n            },\n            \n            \/\/ \u6839\u64da\u554f\u984cID\u67e5\u627e\u554f\u984c\u7d22\u5f15\n            findQuestionIndexById: function(questionId) {\n                return this.quizData.questions.findIndex(q => q.id === questionId);\n            },\n            \n            \/\/ \u986f\u793a\u4e0a\u4e00\u500b\u554f\u984c\n            showPreviousQuestion: function() {\n                if (this.currentQuestionIndex > 0) {\n                    \/\/ \u627e\u5230\u4e0a\u4e00\u500b\u9078\u64c7\u7684\u554f\u984c\n                    let prevQuestionIndex = this.currentQuestionIndex - 1;\n                    \n                    \/\/ \u5982\u679c\u8df3\u8e8d\u4e86\u554f\u984c\uff0c\u627e\u5230\u5be6\u969b\u7684\u4e0a\u4e00\u500b\u554f\u984c\n                    for (let i = this.userAnswers.length - 1; i >= 0; i--) {\n                        if (this.userAnswers[i] && i < this.currentQuestionIndex) {\n                            const prevQuestion = this.quizData.questions[i];\n                            const prevSelectedOption = prevQuestion.options[this.userAnswers[i].optionIndex];\n                            \n                            if (prevSelectedOption.nextQuestion === this.quizData.questions[this.currentQuestionIndex].id) {\n                                prevQuestionIndex = i;\n                                break;\n                            }\n                        }\n                    }\n                    \n                    this.currentQuestionIndex = prevQuestionIndex;\n                    this.loadQuestion(this.currentQuestionIndex);\n                }\n            },\n            \n            \/\/ \u986f\u793a\u7d50\u679c\n            showResult: function(resultKey) {\n                \/\/ \u7372\u53d6\u7d50\u679c\u6578\u64da\n                const result = this.quizData.results[resultKey];\n                \n                \/\/ \u66f4\u65b0\u7d50\u679c\u985e\u5225\n                this.elements.resultCategory.textContent = result.title;\n                \n                \/\/ \u66f4\u65b0\u7d50\u679c\u63cf\u8ff0\n                this.elements.resultDescription.textContent = result.description;\n                \n                \/\/ \u986f\u793a\u7d50\u679c\u9801\n                this.showSection(this.elements.resultsSection);\n                \n                \/\/ \u5275\u5efa\u96f7\u9054\u5716\n                this.createResultChart(result.scores);\n            },\n            \n            \/\/ \u5275\u5efa\u7d50\u679c\u5716\u8868\n            createResultChart: function(scores) {\n                \/\/ \u5982\u679c\u5df2\u7d93\u6709\u5716\u8868\uff0c\u5148\u92b7\u6bc0\n                if (this.chart) {\n                    this.chart.destroy();\n                }\n                \n                \/\/ \u6e96\u5099\u6578\u64da\n                const labels = Object.keys(scores);\n                const dataValues = Object.values(scores);\n                \n                \/\/ \u5275\u5efa\u96f7\u9054\u5716\n                const ctx = this.elements.resultChart.getContext('2d');\n                this.chart = new Chart(ctx, {\n                    type: 'radar',\n                    data: {\n                        labels: labels,\n                        datasets: [{\n                            label: '\u4f60\u7684\u5f97\u5206',\n                            data: dataValues,\n                            backgroundColor: 'rgba(255, 107, 107, 0.2)',\n                            borderColor: 'rgba(255, 107, 107, 1)',\n                            borderWidth: 2,\n                            pointBackgroundColor: 'rgba(255, 107, 107, 1)',\n                            pointBorderColor: '#fff',\n                            pointHoverBackgroundColor: '#fff',\n                            pointHoverBorderColor: 'rgba(255, 107, 107, 1)'\n                        }]\n                    },\n                    options: {\n                        scales: {\n                            r: {\n                                angleLines: {\n                                    display: true\n                                },\n                                suggestedMin: 0,\n                                suggestedMax: 100,\n                                ticks: {\n                                    stepSize: 20,\n                                    backdropColor: 'rgba(0, 0, 0, 0)',\n                                    font: {\n                                        size: 10\n                                    }\n                                },\n                                pointLabels: {\n                                    font: {\n                                        size: 12\n                                    }\n                                }\n                            }\n                        },\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                        elements: {\n                            line: {\n                                tension: 0.2\n                            }\n                        },\n                        responsive: true,\n                        maintainAspectRatio: true\n                    }\n                });\n            },\n            \n            \/\/ \u91cd\u65b0\u6e2c\u9a57\n            restartQuiz: function() {\n                \/\/ \u91cd\u7f6e\u6e2c\u9a57\u6578\u64da\n                this.currentQuestionIndex = 0;\n                this.userAnswers = [];\n                \n                \/\/ \u986f\u793a\u5f15\u5c0e\u9801\n                this.showSection(this.elements.introSection);\n                \n                \/\/ \u5982\u679c\u6709\u5716\u8868\uff0c\u92b7\u6bc0\u5b83\n                if (this.chart) {\n                    this.chart.destroy();\n                    this.chart = null;\n                }\n            }\n        };\n        \n        \/\/ \u9801\u9762\u8f09\u5165\u5b8c\u6210\u5f8c\u521d\u59cb\u5316\n        document.addEventListener('DOMContentLoaded', function() {\n            LoveQuiz.init();\n        });\n        \n        \/\/ \u9632\u6296\u51fd\u6578\n        function debounce(func, wait) {\n            let timeout;\n            return function(...args) {\n                clearTimeout(timeout);\n                timeout = setTimeout(() => func.apply(this, args), wait);\n            };\n        }\n        \n        \/\/ \u8996\u7a97\u5927\u5c0f\u8abf\u6574\u6642\u8abf\u6574\u5716\u8868\u5927\u5c0f\n        window.addEventListener('resize', debounce(function() {\n            if (LoveQuiz.chart) {\n                LoveQuiz.chart.resize();\n            }\n        }, 250));\n        \n    })();\n<\/script>\n<!-- \u611b\u60c5\u6e2c\u9a57\u61c9\u7528 - \u7d50\u675f -->","protected":false},"excerpt":{"rendered":"<p>\u53ef\u662f\u6709\u7684\u4eba\u613f\u610f\u4e3a\u4e86\u7231\u60c5\u53d7\u59d4\u5c48\uff0c\u6709\u7684\u4eba\u53ef\u80fd\u518d\u7231\u5bf9\u65b9\uff0c\u53d7\u4e86\u59d4\u5c48\u90fd\u4f1a\u79bb\u5f00\u3002\u4e0d\u77e5\u9053\u4f60\u4f1a\u600e\u6837\uff1f<\/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":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[167,179,160,178],"tags":[],"class_list":["post-2357","post","type-post","status-publish","format-standard","hentry","category-personality","category-marriage","category-attitude-scales","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2357","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=2357"}],"version-history":[{"count":4,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2357\/revisions"}],"predecessor-version":[{"id":10407,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2357\/revisions\/10407"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}