{"id":2463,"date":"2023-10-17T09:44:57","date_gmt":"2023-10-17T01:44:57","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2463"},"modified":"2025-08-15T20:27:57","modified_gmt":"2025-08-15T12:27:57","slug":"love-or-wealth-next-year","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/love-or-wealth-next-year","title":{"rendered":"\u5c0f\u6e2c\u9a57\uff1a\u4f60\u66f4\u6613\u6709\u60c5\u9084\u662f\u6709\u9322\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    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<!-- CSS \u6a23\u5f0f\u90e8\u5206 -->\n<style>\n    \/* \u57fa\u790e\u6a23\u5f0f\u8a2d\u5b9a *\/\n    :root {\n        --primary-color: #9b59b6;\n        --secondary-color: #e8b4f3;\n        --success-color: #52c41a;\n        --accent-color: #f6d365;\n        --soft-purple: #dbb2ff;\n        --soft-pink: #ffb2e6;\n        --soft-green: #b2dfdb;\n        --soft-yellow: #fff3b2;\n        --text-primary: #2c3e50;\n        --text-secondary: #7f8c8d;\n        --card-shadow: 0 2px 8px rgba(155, 89, 182, 0.08);\n        --card-hover-shadow: 0 4px 16px rgba(155, 89, 182, 0.15);\n        --selected-shadow: 0 4px 20px rgba(155, 89, 182, 0.25);\n    }\n    \n    \/* WordPress \u74b0\u5883\u91cd\u7f6e\u6a23\u5f0f - \u589e\u5f37\u512a\u5148\u7d1a *\/\n    .quiz-container * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box !important;\n    }\n    \n    .quiz-container p {\n        margin: 0 !important;\n        padding: 0 !important;\n        line-height: inherit !important;\n    }\n    \n    body {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        font-size: 18px;\n        line-height: 1.6;\n        color: var(--text-primary);\n        background: transparent;\n        padding: 20px 10px;\n    }\n    \n    .quiz-container {\n        max-width: 750px;\n        margin: 0 auto;\n        background: transparent;\n    }\n    \n    \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n    #quizintro9 {\n        padding: 30px 15px;\n        background: linear-gradient(135deg, rgba(155, 89, 182, 0.05) 0%, rgba(232, 180, 243, 0.05) 100%);\n        border-radius: 20px;\n    }\n    \n    .intro-title {\n        font-size: 32px;\n        font-weight: bold;\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        margin-bottom: 20px;\n        line-height: 1.3;\n    }\n    \n    .intro-subtitle {\n        font-size: 20px;\n        color: var(--text-secondary);\n        margin-bottom: 30px;\n    }\n    \n    .feature-card {\n        padding: 20px;\n        border-radius: 15px;\n        background: white;\n        box-shadow: var(--card-shadow);\n        margin-bottom: 20px;\n        transition: all 0.3s ease;\n    }\n    \n    .feature-card:hover {\n        transform: translateY(-3px);\n        box-shadow: var(--card-hover-shadow);\n    }\n    \n    .feature-icon {\n        width: 60px;\n        height: 60px;\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 15px;\n    }\n    \n    .feature-icon i {\n        font-size: 28px;\n        color: white;\n    }\n    \n    .start-btn {\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        color: white;\n        border: none;\n        padding: 14px 40px;\n        font-size: 18px;\n        font-weight: bold;\n        border-radius: 30px;\n        box-shadow: var(--card-shadow);\n        transition: all 0.3s ease;\n        min-width: 200px;\n    }\n    \n    .start-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: var(--card-hover-shadow);\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    }\n    \n    \/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n    #quizmain9 {\n        padding: 30px 15px;\n    }\n    \n    .progress-container {\n        margin-bottom: 25px;\n    }\n    \n    .progress {\n        height: 6px;\n        border-radius: 10px;\n        background-color: #f0f0f0;\n        overflow: hidden;\n    }\n    \n    .progress-bar {\n        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n        transition: width 0.5s ease;\n        height: 100%;\n    }\n    \n    .question-number {\n        font-size: 14px;\n        color: var(--text-secondary);\n        margin-top: 8px;\n        font-weight: 500;\n    }\n    \n    .question-title {\n        font-size: 22px;\n        font-weight: bold;\n        color: var(--text-primary);\n        margin-bottom: 25px;\n        line-height: 1.5;\n    }\n    \n    \/* \u9078\u9805\u5361\u7247\u6a23\u5f0f - WordPress\u517c\u5bb9\u6027\u589e\u5f37 *\/\n    .quiz-container .option-card {\n        position: relative;\n        margin-bottom: 15px !important;\n        cursor: pointer;\n        border: 2px solid #f0f0f0;\n        border-radius: 12px;\n        background: white;\n        box-shadow: var(--card-shadow);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        display: block !important;\n    }\n    \n    .quiz-container .option-card:hover {\n        border-color: var(--soft-purple);\n        box-shadow: var(--card-hover-shadow);\n        transform: translateX(5px);\n        background: linear-gradient(to right, rgba(155, 89, 182, 0.03), transparent);\n    }\n    \n    .quiz-container .option-card.selected {\n        border-color: var(--primary-color);\n        background: linear-gradient(to right, rgba(155, 89, 182, 0.08), rgba(232, 180, 243, 0.05));\n        box-shadow: var(--selected-shadow);\n    }\n    \n    \/* \u6838\u5fc3\u4fee\u5fa9\uff1a\u78ba\u4fdd\u6c34\u5e73\u5c0d\u9f4a *\/\n    .quiz-container .option-card-body {\n        padding: 18px 20px !important;\n        display: flex !important;\n        align-items: center !important;\n        flex-direction: row !important;\n        width: 100% !important;\n    }\n    \n    .quiz-container .option-indicator {\n        width: 28px !important;\n        height: 28px !important;\n        min-width: 28px !important;\n        min-height: 28px !important;\n        border: 2px solid #e0e0e0;\n        border-radius: 50%;\n        margin-right: 16px !important;\n        margin-top: 0 !important;\n        margin-bottom: 0 !important;\n        flex-shrink: 0 !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        background: white;\n        transition: all 0.3s ease;\n        vertical-align: middle !important;\n    }\n    \n    .quiz-container .option-card:hover .option-indicator {\n        border-color: var(--soft-purple);\n        background: rgba(155, 89, 182, 0.05);\n    }\n    \n    .quiz-container .option-card.selected .option-indicator {\n        border-color: var(--primary-color);\n        background: var(--primary-color);\n    }\n    \n    .quiz-container .option-indicator i {\n        color: white;\n        font-size: 16px;\n        display: none;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n    \n    .quiz-container .option-card.selected .option-indicator i {\n        display: block;\n    }\n    \n    \/* \u4fee\u5fa9\u6587\u5b57\u5c0d\u9f4a *\/\n    .quiz-container .option-text {\n        font-size: 18px !important;\n        color: var(--text-primary) !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        flex: 1 !important;\n        display: block !important;\n        line-height: 28px !important; \/* \u8207indicator\u9ad8\u5ea6\u76f8\u540c *\/\n        vertical-align: middle !important;\n    }\n    \n    .quiz-container .option-card:hover .option-text {\n        color: var(--primary-color) !important;\n    }\n    \n    .prev-btn {\n        background: var(--text-secondary);\n        color: white;\n        border: none;\n        padding: 10px 28px;\n        font-size: 16px;\n        border-radius: 25px;\n        margin-top: 20px;\n        transition: all 0.3s ease;\n    }\n    \n    .prev-btn:hover {\n        background: #6c757d;\n        transform: translateY(-2px);\n        box-shadow: var(--card-shadow);\n    }\n    \n    \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n    #quizresult9 {\n        padding: 30px 15px;\n        background: linear-gradient(135deg, rgba(155, 89, 182, 0.05) 0%, rgba(232, 180, 243, 0.05) 100%);\n        border-radius: 20px;\n    }\n    \n    .result-title {\n        font-size: 28px;\n        font-weight: bold;\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        margin-bottom: 25px;\n    }\n    \n    .result-category {\n        font-size: 24px;\n        font-weight: bold;\n        color: var(--primary-color);\n        margin-bottom: 20px;\n    }\n    \n    .result-card {\n        background: white;\n        border-radius: 15px;\n        padding: 25px;\n        box-shadow: var(--card-shadow);\n        margin-bottom: 25px;\n    }\n    \n    .result-card-title {\n        font-size: 20px;\n        font-weight: bold;\n        color: var(--primary-color);\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n    }\n    \n    .result-card-title i {\n        margin-right: 10px;\n        font-size: 24px;\n    }\n    \n    .result-description {\n        font-size: 17px;\n        line-height: 1.8;\n        color: var(--text-primary);\n        text-align: left;\n    }\n    \n    .dimension-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 12px;\n    }\n    \n    .dimension-label {\n        font-size: 16px;\n        color: var(--text-primary);\n        width: 80px;\n        font-weight: 500;\n    }\n    \n    .dimension-bar {\n        flex: 1;\n        height: 24px;\n        background: #f0f0f0;\n        border-radius: 12px;\n        overflow: hidden;\n        margin: 0 10px;\n    }\n    \n    .dimension-fill {\n        height: 100%;\n        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n        border-radius: 12px;\n        transition: width 1s ease;\n        position: relative;\n    }\n    \n    .dimension-value {\n        font-size: 14px;\n        color: var(--primary-color);\n        font-weight: bold;\n        min-width: 40px;\n        text-align: right;\n    }\n    \n    .chart-container {\n        width: 100%;\n        max-width: 380px;\n        margin: 25px auto;\n        padding: 20px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: var(--card-shadow);\n    }\n    \n    .advice-list {\n        list-style: none;\n        padding: 0;\n    }\n    \n    .advice-list li {\n        position: relative;\n        padding-left: 28px;\n        margin-bottom: 12px;\n        font-size: 16px;\n        color: var(--text-primary);\n    }\n    \n    .advice-list li:before {\n        content: \"\u2728\";\n        position: absolute;\n        left: 0;\n        top: 0;\n    }\n    \n    .restart-btn {\n        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n        color: white;\n        border: none;\n        padding: 12px 36px;\n        font-size: 17px;\n        font-weight: bold;\n        border-radius: 30px;\n        margin-top: 25px;\n        box-shadow: var(--card-shadow);\n        transition: all 0.3s ease;\n    }\n    \n    .restart-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: var(--card-hover-shadow);\n    }\n    \n    \/* \u52d5\u756b\u6548\u679c *\/\n    .fade-in {\n        animation: fadeIn 0.5s ease;\n    }\n    \n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n            transform: translateY(10px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n    @media (max-width: 576px) {\n        .intro-title {\n            font-size: 26px;\n        }\n        \n        .intro-subtitle {\n            font-size: 18px;\n        }\n        \n        .question-title {\n            font-size: 20px;\n        }\n        \n        .quiz-container .option-text {\n            font-size: 16px !important;\n        }\n        \n        .quiz-container .option-card-body {\n            padding: 15px !important;\n        }\n        \n        .chart-container {\n            max-width: 320px;\n        }\n        \n        .dimension-label {\n            width: 70px;\n            font-size: 14px;\n        }\n    }\n<\/style>\n\n<!-- HTML \u7d50\u69cb\u90e8\u5206 -->\n<div class=\"quiz-container\">\n    <!-- \u5f15\u5c0e\u9801 -->\n    <section id=\"quizintro9\" data-page=\"intro9\">\n        <div class=\"text-center\">\n            <h2 class=\"intro-title\">\u4f60\u66f4\u6613\u6709\u60c5\u9084\u662f\u6709\u9322\uff1f<\/h2>\n            <p class=\"intro-subtitle\">\u63a2\u7d22\u4f60\u7684\u904b\u52e2\u8d70\u5411\u8207\u5167\u5728\u6f5b\u80fd<\/p>\n        <\/div>\n        \n        <div class=\"row mt-4\">\n            <div class=\"col-md-4 mb-3\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-heart-fill\"><\/i>\n                    <\/div>\n                    <h5 class=\"text-center mb-2\">\u611b\u60c5\u904b\u52e2<\/h5>\n                    <p class=\"text-center text-muted small\">\u6e2c\u6e2c\u4f60\u7684\u6843\u82b1\u904b\u5982\u4f55<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-4 mb-3\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-currency-dollar\"><\/i>\n                    <\/div>\n                    <h5 class=\"text-center mb-2\">\u8ca1\u5bcc\u904b\u52e2<\/h5>\n                    <p class=\"text-center text-muted small\">\u770b\u770b\u8ca1\u795e\u723a\u662f\u5426\u7737\u9867\u4f60<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-4 mb-3\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-stars\"><\/i>\n                    <\/div>\n                    <h5 class=\"text-center mb-2\">\u7d9c\u5408\u5206\u6790<\/h5>\n                    <p class=\"text-center text-muted small\">\u5168\u65b9\u4f4d\u89e3\u6790\u4f60\u7684\u904b\u52e2<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"text-center mt-4\">\n            <p class=\"mb-4\">\u6709\u7684\u4eba\u66f4\u60f3\u8981\u9047\u5230\u611b\u60c5\uff0c\u4e5f\u6709\u7684\u4eba\u53ea\u60f3\u767c\u8ca1\u3002\u4e0d\u77e5\u9053\u4f60\u662f\u54ea\u4e00\u7a2e\u985e\u578b\uff0c\u4f60\u7684\u60f3\u6cd5\u8207\u4e8b\u5be6\u53c8\u6703\u4e0d\u6703\u662f\u4e00\u81f4\u7684\u5462\uff1f<\/p>\n            <button class=\"btn start-btn\" data-action=\"start-quiz\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n        <\/div>\n    <\/section>\n    \n    <!-- \u6e2c\u9a57\u9801 -->\n    <section id=\"quizmain9\" data-page=\"quiz9\" style=\"display: none;\">\n        <div class=\"progress-container\">\n            <div class=\"progress\">\n                <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 10%\"><\/div>\n            <\/div>\n            <div class=\"question-number text-center\">\u554f\u984c 1 \/ 10<\/div>\n        <\/div>\n        \n        <div class=\"question-content\">\n            <h3 class=\"question-title\"><\/h3>\n            <div class=\"options-container\"><\/div>\n            <div class=\"text-center\">\n                <button class=\"btn prev-btn\" data-action=\"prev-question\" style=\"display: none;\">\u4e0a\u4e00\u9898<\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- \u7d50\u679c\u9801 -->\n    <section id=\"quizresult9\" data-page=\"result9\" style=\"display: none;\">\n        <div class=\"text-center\">\n            <h2 class=\"result-title\">\u6d4b\u9a8c\u7ed3\u679c\u5206\u6790<\/h2>\n            <div class=\"result-category\"><\/div>\n        <\/div>\n        \n        <!-- \u4e3b\u8981\u7d50\u679c\u8aaa\u660e -->\n        <div class=\"result-card\">\n            <div class=\"result-card-title\">\n                <i class=\"bi bi-bookmark-star\"><\/i>\n                <span>\u7ed3\u679c\u89e3\u6790<\/span>\n            <\/div>\n            <div class=\"result-description\"><\/div>\n        <\/div>\n        \n        <!-- \u591a\u7dad\u5ea6\u5206\u6790 -->\n        <div class=\"result-card\">\n            <div class=\"result-card-title\">\n                <i class=\"bi bi-graph-up\"><\/i>\n                <span>\u904b\u52e2\u6307\u6578\u5206\u6790<\/span>\n            <\/div>\n            <div class=\"dimensions-container\"><\/div>\n        <\/div>\n        \n        <!-- \u8996\u89ba\u5316\u5716\u8868 -->\n        <div class=\"chart-container\">\n            <canvas id=\"resultChart\"><\/canvas>\n        <\/div>\n        \n        <!-- \u500b\u6027\u5316\u5efa\u8b70 -->\n        <div class=\"result-card\">\n            <div class=\"result-card-title\">\n                <i class=\"bi bi-lightbulb\"><\/i>\n                <span>\u500b\u6027\u5316\u5efa\u8b70<\/span>\n            <\/div>\n            <ul class=\"advice-list\"><\/ul>\n        <\/div>\n        \n        <div class=\"text-center\">\n            <button class=\"btn restart-btn\" data-action=\"restart-quiz\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- JavaScript \u884c\u70ba\u90e8\u5206 -->\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ \u6e2c\u9a57\u985e\n    class LoveMoneyQuiz {\n        constructor() {\n            \/\/ \u7de9\u5b58DOM\u5143\u7d20\n            this.container = document.querySelector('.quiz-container');\n            this.introSection = document.getElementById('quizintro9');\n            this.quizSection = document.getElementById('quizmain9');\n            this.resultSection = document.getElementById('quizresult9');\n            \n            \/\/ \u6e2c\u9a57\u6578\u64da\n            this.questions = [\n                {\n                    id: 1,\n                    text: '\u4f60\u5c0d\u5403\u7684\uff0c\u4e00\u76f4\u6709\u628a\u6301\u4e0d\u4f4f\u7684\u617e\u671b\uff1f',\n                    options: [\n                        { text: '\u662f\u7684', next: 2, trait: 'enjoyment' },\n                        { text: '\u4e0d\u662f', next: 3, trait: 'control' },\n                        { text: '\u9084\u597d', next: 4, trait: 'balance' }\n                    ]\n                },\n                {\n                    id: 2,\n                    text: '\u76ee\u524d\u70ba\u6b62\u4f60\u9047\u5230\u904e\u8207\u4f60\u7cbe\u795e\u5f88\u5408\u62cd\u7684\u4eba\u55ce\uff1f',\n                    options: [\n                        { text: '\u662f\u7684', next: 3, trait: 'connection' },\n                        { text: '\u6c92\u6709', next: 4, trait: 'independent' },\n                        { text: '\u4e0d\u77e5\u9053', next: 5, trait: 'uncertain' }\n                    ]\n                },\n                {\n                    id: 3,\n                    text: '\u4f60\u89ba\u5f97\u81ea\u5df1\u662f\u4e00\u500b\u7b2c\u516d\u611f\u5f88\u5f37\u7684\u4eba\uff1f',\n                    options: [\n                        { text: '\u662f\u7684', next: 4, trait: 'intuitive' },\n                        { text: '\u4e0d\u662f', next: 5, trait: 'rational' },\n                        { text: '\u4e00\u822c', next: 6, trait: 'balanced' }\n                    ]\n                },\n                {\n                    id: 4,\n                    text: '\u6700\u8fd1\u9019\u4e09\u500b\u6708\u4f60\u505a\u904e\u64bf\u9322\u7684\u5922\uff1f',\n                    options: [\n                        { text: '\u6709\u7684', next: 5, trait: 'hopeful' },\n                        { text: '\u6c92\u6709', next: 6, trait: 'realistic' },\n                        { text: '\u5fd8\u4e86', next: 7, trait: 'casual' }\n                    ]\n                },\n                {\n                    id: 5,\n                    text: '\u4f60\u7684\u904b\u6c23\u662f\u4e0d\u662f\u6bd4\u5c0f\u6642\u5019\u66f4\u5dee\u4e00\u4e9b\uff1f',\n                    options: [\n                        { text: '\u662f\u7684', next: 6, trait: 'pessimistic' },\n                        { text: '\u4e0d\u662f', next: 7, trait: 'optimistic' },\n                        { text: '\u4e00\u76f4\u5dee', next: 8, trait: 'accepting' }\n                    ]\n                },\n                {\n                    id: 6,\n                    text: '\u8207\u53cb\u4eba\u76f8\u805a\uff0c\u4e0b\u9762\u4e09\u7a2e\u4eba\u4f60\u6700\u4e0d\u60f3\u5410\u69fd\u8ab0\uff1f',\n                    options: [\n                        { text: '\u5de5\u4f5c\u4e2d\u540c\u4e8b', next: 7, trait: 'professional' },\n                        { text: '\u81ea\u5df1\u7684\u6200\u4eba', next: 8, trait: 'romantic' },\n                        { text: '\u76f8\u4e92\u8a8d\u8b58\u7684\u670b\u53cb', result: 'A', trait: 'social' }\n                    ]\n                },\n                {\n                    id: 7,\n                    text: '\u4f60\u7d93\u5e38\u5728\u8981\u51fa\u9580\u7684\u6642\u5019\uff0c\u627e\u4e0d\u5230\u4f60\u8981\u7684\u6771\u897f\uff1f',\n                    options: [\n                        { text: '\u662f\u7684', next: 8, trait: 'scattered' },\n                        { text: '\u4e0d\u662f', next: 9, trait: 'organized' },\n                        { text: '\u5076\u723e', next: 10, trait: 'normal' }\n                    ]\n                },\n                {\n                    id: 8,\n                    text: '\u4e0b\u9762\u4e09\u7a2e\u7d05\u984f\u8272\uff0c\u4f60\u89ba\u5f97\u54ea\u7a2e\u70ba\u4f60\u62db\u4f86\u6843\u82b1\uff1f',\n                    options: [\n                        { text: '\u7c89\u7d05\u8272', next: 9, trait: 'gentle' },\n                        { text: '\u6843\u7d05\u8272', result: 'A', trait: 'passionate' },\n                        { text: '\u77f3\u69b4\u7d05', result: 'B', trait: 'mature' }\n                    ]\n                },\n                {\n                    id: 9,\n                    text: '\u4f60\u73fe\u5728\u662f\u4e0d\u662f\u6c92\u4e8b\u5c31\u559c\u6b61\u73a9\u81ea\u62cd\uff1f',\n                    options: [\n                        { text: '\u559c\u6b61', result: 'C', trait: 'confident' },\n                        { text: '\u4e0d\u559c\u6b61', result: 'D', trait: 'private' },\n                        { text: '\u4e00\u822c\u822c', result: 'A', trait: 'moderate' }\n                    ]\n                },\n                {\n                    id: 10,\n                    text: '\u5982\u679c\u8d70\u4e86\u8ca1\u904b\uff0c\u4f60\u89ba\u5f97\u61c9\u8a72\u662f\u767c\u4ec0\u9ebc\u8ca1\uff1f',\n                    options: [\n                        { text: '\u5de5\u4f5c\u4e0a\u7684\u9322\u8ca1', result: 'B', trait: 'hardworking' },\n                        { text: '\u6295\u8cc7\u7406\u8ca1\u4e0a\u7684\u9322\u8ca1', result: 'C', trait: 'strategic' },\n                        { text: '\u4e2d\u4e86\u5f69\u7968\u4e4b\u985e\u7684\u9322\u8ca1', result: 'D', trait: 'dreamer' }\n                    ]\n                }\n            ];\n            \n            this.results = {\n                'A': {\n                    title: '\u6613\u6709\u60c5',\n                    description: '\u4f60\u662f\u4e00\u500b\u559c\u6b61\u4eab\u53d7\u7684\u4eba\uff0c\u559c\u6b61\u901b\u8857\uff0c\u559c\u6b61\u6311\u9078\u3001\u8cfc\u8cb7\u6771\u897f\uff0c\u559c\u6b61\u82b1\u9322\u7684\u611f\u89ba\u3002\u53ef\u662f\u9019\u6a23\u7684\u4f60\uff0c\u504f\u504f\u6c92\u6709\u591a\u5c11\u9322\uff0c\u8ca1\u904b\u4e5f\u4e0d\u600e\u9ebc\u6a23\uff0c\u56e0\u70ba\u771f\u6b63\u6709\u9322\u7684\u4eba\u90fd\u6c92\u6642\u9593\u53bb\u4eab\u53d7\uff0c\u5149\u5fd9\u8457\u8cfa\u9322\u53bb\u4e86\u3002\u6240\u4ee5\u5982\u679c\u6709\u9322\u5f9e\u5929\u800c\u964d\uff0c\u4f60\u4e00\u5b9a\u6703\u6b23\u559c\u82e5\u72c2\uff0c\u4f46\u662f\u4f60\u4f9d\u7136\u662f\u9322\u5f88\u96e3\u8cfa\uff0c\u4f46\u662f\u611b\u60c5\u904b\u9084\u4e0d\u932f\uff0c\u6709\u5e0c\u671b\u9047\u5230\u611b\u60c5\u3002',\n                    dimensions: {\n                        love: 85,\n                        money: 35,\n                        social: 75,\n                        health: 60,\n                        career: 45\n                    },\n                    advice: [\n                        '\u57f9\u990a\u7406\u8ca1\u7fd2\u6163\uff0c\u5f9e\u8a18\u5e33\u958b\u59cb\u4e86\u89e3\u81ea\u5df1\u7684\u6d88\u8cbb\u6a21\u5f0f',\n                        '\u628a\u63e1\u793e\u4ea4\u6a5f\u6703\uff0c\u4f60\u7684\u9b45\u529b\u6703\u5438\u5f15\u5fd7\u540c\u9053\u5408\u7684\u4eba',\n                        '\u5b78\u7fd2\u6295\u8cc7\u77e5\u8b58\uff0c\u8b93\u5c0f\u9322\u4e5f\u80fd\u6162\u6162\u7d2f\u7a4d',\n                        '\u4fdd\u6301\u6a02\u89c0\u958b\u6717\u7684\u5fc3\u614b\uff0c\u611b\u60c5\u6703\u5728\u4e0d\u7d93\u610f\u9593\u964d\u81e8'\n                    ]\n                },\n                'B': {\n                    title: '\u6613\u6709\u9322',\n                    description: '\u66fe\u7d93\u4f60\u5c0d\u9322\u8ca1\u770b\u4e0d\u4e0a\uff0c\u6536\u652f\u4e5f\u5f9e\u4f86\u4e0d\u53bb\u7814\u7a76\uff0c\u4e5f\u5b58\u4e0d\u4e0b\u4ec0\u9ebc\u9322\u3002\u6162\u6162\u5730\u4f60\u610f\u8b58\u5230\u9322\u8ca1\u7684\u91cd\u8981\u6027\uff0c\u4e5f\u6703\u52aa\u529b\u5730\u958b\u59cb\u8cfa\u9322\u4e86\u3002\u4f60\u7684\u8ca1\u904b\u4e0d\u932f\uff0c\u5de5\u4f5c\u4e0a\u7684\u52aa\u529b\uff0c\u8b93\u4f60\u7684\u6536\u5165\u6703\u66f4\u591a\uff0c\u5018\u82e5\u591a\u8b80\u4e00\u9ede\u7406\u8ca1\u65b9\u9762\u7684\u66f8\uff0c\u6216\u8005\u53bb\u770b\u770b\u76f8\u95dc\u7406\u8ca1\u7684\u6771\u897f\uff0c\u5b78\u7fd2\u5982\u4f55\u6295\u8cc7\uff0c\u4f60\u7684\u9322\u8ca1\u66f4\u52a0\u6703\u6efe\u96ea\u7403\u3002',\n                    dimensions: {\n                        love: 40,\n                        money: 90,\n                        social: 55,\n                        health: 70,\n                        career: 85\n                    },\n                    advice: [\n                        '\u6301\u7e8c\u63d0\u5347\u5c08\u696d\u6280\u80fd\uff0c\u589e\u52a0\u8077\u5834\u7af6\u722d\u529b',\n                        '\u5efa\u7acb\u591a\u5143\u6536\u5165\u4f86\u6e90\uff0c\u4e0d\u8981\u53ea\u4f9d\u8cf4\u55ae\u4e00\u6536\u5165',\n                        '\u9069\u5ea6\u653e\u9b06\u81ea\u5df1\uff0c\u91d1\u9322\u4e0d\u662f\u751f\u6d3b\u7684\u5168\u90e8',\n                        '\u6ce8\u610f\u4eba\u969b\u95dc\u4fc2\u7d93\u71df\uff0c\u6210\u529f\u9700\u8981\u8cb4\u4eba\u76f8\u52a9'\n                    ]\n                },\n                'C': {\n                    title: '\u6709\u9322\u53c8\u6709\u60c5',\n                    description: '\u73fe\u5728\u7684\u4f60\uff0c\u4e00\u65b9\u9762\u52aa\u529b\u5730\u8cfa\u9322\uff0c\u5de5\u4f5c\u6536\u5165\uff0c\u5de5\u4f5c\u4e4b\u5916\u7684\u6536\u5165\uff0c\u90fd\u6703\u5728\u4f60\u7684\u638c\u63e1\u4e4b\u4e2d\u3002\u800c\u6709\u9322\u4e86\u4f60\u4e5f\u6ce8\u91cd\u500b\u4eba\u751f\u6d3b\u54c1\u8cea\uff0c\u6240\u4ee5\u6162\u6162\u7684\u4f60\u7684\u54c1\u4f4d\u683c\u8abf\u90fd\u4e0a\u5347\u4e86\uff0c\u6843\u82b1\u81ea\u7136\u4e5f\u6703\u4f86\u4e86\u3002\u7e3d\u7684\u8aaa\u8d77\u4f86\uff0c\u4f60\u5c31\u662f\u4e00\u500b\u65e2\u6709\u9322\u8ca1\uff0c\u53c8\u6709\u611b\u60c5\u7684\u4eba\uff0c\u60c5\u8ca1\u517c\u5f97\u7684\u4f60\uff0c\u771f\u7684\u6709\u4e00\u4e9b\u50cf\u662f\u4eba\u751f\u8d0f\u5bb6\u5566\u3002',\n                    dimensions: {\n                        love: 80,\n                        money: 85,\n                        social: 90,\n                        health: 75,\n                        career: 80\n                    },\n                    advice: [\n                        '\u4fdd\u6301\u5de5\u4f5c\u8207\u751f\u6d3b\u7684\u5e73\u8861\uff0c\u4eab\u53d7\u7576\u4e0b\u7684\u7f8e\u597d',\n                        '\u5584\u7528\u4f60\u7684\u512a\u52e2\uff0c\u5e6b\u52a9\u8eab\u908a\u9700\u8981\u5e6b\u52a9\u7684\u4eba',\n                        '\u6301\u7e8c\u5b78\u7fd2\u6210\u9577\uff0c\u4fdd\u6301\u8b19\u865b\u7684\u614b\u5ea6',\n                        '\u73cd\u60dc\u8eab\u908a\u7684\u4eba\uff0c\u611f\u6069\u6240\u64c1\u6709\u7684\u4e00\u5207'\n                    ]\n                },\n                'D': {\n                    title: '\u9700\u8981\u52aa\u529b',\n                    description: '\u96d6\u7136\u4f60\u4e5f\u60f3\u5de6\u624b\u62ff\u8457\u6700\u611b\u7684\u9322\uff0c\u53f3\u624b\u62b1\u8457\u559c\u6b61\u7684\u4eba\uff0c\u65e2\u6709\u9322\u53c8\u6709\u611b\uff0c\u505a\u4e00\u500b\u4eba\u751f\u8d0f\u5bb6\u3002\u4f46\u662f\u5929\u4e0b\u54ea\u88e1\u6709\u9019\u9ebc\u5bb9\u6613\u7684\u4e8b\u60c5\u5462\uff1f\u4f60\u9700\u8981\u66f4\u591a\u7684\u52aa\u529b\u548c\u6539\u8b8a\u3002\u4e0d\u904e\u5225\u7070\u5fc3\uff0c\u6bcf\u500b\u4eba\u90fd\u6709\u81ea\u5df1\u7684\u7bc0\u594f\uff0c\u91cd\u8981\u7684\u662f\u627e\u5230\u9069\u5408\u81ea\u5df1\u7684\u65b9\u5411\u4e26\u5805\u6301\u4e0b\u53bb\u3002',\n                    dimensions: {\n                        love: 30,\n                        money: 25,\n                        social: 40,\n                        health: 50,\n                        career: 35\n                    },\n                    advice: [\n                        '\u8a2d\u5b9a\u660e\u78ba\u7684\u76ee\u6a19\uff0c\u4e00\u6b65\u4e00\u6b65\u53bb\u5be6\u73fe',\n                        '\u57f9\u990a\u4e00\u9805\u5c08\u9577\u6216\u8208\u8da3\uff0c\u589e\u52a0\u81ea\u4fe1\u5fc3',\n                        '\u591a\u53c3\u52a0\u793e\u4ea4\u6d3b\u52d5\uff0c\u64f4\u5c55\u4eba\u8108\u5708',\n                        '\u4fdd\u6301\u7a4d\u6975\u6b63\u9762\u7684\u5fc3\u614b\uff0c\u76f8\u4fe1\u81ea\u5df1\u80fd\u5920\u6539\u8b8a'\n                    ]\n                }\n            };\n            \n            \/\/ \u72c0\u614b\u7ba1\u7406\n            this.currentQuestion = 1;\n            this.answers = [];\n            this.questionHistory = [];\n            this.selectedTraits = [];\n            this.chartInstance = null;\n            \n            \/\/ \u521d\u59cb\u5316\n            this.init();\n        }\n        \n        init() {\n            this.bindEvents();\n        }\n        \n        bindEvents() {\n            \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u8a17\n            this.container.addEventListener('click', (e) => {\n                const action = e.target.dataset.action || e.target.closest('[data-action]')?.dataset.action;\n                \n                if (action === 'start-quiz') {\n                    this.startQuiz();\n                } else if (action === 'select-option') {\n                    const card = e.target.closest('.option-card');\n                    if (card) this.selectOption(card);\n                } else if (action === 'prev-question') {\n                    this.previousQuestion();\n                } else if (action === 'restart-quiz') {\n                    this.restartQuiz();\n                }\n            });\n        }\n        \n        startQuiz() {\n            this.introSection.style.display = 'none';\n            this.quizSection.style.display = 'block';\n            this.quizSection.classList.add('fade-in');\n            this.showQuestion(1);\n            this.scrollToTop();\n        }\n        \n        showQuestion(questionId) {\n            const question = this.questions.find(q => q.id === questionId);\n            if (!question) return;\n            \n            \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n            const progress = (questionId \/ this.questions.length) * 100;\n            const progressBar = this.quizSection.querySelector('.progress-bar');\n            progressBar.style.width = `${progress}%`;\n            \n            \/\/ \u66f4\u65b0\u984c\u865f\n            const questionNumber = this.quizSection.querySelector('.question-number');\n            questionNumber.textContent = `\u554f\u984c ${questionId} \/ ${this.questions.length}`;\n            \n            \/\/ \u66f4\u65b0\u984c\u76ee\n            const questionTitle = this.quizSection.querySelector('.question-title');\n            questionTitle.textContent = question.text;\n            \n            \/\/ \u66f4\u65b0\u9078\u9805\uff08\u512a\u5316HTML\u7d50\u69cb\uff09\n            const optionsContainer = this.quizSection.querySelector('.options-container');\n            optionsContainer.innerHTML = '';\n            \n            question.options.forEach((option, index) => {\n                const optionCard = document.createElement('div');\n                optionCard.className = 'option-card';\n                optionCard.dataset.action = 'select-option';\n                optionCard.dataset.optionIndex = index;\n                \n                \/\/ \u4f7f\u7528span\u800c\u4e0d\u662fp\u6a19\u7c64\uff0c\u907f\u514dWordPress\u7684p\u6a19\u7c64\u6a23\u5f0f\u5e72\u64fe\n                optionCard.innerHTML = `\n                    <div class=\"option-card-body\">\n                        <div class=\"option-indicator\">\n                            <i class=\"bi bi-check\"><\/i>\n                        <\/div>\n                        <span class=\"option-text\">${option.text}<\/span>\n                    <\/div>\n                `;\n                \n                optionsContainer.appendChild(optionCard);\n            });\n            \n            \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n            const prevBtn = this.quizSection.querySelector('[data-action=\"prev-question\"]');\n            prevBtn.style.display = this.questionHistory.length > 0 ? 'inline-block' : 'none';\n            \n            \/\/ \u6dfb\u52a0\u52d5\u756b\n            optionsContainer.classList.add('fade-in');\n        }\n        \n        selectOption(card) {\n            const questionId = this.currentQuestion;\n            const question = this.questions.find(q => q.id === questionId);\n            const optionIndex = parseInt(card.dataset.optionIndex);\n            const selectedOption = question.options[optionIndex];\n            \n            \/\/ \u8996\u89ba\u53cd\u994b\n            const allCards = card.parentElement.querySelectorAll('.option-card');\n            allCards.forEach(c => c.classList.remove('selected'));\n            card.classList.add('selected');\n            \n            \/\/ \u4fdd\u5b58\u7b54\u6848\u3001\u6b77\u53f2\u548c\u7279\u8cea\n            this.answers[questionId - 1] = optionIndex;\n            this.questionHistory.push(questionId);\n            if (selectedOption.trait) {\n                this.selectedTraits.push(selectedOption.trait);\n            }\n            \n            \/\/ \u5ef6\u9072\u5f8c\u9032\u5165\u4e0b\u4e00\u984c\u6216\u986f\u793a\u7d50\u679c\n            setTimeout(() => {\n                if (selectedOption.result) {\n                    this.showResult(selectedOption.result);\n                } else {\n                    this.currentQuestion = selectedOption.next;\n                    this.showQuestion(selectedOption.next);\n                    this.scrollToTop();\n                }\n            }, 400);\n        }\n        \n        previousQuestion() {\n            if (this.questionHistory.length === 0) return;\n            \n            const prevQuestionId = this.questionHistory.pop();\n            this.currentQuestion = prevQuestionId;\n            \/\/ \u79fb\u9664\u6700\u5f8c\u4e00\u500b\u7279\u8cea\n            this.selectedTraits.pop();\n            this.showQuestion(prevQuestionId);\n            this.scrollToTop();\n        }\n        \n        showResult(resultKey) {\n            const result = this.results[resultKey];\n            \n            \/\/ \u96b1\u85cf\u6e2c\u9a57\u9801\uff0c\u986f\u793a\u7d50\u679c\u9801\n            this.quizSection.style.display = 'none';\n            this.resultSection.style.display = 'block';\n            this.resultSection.classList.add('fade-in');\n            \n            \/\/ \u66f4\u65b0\u7d50\u679c\u5167\u5bb9\n            const categoryElement = this.resultSection.querySelector('.result-category');\n            categoryElement.textContent = result.title;\n            \n            const descriptionElement = this.resultSection.querySelector('.result-description');\n            descriptionElement.textContent = result.description;\n            \n            \/\/ \u5275\u5efa\u591a\u7dad\u5ea6\u5206\u6790\n            this.createDimensions(result.dimensions);\n            \n            \/\/ \u5275\u5efa\u8996\u89ba\u5316\u5716\u8868\n            this.createChart(result);\n            \n            \/\/ \u5275\u5efa\u500b\u6027\u5316\u5efa\u8b70\n            this.createAdvice(result.advice);\n            \n            this.scrollToTop();\n        }\n        \n        createDimensions(dimensions) {\n            const container = this.resultSection.querySelector('.dimensions-container');\n            container.innerHTML = '';\n            \n            const dimensionNames = {\n                love: '\u611b\u60c5\u904b',\n                money: '\u8ca1\u904b',\n                social: '\u4eba\u969b\u904b',\n                health: '\u5065\u5eb7\u904b',\n                career: '\u4e8b\u696d\u904b'\n            };\n            \n            Object.entries(dimensions).forEach(([key, value]) => {\n                const item = document.createElement('div');\n                item.className = 'dimension-item';\n                item.innerHTML = `\n                    <div class=\"dimension-label\">${dimensionNames[key]}<\/div>\n                    <div class=\"dimension-bar\">\n                        <div class=\"dimension-fill\" style=\"width: 0%\"><\/div>\n                    <\/div>\n                    <div class=\"dimension-value\">${value}%<\/div>\n                `;\n                container.appendChild(item);\n                \n                \/\/ \u52d5\u756b\u6548\u679c\n                setTimeout(() => {\n                    item.querySelector('.dimension-fill').style.width = `${value}%`;\n                }, 100);\n            });\n        }\n        \n        createChart(result) {\n            \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n            if (this.chartInstance) {\n                this.chartInstance.destroy();\n            }\n            \n            const ctx = document.getElementById('resultChart').getContext('2d');\n            \n            this.chartInstance = new Chart(ctx, {\n                type: 'polarArea',\n                data: {\n                    labels: ['\u611b\u60c5\u904b', '\u8ca1\u904b', '\u4eba\u969b\u904b', '\u5065\u5eb7\u904b', '\u4e8b\u696d\u904b'],\n                    datasets: [{\n                        data: [\n                            result.dimensions.love,\n                            result.dimensions.money,\n                            result.dimensions.social,\n                            result.dimensions.health,\n                            result.dimensions.career\n                        ],\n                        backgroundColor: [\n                            'rgba(255, 178, 230, 0.7)',\n                            'rgba(246, 211, 101, 0.7)',\n                            'rgba(178, 223, 219, 0.7)',\n                            'rgba(219, 178, 255, 0.7)',\n                            'rgba(232, 180, 243, 0.7)'\n                        ],\n                        borderColor: [\n                            'rgba(255, 178, 230, 1)',\n                            'rgba(246, 211, 101, 1)',\n                            'rgba(178, 223, 219, 1)',\n                            'rgba(219, 178, 255, 1)',\n                            'rgba(232, 180, 243, 1)'\n                        ],\n                        borderWidth: 2\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: true,\n                    plugins: {\n                        legend: {\n                            display: false\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return context.label + ': ' + context.parsed + '%';\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: 14,\n                                    weight: 'bold'\n                                },\n                                color: '#6c757d'\n                            }\n                        }\n                    }\n                }\n            });\n        }\n        \n        createAdvice(adviceList) {\n            const container = this.resultSection.querySelector('.advice-list');\n            container.innerHTML = '';\n            \n            adviceList.forEach(advice => {\n                const li = document.createElement('li');\n                li.textContent = advice;\n                container.appendChild(li);\n            });\n        }\n        \n        restartQuiz() {\n            \/\/ \u91cd\u7f6e\u72c0\u614b\n            this.currentQuestion = 1;\n            this.answers = [];\n            this.questionHistory = [];\n            this.selectedTraits = [];\n            \n            \/\/ \u92b7\u6bc0\u5716\u8868\n            if (this.chartInstance) {\n                this.chartInstance.destroy();\n                this.chartInstance = null;\n            }\n            \n            \/\/ \u986f\u793a\u5f15\u5c0e\u9801\n            this.resultSection.style.display = 'none';\n            this.introSection.style.display = 'block';\n            this.introSection.classList.add('fade-in');\n            \n            this.scrollToTop();\n        }\n        \n        scrollToTop() {\n            const containerTop = this.container.getBoundingClientRect().top + window.pageYOffset - 20;\n            window.scrollTo({\n                top: containerTop,\n                behavior: 'smooth'\n            });\n        }\n    }\n    \n    \/\/ \u7576DOM\u52a0\u8f09\u5b8c\u6210\u5f8c\u521d\u59cb\u5316\u6e2c\u9a57\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => {\n            new LoveMoneyQuiz();\n        });\n    } else {\n        new LoveMoneyQuiz();\n    }\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u6709\u7684\u4eba\u5728\u8fd9\u4e00\u5e74\u91cc\uff0c\u66f4\u60f3\u8981\u9047\u5230\u7231\u60c5\uff0c\u4e5f\u6709\u7684\u4eba\u6839\u672c\u4e0d\u60f3\u8981\u4ec0\u4e48\u7231\u60c5\uff0c\u4ed6\u4eec\u53ea\u60f3\u53d1\u8d22\u3002\u4e0d\u77e5\u9053\u4f60\u662f\u54ea\u4e00\u79cd\u7c7b\u578b\uff0c\u4f60\u7684\u60f3\u6cd5\u4e0e\u4e8b\u5b9e\u53c8\u4f1a\u4e0d\u4f1a\u662f\u4e00\u81f4\u7684\u5462\uff1f\u4e0d\u59a8\u6765\u6d4b\u4e00\u4e0b\u5427\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[178],"tags":[],"class_list":["post-2463","post","type-post","status-publish","format-standard","hentry","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2463","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=2463"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2463\/revisions"}],"predecessor-version":[{"id":10491,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2463\/revisions\/10491"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}