{"id":2526,"date":"2023-10-08T09:29:19","date_gmt":"2023-10-08T01:29:19","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2526"},"modified":"2025-08-12T01:53:19","modified_gmt":"2025-08-11T17:53:19","slug":"why-not-in-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/why-not-in-love","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u4e3a\u4ec0\u4e48\u4f60\u8fdf\u8fdf\u8c08\u4e0d\u6210\u604b\u7231\uff1f"},"content":{"rendered":"<!-- Bootstrap CSS -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n\n<style>\n\/* \u81ea\u5b9a\u7fa9\u6a23\u5f0f *\/\n.quiz-container-9 {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n.quiz-container-9 h2 {\n    font-size: 32px;\n    font-weight: 700;\n    color: #5a6c7d;\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.quiz-container-9 h3 {\n    font-size: 22px;\n    font-weight: bold;\n    color: #5a6c7d;\n    margin-bottom: 25px;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n#quizintro9 .hero-section {\n    background: linear-gradient(135deg, #a8e6cf 0%, #dcedc1 100%);\n    border-radius: 20px;\n    padding: 40px 30px;\n    color: #5a6c7d;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    margin-bottom: 30px;\n}\n\n#quizintro9 .hero-section h2 {\n    color: #4a5f51;\n}\n\n#quizintro9 .subtitle {\n    font-size: 20px;\n    opacity: 0.9;\n    margin-bottom: 20px;\n    color: #5a6c7d;\n}\n\n#quizintro9 .feature-card {\n    background: white;\n    border-radius: 15px;\n    padding: 25px;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.06);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    height: 100%;\n    border: 1px solid rgba(168, 230, 207, 0.3);\n}\n\n#quizintro9 .feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n#quizintro9 .feature-icon {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #ffd3b6 0%, #ffaaa5 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 15px;\n    color: white;\n    font-size: 24px;\n}\n\n#quizintro9 .feature-card:nth-child(1) .feature-icon {\n    background: linear-gradient(135deg, #a8e6cf 0%, #7fcdbb 100%);\n}\n\n#quizintro9 .feature-card:nth-child(2) .feature-icon {\n    background: linear-gradient(135deg, #ffd3b6 0%, #ffaaa5 100%);\n}\n\n#quizintro9 .feature-card:nth-child(3) .feature-icon {\n    background: linear-gradient(135deg, #c7ceea 0%, #b2b7ff 100%);\n}\n\n#quizintro9 .feature-card:nth-child(4) .feature-icon {\n    background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%);\n}\n\n#quizintro9 .start-btn {\n    background: linear-gradient(135deg, #a8e6cf 0%, #7fcdbb 100%);\n    border: none;\n    border-radius: 50px;\n    padding: 15px 50px;\n    font-size: 18px;\n    font-weight: 600;\n    color: white;\n    box-shadow: 0 8px 20px rgba(168, 230, 207, 0.3);\n    transition: all 0.3s ease;\n}\n\n#quizintro9 .start-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(168, 230, 207, 0.4);\n    background: linear-gradient(135deg, #7fcdbb 0%, #a8e6cf 100%);\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n#quizmain9 .options-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    margin-top: 30px;\n}\n\n#quizmain9 .option-btn {\n    background: white;\n    border: 2px solid #e8f5e9;\n    border-radius: 15px;\n    padding: 20px;\n    text-align: center;\n    font-size: 18px;\n    color: #5a6c7d;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.04);\n    position: relative;\n    min-height: 250px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n#quizmain9 .option-btn:hover {\n    background: linear-gradient(135deg, #f1f8e9 0%, #e8f5e9 100%);\n    border-color: #a8e6cf;\n    transform: translateY(-3px);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n#quizmain9 .option-label {\n    font-weight: 600;\n    color: #7fcdbb;\n    margin-bottom: 10px;\n    font-size: 20px;\n}\n\n#quizmain9 .option-text {\n    margin-bottom: 15px;\n    color: #5a6c7d;\n}\n\n#quizmain9 .option-img {\n    width: 100%;\n    max-width: 150px;\n    height: auto;\n    border-radius: 10px;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n#quizresult9 .result-card {\n    background: white;\n    border-radius: 20px;\n    padding: 40px 30px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    border: 1px solid rgba(168, 230, 207, 0.2);\n}\n\n#quizresult9 .result-title {\n    background: linear-gradient(135deg, #7fcdbb 0%, #a8e6cf 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    font-size: 28px;\n    font-weight: 700;\n    text-align: center;\n    margin-bottom: 25px;\n}\n\n#quizresult9 .result-content {\n    font-size: 18px;\n    line-height: 1.8;\n    color: #5a6c7d;\n    padding: 25px;\n    background: linear-gradient(135deg, #f8fffe 0%, #f0f9ff 100%);\n    border-radius: 15px;\n    border: 1px solid rgba(168, 230, 207, 0.15);\n}\n\n#quizresult9 .retry-btn {\n    background: linear-gradient(135deg, #a8e6cf 0%, #7fcdbb 100%);\n    border: none;\n    border-radius: 50px;\n    padding: 12px 40px;\n    font-size: 16px;\n    font-weight: 600;\n    color: white;\n    box-shadow: 0 8px 20px rgba(168, 230, 207, 0.3);\n    transition: all 0.3s ease;\n}\n\n#quizresult9 .retry-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(168, 230, 207, 0.4);\n    background: linear-gradient(135deg, #7fcdbb 0%, #a8e6cf 100%);\n}\n\n\/* \u52d5\u756b\u6548\u679c *\/\n.fade-in {\n    animation: fadeIn 0.5s ease-in;\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n    .quiz-container-9 h2 {\n        font-size: 26px;\n    }\n    \n    #quizintro9 .hero-section {\n        padding: 30px 20px;\n    }\n    \n    #quizintro9 .start-btn {\n        padding: 12px 35px;\n        font-size: 16px;\n    }\n    \n    #quizmain9 .options-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n    \n    #quizmain9 .option-btn {\n        font-size: 16px;\n        padding: 15px;\n        min-height: 200px;\n    }\n}\n<\/style>\n\n<div class=\"quiz-container-9\">\n    <!-- \u5f15\u5c0e\u9801 -->\n    <section id=\"quizintro9\" data-page=\"intro9\">\n        <div class=\"hero-section text-center fade-in\">\n            <h2 class=\"mb-3\">\u70ba\u4ec0\u9ebc\u4f60\u9072\u9072\u8ac7\u4e0d\u6210\u6200\u611b\uff1f<\/h2>\n            <p class=\"subtitle\">\u4e00\u500b\u7c21\u55ae\u7684\u9078\u64c7\uff0c\u63ed\u958b\u4f60\u7684\u6200\u611b\u76f2\u9ede<\/p>\n        <\/div>\n        \n        <div class=\"row g-4 mb-4\">\n            <div class=\"col-md-6\">\n                <div class=\"feature-card fade-in\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-emoji-smile-fill\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-center mb-3\">\u8f15\u9b06\u6709\u8da3<\/h4>\n                    <p class=\"text-center text-muted\">\u53ea\u9700\u9078\u64c7\u6700\u559c\u6b61\u7684\u611b\u5fc3\u5716\u6848\uff0c\u8f15\u9b06\u4e86\u89e3\u81ea\u5df1\u7684\u6200\u611b\u7279\u8cea<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-6\">\n                <div class=\"feature-card fade-in\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-heart-fill\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-center mb-3\">\u8cbc\u5fc3\u89e3\u6790<\/h4>\n                    <p class=\"text-center text-muted\">\u6eab\u6696\u7684\u6587\u5b57\u966a\u4f34\uff0c\u8b93\u4f60\u66f4\u4e86\u89e3\u81ea\u5df1\u5728\u611b\u60c5\u4e2d\u7684\u6a21\u6a23<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-6\">\n                <div class=\"feature-card fade-in\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-stars\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-center mb-3\">\u767c\u73fe\u81ea\u6211<\/h4>\n                    <p class=\"text-center text-muted\">\u900f\u904e\u7c21\u55ae\u6e2c\u8a66\uff0c\u767c\u73fe\u90a3\u4e9b\u4f60\u53ef\u80fd\u5ffd\u7565\u7684\u6200\u611b\u5c0f\u7d30\u7bc0<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-6\">\n                <div class=\"feature-card fade-in\">\n                    <div class=\"feature-icon\">\n                        <i class=\"bi bi-flower1\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-center mb-3\">\u6210\u9577\u5efa\u8b70<\/h4>\n                    <p class=\"text-center text-muted\">\u6eab\u67d4\u5730\u6307\u51fa\u6539\u8b8a\u65b9\u5411\uff0c\u8b93\u611b\u60c5\u4e4b\u8def\u66f4\u52a0\u9806\u66a2<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"text-center mt-5\">\n            <button class=\"start-btn\" data-action=\"start-quiz\">\n                \u5f00\u59cb\u6d4b\u8bd5 <i class=\"bi bi-arrow-right-circle ms-2\"><\/i>\n            <\/button>\n        <\/div>\n    <\/section>\n    \n    <!-- \u6e2c\u9a57\u9801 -->\n    <section id=\"quizmain9\" data-page=\"quiz9\" style=\"display: none;\">\n        <h2>\u9078\u64c7\u4f60\u6700\u559c\u6b61\u7684\u611b\u5fc3<\/h2>\n        <h3>\u4ee5\u4e0b\u5716\u6848\u985e\u578b\u7684\u611b\u5fc3\uff0c\u4f60\u89ba\u5f97\u54ea\u7a2e\u985e\u578b\u7684\u4f60\u6700\u559c\u6b61\uff1f<\/h3>\n        \n        <div class=\"options-grid\">\n            <button class=\"option-btn\" data-answer=\"A\">\n                <div class=\"option-label\">A<\/div>\n                <div class=\"option-text\">\u5e36\u6709\u7a1c\u89d2\u7684<\/div>\n                <img decoding=\"async\" src=\"https:\/\/xinliceyan.org\/wp-content\/uploads\/2025\/08\/4lian-xin-01.jpg\" alt=\"\u5e36\u6709\u7a1c\u89d2\u7684\u611b\u5fc3\" class=\"option-img\">\n            <\/button>\n            \n            <button class=\"option-btn\" data-answer=\"B\">\n                <div class=\"option-label\">B<\/div>\n                <div class=\"option-text\">\u8272\u8abf\u504f\u6de1\u7684<\/div>\n                <img decoding=\"async\" src=\"https:\/\/xinliceyan.org\/wp-content\/uploads\/2025\/08\/4lian-xin-02.jpg\" alt=\"\u8272\u8abf\u504f\u6de1\u7684\u611b\u5fc3\" class=\"option-img\">\n            <\/button>\n            \n            <button class=\"option-btn\" data-answer=\"C\">\n                <div class=\"option-label\">C<\/div>\n                <div class=\"option-text\">\u984f\u8272\u6fc3\u539a\u7684<\/div>\n                <img decoding=\"async\" src=\"https:\/\/xinliceyan.org\/wp-content\/uploads\/2025\/08\/4lian-xin-03.jpg\" alt=\"\u984f\u8272\u6fc3\u539a\u7684\u611b\u5fc3\" class=\"option-img\">\n            <\/button>\n            \n            <button class=\"option-btn\" data-answer=\"D\">\n                <div class=\"option-label\">D<\/div>\n                <div class=\"option-text\">\u4e2d\u9593\u7559\u767d\u7684<\/div>\n                <img decoding=\"async\" src=\"https:\/\/xinliceyan.org\/wp-content\/uploads\/2025\/08\/4lian-xin-04.jpg\" alt=\"\u4e2d\u9593\u7559\u767d\u7684\u611b\u5fc3\" class=\"option-img\">\n            <\/button>\n        <\/div>\n    <\/section>\n    \n    <!-- \u7d50\u679c\u9801 -->\n    <section id=\"quizresult9\" data-page=\"result9\" style=\"display: none;\">\n        <h2>\u6d4b\u8bd5\u7ed3\u679c<\/h2>\n        <div class=\"result-card fade-in\">\n            <h3 class=\"result-title\" data-result-title><\/h3>\n            <div class=\"result-content\" data-result-content><\/div>\n            <div class=\"text-center mt-4\">\n                <button class=\"retry-btn\" data-action=\"retry\">\n                    <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    class LoveQuiz {\n        constructor() {\n            \/\/ \u5feb\u53d6DOM\u5143\u7d20\n            this.introSection = document.getElementById('quizintro9');\n            this.quizSection = document.getElementById('quizmain9');\n            this.resultSection = document.getElementById('quizresult9');\n            this.container = document.querySelector('.quiz-container-9');\n            \n            \/\/ \u6e2c\u8a66\u7d50\u679c\u6578\u64da\n            this.results = {\n                'A': {\n                    title: '\u8868\u9054\u81ea\u6211\u4e0d\u5920\u5766\u7387',\n                    content: '\u9078\u64c7\u9583\u9583\u767c\u4eae\uff0c\u5c31\u50cf\u662f\u4eba\u9020\u947d\u77f3\u822c\u611b\u5fc3\u7684\u4f60\uff0c\u662f\u500b\u559c\u6b61\u88dd\u98fe\u81ea\u6211\u7684\u4eba\u3002\u9019\u6a23\u7684\u4f60\uff0c\u6e34\u671b\u8457\u80fd\u5920\u9047\u5230\u5076\u50cf\u5287\u88e1\u9762\u90a3\u6a23\u6c92\u6709\u96dc\u8cea\u7684\u611b\u60c5\u3002\u53ef\u662f\u73fe\u5be6\u751f\u6d3b\u4e2d\u7684\u611b\u60c5\uff0c\u9664\u4e86\u751c\u871c\u4e4b\u5916\u9084\u6703\u6709\u8af8\u591a\u7684\u96dc\u8cea\uff0c\u4e5f\u6703\u6709\u5435\u67b6\u62cc\u5634\uff0c\u6216\u662f\u51fa\u919c\u6495\u626f\u7684\u6642\u5019\u3002\u800c\u4f60\u5728\u7570\u6027\u7684\u9762\u524d\uff0c\u7e3d\u662f\u7fd2\u6163\u5c55\u793a\u81ea\u5df1\u7f8e\u597d\u7684\u4e00\u9762\uff0c\u4e0d\u9858\u610f\u5766\u7387\u5730\u8868\u9054\u771f\u6b63\u7684\u81ea\u6211\u3002\u5982\u679c\u54ea\u5929\u4f60\u80fd\u5920\u5766\u7387\u5730\u9762\u5c0d\u5225\u4eba\uff0c\u63a5\u7d0d\u81ea\u5df1\uff0c\u9019\u6a23\u66f4\u5bb9\u6613\u9047\u898b\u611b\u60c5\u3002'\n                },\n                'B': {\n                    title: '\u592a\u6d88\u6975\u4e86',\n                    content: '\u6de1\u6de1\u8272\u8abf\u7684\u611b\u5fc3\uff0c\u6b63\u597d\u8868\u9054\u8457\u4f60\u6709\u7d30\u81a9\u7684\u5fc3\u601d\uff0c\u70ba\u4eba\u6bd4\u8f03\u9766\u8146\u3002\u9019\u6a23\u7684\u4f60\u4e0d\u5927\u64c5\u9577\u5728\u4eba\u524d\u8868\u73fe\u81ea\u5df1\uff0c\u4e5f\u4e0d\u6703\u7a4d\u6975\u63a1\u53d6\u884c\u52d5\u3002\u800c\u5728\u611f\u60c5\u65b9\u9762\uff0c\u96d6\u7136\u4f60\u5f88\u6eab\u67d4\u662f\u597d\u4e8b\uff0c\u4e0d\u904e\u5728\u9762\u5c0d\u7af6\u722d\u7684\u6642\u5019\u7e3d\u662f\u5bb9\u6613\u653e\u624b\uff0c\u63a1\u53d6\u6d88\u6975\u7684\u614b\u5ea6\u61c9\u5c0d\u3002\u6240\u4ee5\u660e\u660e\u770b\u8457\u8981\u5230\u624b\u7684\u7de3\u4efd\uff0c\u8aaa\u4e0d\u5b9a\u5c31\u88ab\u5225\u4eba\u6436\u5360\u5148\u6a5f\u4e86\u3002\u5982\u679c\u4f60\u60f3\u8981\u812b\u55ae\uff0c\u6216\u8a31\u53ef\u4ee5\u85c9\u52a9\u5468\u570d\u597d\u53cb\u7684\u529b\u91cf\uff0c\u5e6b\u5fd9\u64ae\u5408\u4e00\u4e0b\u3002'\n                },\n                'C': {\n                    title: '\u592a\u6b7b\u5fc3\u773c\u4e86',\n                    content: '\u984f\u8272\u7684\u539a\u91cd\u611f\uff0c\u8868\u73fe\u51fa\u4f60\u5c0d\u611b\u60c5\u6709\u8457\u5f37\u70c8\u7684\u5e7b\u60f3\u548c\u671f\u5f85\u3002\u4f60\u61a7\u61ac\u8457\u8ac7\u4e00\u5834\u552f\u7f8e\u6d6a\u6f2b\u7684\u611b\u60c5\uff0c\u53ef\u662f\u6bcf\u6b21\u770b\u5230\u8eab\u908a\u670b\u53cb\u5011\u90a3\u5e73\u6de1\u5982\u6c34\u7684\u611b\u60c5\uff0c\u5c31\u6703\u89ba\u5f97\u4e0d\u662f\u81ea\u5df1\u60f3\u8981\u7684\u3002\u4f60\u57f7\u8457\u8457\u60f3\u8981\u4e00\u4efd\u81c6\u60f3\u88e1\u90a3\u6a23\u7684\u611b\u60c5\uff0c\u53ef\u662f\u73fe\u5be6\u7562\u7adf\u662f\u9aa8\u611f\u7684\uff0c\u983b\u983b\u6703\u6253\u64ca\u5230\u4f60\u3002\u53ef\u4f60\u5c31\u662f\u592a\u6b7b\u5fc3\u773c\u5730\u8a8d\u5b9a\uff0c\u8981\u8ac7\u5c31\u8981\u8ac7\u4e00\u5834\u5922\u5bd0\u4ee5\u6c42\u7684\u6200\u611b\u3002\u6240\u4ee5\u4f60\u7d93\u5e38\u6703\u62d2\u7d55\u5225\u4eba\u7684\u8ffd\u6c42\uff0c\u6b7b\u5fc3\u773c\u5730\u5b88\u4f4f\u81ea\u5df1\u7684\u771f\u5fc3\uff0c\u671f\u76fc\u8457\u90a3\u4efd\u611b\u60c5\u7684\u5230\u4f86\u3002'\n                },\n                'D': {\n                    title: '\u904e\u65bc\u7f3a\u4e4f\u81ea\u4fe1',\n                    content: '\u9078\u64c7\u7559\u6709\u7a7a\u767d\u7684\u611b\u5fc3\u7684\u4f60\uff0c\u5167\u5fc3\u5bb9\u6613\u5145\u65a5\u7a7a\u865b\u611f\uff0c\u4e5f\u5e38\u5e38\u6703\u6709\u5931\u843d\u3002\u9019\u6a23\u7684\u4f60\u4e4b\u6240\u4ee5\u9072\u9072\u6c92\u6709\u9047\u5230\u611b\u60c5\uff0c\u812b\u4e0d\u4e86\u55ae\uff0c\u4e3b\u8981\u662f\u56e0\u70ba\u81ea\u5351\u5fc3\u7406\u4f5c\u602a\u3002\u4f60\u7e3d\u662f\u89ba\u5f97\u81ea\u5df1\u7684\u9b45\u529b\u4e0d\u8db3\uff0c\u5438\u5f15\u4e0d\u5230\u7570\u6027\u3002\u5176\u5be6\u4f60\u7f3a\u7684\u53ea\u662f\u4e00\u4efd\u81ea\u4fe1\uff0c\u4f60\u7684\u6027\u683c\u6eab\u67d4\u8b19\u905c\uff0c\u53c8\u5584\u89e3\u4eba\u610f\uff0c\u883b\u591a\u4eba\u559c\u6b61\u4f60\u9019\u7a2e\u985e\u578b\u7684\u3002\u6240\u4ee5\u4f60\u8981\u597d\u597d\u6a39\u7acb\u81ea\u5df1\u7684\u4fe1\u5fc3\uff0c\u597d\u597d\u6253\u626e\u81ea\u5df1\uff0c\u7b49\u5f85\u7de3\u4efd\u7684\u5230\u4f86\u5427\u3002'\n                }\n            };\n            \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 target = e.target.closest('[data-action], [data-answer]');\n                if (!target) return;\n                \n                if (target.dataset.action === 'start-quiz') {\n                    this.startQuiz();\n                } else if (target.dataset.action === 'retry') {\n                    this.retryQuiz();\n                } else if (target.dataset.answer) {\n                    this.submitAnswer(target.dataset.answer);\n                }\n            });\n        }\n        \n        startQuiz() {\n            this.fadeTransition(this.introSection, this.quizSection);\n            this.scrollToTop();\n        }\n        \n        submitAnswer(answer) {\n            const result = this.results[answer];\n            if (!result) return;\n            \n            \/\/ \u66f4\u65b0\u7d50\u679c\u5167\u5bb9\n            const titleEl = this.resultSection.querySelector('[data-result-title]');\n            const contentEl = this.resultSection.querySelector('[data-result-content]');\n            \n            titleEl.textContent = result.title;\n            contentEl.textContent = result.content;\n            \n            \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\n            this.fadeTransition(this.quizSection, this.resultSection);\n            this.scrollToTop();\n        }\n        \n        retryQuiz() {\n            this.fadeTransition(this.resultSection, this.introSection);\n            this.scrollToTop();\n        }\n        \n        fadeTransition(hideEl, showEl) {\n            hideEl.style.display = 'none';\n            showEl.style.display = 'block';\n            showEl.classList.add('fade-in');\n            \n            \/\/ \u79fb\u9664\u52d5\u756b\u985e\n            setTimeout(() => {\n                showEl.classList.remove('fade-in');\n            }, 500);\n        }\n        \n        scrollToTop() {\n            const quizContainer = this.container;\n            const rect = quizContainer.getBoundingClientRect();\n            const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n            const targetY = rect.top + scrollTop - 20;\n            \n            window.scrollTo({\n                top: targetY,\n                behavior: 'smooth'\n            });\n        }\n    }\n    \n    \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => new LoveQuiz());\n    } else {\n        new LoveQuiz();\n    }\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u8131\u5355\u5e76\u4e0d\u662f\u53ea\u80fd\u9760\u8fd0\u6c14\uff0c\u5f88\u591a\u65f6\u5019\u5f52\u6839\u5230\u5e95\u8fd8\u662f\u81ea\u5df1\u7684\u95ee\u9898\u3002\u4f60\u662f\u5426\u6709\u5ba1\u89c6\u8fc7\uff0c\u81ea\u5df1\u4e3a\u4ec0\u4e48\u5230\u73b0\u5728\u8fd8\u662f\u5355\u8eab\u72d7\u5462\uff1f\u96be\u9053\u771f\u7684\u8981\u6ce8\u5b64\u751f\uff1f\u4f60\u4e3a\u4ec0\u4e48\u8fdf\u8fdf\u8c08\u4e0d\u6210\u604b\u7231\uff1f\u8bf7\u505a\u4e2a\u6d4b\u8bd5\u770b\u770b\u5427\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[167,178],"tags":[],"class_list":["post-2526","post","type-post","status-publish","format-standard","hentry","category-personality","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2526","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=2526"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2526\/revisions"}],"predecessor-version":[{"id":10390,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2526\/revisions\/10390"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}