{"id":2365,"date":"2023-10-08T09:29:18","date_gmt":"2023-10-08T01:29:18","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2365"},"modified":"2025-05-07T10:00:34","modified_gmt":"2025-05-07T02:00:34","slug":"missed-true-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/missed-true-love","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u5df2\u9519\u8fc7\u771f\u7231\u4e86\u5417\uff1f"},"content":{"rendered":"<!-- \u611b\u60c5\u6e2c\u9a57 - \u53ef\u5d4c\u5165WordPress\u7684\u4ee3\u78bc -->\n<div id=\"love-quiz-container\" class=\"love-quiz-wrapper\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <div id=\"love-quiz-intro\" class=\"love-quiz-page active\">\n    <h2 class=\"love-quiz-title\">\u4f60\u5df2\u9519\u8fc7\u771f\u7231\u4e86\u5417\uff1f<\/h2>\n    <div class=\"love-quiz-intro-content\">\n      <div class=\"love-quiz-features\">\n        <div class=\"love-quiz-feature\">\n          <div class=\"love-quiz-feature-icon\">\u23f1\ufe0f<\/div>\n          <div class=\"love-quiz-feature-text\">\u4ec5\u97001\u5206\u949f<\/div>\n        <\/div>\n        <div class=\"love-quiz-feature\">\n          <div class=\"love-quiz-feature-icon\">\ud83d\udd0d<\/div>\n          <div class=\"love-quiz-feature-text\">\u4e13\u4e1a\u5206\u6790<\/div>\n        <\/div>\n        <div class=\"love-quiz-feature\">\n          <div class=\"love-quiz-feature-icon\">\u2764\ufe0f<\/div>\n          <div class=\"love-quiz-feature-text\">\u7cbe\u51c6\u5339\u914d<\/div>\n        <\/div>\n      <\/div>\n      <p>\u7f18\u5206\u4e00\u76f4\u662f\u53ef\u9047\u4e0d\u53ef\u6c42\u7684\uff0c\u771f\u7231\u4e00\u65e6\u9519\u8fc7\uff0c\u5c31\u4e0d\u4f1a\u518d\u91cd\u6765\u3002\u800c\u6709\u7684\u4eba\u53ef\u80fd\u5728\u7a00\u91cc\u7cca\u6d82\u7684\u65f6\u5019\uff0c\u5c31\u9519\u8fc7\u4e86\u771f\u7231\uff0c\u5f53\u65f6\u4e0d\u89c9\u5f97\uff0c\u4e8b\u540e\u624d\u660e\u767d\u90a3\u662f\u771f\u7231\u554a\uff01\u5c45\u7136\u5c31\u8fd9\u4e48\u9519\u8fc7\u4e86\uff01<\/p>\n      <p>\u90a3\u4e48\u4f60\u5df2\u7ecf\u9519\u8fc7\u771f\u7231\u4e86\u5417\uff1f\u6765\u6d4b\u4e00\u4e0b\u5427\u3002<\/p>\n      <button id=\"love-quiz-start-btn\" class=\"love-quiz-btn love-quiz-primary-btn\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <div id=\"love-quiz-questions\" class=\"love-quiz-page\">\n    <h2 class=\"love-quiz-title\">\u4f60\u5df2\u9519\u8fc7\u771f\u7231\u4e86\u5417\uff1f<\/h2>\n    <div class=\"love-quiz-progress-container\">\n      <div class=\"love-quiz-progress-text\">\u95ee\u9898 <span id=\"love-quiz-current-question\">1<\/span>\/<span id=\"love-quiz-total-questions\">10<\/span><\/div>\n      <div class=\"love-quiz-progress-bar\">\n        <div id=\"love-quiz-progress-fill\"><\/div>\n      <\/div>\n    <\/div>\n    <div id=\"love-quiz-questions-container\"><\/div>\n    <div class=\"love-quiz-nav-buttons\">\n      <button id=\"love-quiz-prev-btn\" class=\"love-quiz-btn love-quiz-secondary-btn\" disabled>\u4e0a\u4e00\u9898<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <div id=\"love-quiz-results\" class=\"love-quiz-page\">\n    <h2 class=\"love-quiz-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n    <div class=\"love-quiz-results-content\">\n      <div id=\"love-quiz-result-type\" class=\"love-quiz-result-type\"><\/div>\n      <div class=\"love-quiz-chart-container\">\n        <canvas id=\"love-quiz-chart\"><\/canvas>\n      <\/div>\n      <div id=\"love-quiz-result-description\" class=\"love-quiz-result-description\"><\/div>\n      <button id=\"love-quiz-restart-btn\" class=\"love-quiz-btn love-quiz-primary-btn\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  \/\/ \u907f\u514d\u5168\u5c40\u547d\u540d\u885d\u7a81\n  const LoveQuiz = {\n    \/\/ \u6e2c\u9a57\u6578\u64da\n    questions: [\n      {\n        id: 1,\n        question: \"\u6709\u4eba\u8aaa\u904e\u4f60\u662f\u4e00\u500b\u6c92\u5fc3\u6c92\u80ba\u7684\u4eba\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 2 },\n          { text: \"\u6c92\u6709\", nextQuestion: 3 },\n          { text: \"\u4e0d\u77e5\u9053\", nextQuestion: 4 }\n        ]\n      },\n      {\n        id: 2,\n        question: \"\u5f9e\u5c0f\u5230\u5927\uff0c\u4f60\u89ba\u5f97\u81ea\u5df1\u683c\u5916\u4e0d\u5e78\u904b\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 3 },\n          { text: \"\u4e0d\u662f\", nextQuestion: 4 },\n          { text: \"\u9084\u597d\", nextQuestion: 5 }\n        ]\n      },\n      {\n        id: 3,\n        question: \"\u6709\u7684\u6642\u5019\uff0c\u4f60\u6703\u89ba\u5f97\u81ea\u5df1\u6839\u672c\u6c92\u6709\u4eba\u7406\u89e3\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        question: \"\u4f60\u662f\u4e00\u500b\u6975\u5bb9\u6613\u88ab\u4eba\u5f71\u97ff\u5fc3\u60c5\u7684\u4eba\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 5 },\n          { text: \"\u4e0d\u662f\", nextQuestion: 6 },\n          { text: \"\u9084\u597d\", nextQuestion: 7 }\n        ]\n      },\n      {\n        id: 5,\n        question: \"\u4f60\u662f\u4e00\u500b\u5f88\u5728\u4e4e\u76f8\u89aa\u74b0\u5883\u7684\u4eba\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 6 },\n          { text: \"\u4e0d\u662f\", nextQuestion: 7 },\n          { text: \"\u7121\u6240\u8b02\", nextQuestion: 8 }\n        ]\n      },\n      {\n        id: 6,\n        question: \"\u4e0b\u9762\u5e7e\u7a2e\u82b1\uff0c\u4f60\u6700\u60f3\u7a2e\u7684\u662f\uff1f\",\n        options: [\n          { text: \"\u7e61\u7403\u82b1\", nextQuestion: 7 },\n          { text: \"\u73ab\u7470\u82b1\", nextQuestion: 8 },\n          { text: \"\u8594\u8587\u82b1\", result: \"A\" }\n        ]\n      },\n      {\n        id: 7,\n        question: \"\u4f60\u8eab\u908a\u7684\u670b\u53cb\u4e2d\uff0c\u5176\u5be6\u6709\u7684\u4eba\u5f88\u6709\u5fc3\u6a5f\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 8 },\n          { text: \"\u6c92\u6709\", nextQuestion: 9 },\n          { text: \"\u9084\u597d\", nextQuestion: 10 }\n        ]\n      },\n      {\n        id: 8,\n        question: \"\u4f60\u8a8d\u70ba\u9047\u5230\u771f\u611b\u7684\u5929\u6c23\u6700\u597d\u662f\uff1f\",\n        options: [\n          { text: \"\u967d\u5149\u71e6\u721b\", nextQuestion: 9 },\n          { text: \"\u9670\u96e8\u7dbf\u7dbf\", result: \"A\" },\n          { text: \"\u5927\u96ea\u7d1b\u98db\", result: \"B\" }\n        ]\n      },\n      {\n        id: 9,\n        question: \"\u4f60\u5982\u679c\u6e34\u4e86\uff0c\u4f60\u9762\u524d\u6709\u4e09\u676f\u98f2\u6599\uff0c\u4f60\u6703\u559d\u54ea\u4e00\u676f\uff1f\",\n        options: [\n          { text: \"\u5496\u5561\", result: \"C\" },\n          { text: \"\u5976\u8336\", result: \"D\" },\n          { text: \"\u96ea\u78a7\", result: \"A\" }\n        ]\n      },\n      {\n        id: 10,\n        question: \"\u4f60\u6709\u4e00\u9ede\u9913\uff0c\u9762\u524d\u7684\u4e09\u7a2e\u6771\u897f\u53ea\u80fd\u9078\u5169\u6a23\uff0c\u4f60\u4e0d\u6703\u9078\u54ea\u6a23\u5462\uff1f\",\n        options: [\n          { text: \"\u7a00\u98ef\", result: \"B\" },\n          { text: \"\u860b\u679c\", result: \"C\" },\n          { text: \"\u6f22\u5821\", result: \"D\" }\n        ]\n      }\n    ],\n    \n    results: {\n      A: {\n        title: \"\u5df2\u7d93\u932f\u904e\",\n        description: \"\u4ee5\u4f60\u65e9\u719f\u7684\u5fc3\u667a\uff0c\u5728\u5f88\u65e9\u7684\u6642\u5019\uff0c\u4f60\u5c31\u9047\u5230\u4e86\u771f\u611b\uff0c\u4f60\u4e5f\u660e\u767d\uff0c\u81ea\u5df1\u932f\u904e\u4e86\u771f\u611b\u4e86\u3002\u4f46\u662f\u4f60\u4e5f\u4e0d\u6703\u5f8c\u6094\u4e0d\u6703\u56de\u982d\uff0c\u56e0\u70ba\u4f60\u660e\u767d\u932f\u904e\u4e86\u5c31\u932f\u904e\u4e86\uff0c\u8ab0\u9084\u4e0d\u662f\u8981\u7167\u6a23\u52aa\u529b\u5411\u524d\u8d70\u3002\u5728\u4f60\u7684\u5fc3\u88e1\u9762\uff0c\u611f\u60c5\u53ea\u662f\u4eba\u751f\u5f88\u5c0f\u7684\u4e00\u90e8\u5206\uff0c\u4f60\u73fe\u5728\u66f4\u73fe\u5be6\uff0c\u66f4\u8173\u8e0f\u5be6\u5730\u5730\u5de5\u4f5c\u8cfa\u9322\uff0c\u8b93\u81ea\u5df1\u904e\u5f97\u66f4\u597d\uff0c\u7d50\u5a5a\u4e5f\u4e0d\u4e00\u5b9a\u8981\u8207\u771f\u611b\u554a\uff01\",\n        scores: {\n          \u60c5\u611f\u654f\u611f\u5ea6: 85,\n          \u7406\u6027\u601d\u8003: 90,\n          \u81ea\u6211\u8a8d\u77e5: 75,\n          \u672a\u4f86\u5c55\u671b: 65,\n          \u6d6a\u6f2b\u6307\u6578: 40\n        }\n      },\n      B: {\n        title: \"\u6c92\u6709\u932f\u904e\",\n        description: \"\u4f60\u89ba\u5f97\u4eba\u751f\u7684\u771f\u611b\u4e5f\u4e0d\u4e00\u5b9a\u53ea\u6709\u4e00\u6bb5\uff0c\u53ea\u8981\u771f\u5fc3\u6295\u5165\u904e\u611f\u60c5\uff0c\u90fd\u7b97\u662f\u771f\u611b\uff0c\u6709\u7684\u4eba\u5373\u4f7f\u7d50\u5a5a\uff0c\u4e5f\u4e0d\u4e00\u5b9a\u7d50\u5169\u6b21\u554a\uff0c\u80fd\u9047\u5230\u5408\u9069\u7684\u4eba\uff0c\u76f8\u4f9d\u76f8\u4f34\uff0c\u8d70\u4e0b\u53bb\u7684\uff0c\u90fd\u7b97\u662f\u771f\u611b\u3002\u6240\u4ee5\u4f60\u89ba\u5f97\u81ea\u5df1\u662f\u6c92\u6709\u932f\u904e\u771f\u611b\u7684\uff0c\u54ea\u6015\u66fe\u7d93\u5931\u53bb\u904e\u611b\u60c5\uff0c\u4e5f\u4e0d\u898b\u5f97\u5c31\u662f\u771f\u611b\uff0c\u53ea\u80fd\u8aaa\u662f\u67d0\u6bb5\u7de3\u5206\u7f77\u4e86\uff0c\u4eba\u751f\u8def\u9084\u9577\uff0c\u611b\u60c5\u4e5f\u4e00\u5b9a\u6703\u6709\u3002\",\n        scores: {\n          \u60c5\u611f\u654f\u611f\u5ea6: 65,\n          \u7406\u6027\u601d\u8003: 70,\n          \u81ea\u6211\u8a8d\u77e5: 85,\n          \u672a\u4f86\u5c55\u671b: 90,\n          \u6d6a\u6f2b\u6307\u6578: 75\n        }\n      },\n      C: {\n        title: \"\u4e0d\u6703\u932f\u904e\",\n        description: \"\u932f\u904e\u771f\u611b\uff1f\u5225\u958b\u73a9\u7b11\u4e86\u3002\u5728\u4f60\u5fc3\u4e2d\uff0c\u771f\u611b\u5c31\u662f\u4e0d\u6703\u932f\u904e\u7684\u6771\u897f\uff0c\u54ea\u6015\u76f8\u611b\u76f8\u6bba\uff0c\u4e5f\u8981\u7e7c\u7e8c\u611b\u4e0b\u53bb\u7e7c\u7e8c\u6bba\u4e0b\u53bb\uff0c\u6839\u672c\u4e0d\u5b58\u5728\u6703\u5931\u53bb\u8207\u5206\u958b\u3002\u6240\u4ee5\u4f60\u8a8d\u70ba\u81ea\u5df1\u662f\u4e0d\u6703\u932f\u904e\u81ea\u5df1\u7684\u771f\u611b\u7684\uff0c\u5018\u82e5\u5931\u53bb\u904e\u67d0\u6bb5\u611b\u60c5\uff0c\u90a3\u96bb\u80fd\u8aaa\u660e\u611b\u5f97\u4e0d\u5920\u6df1\uff0c\u7f88\u7d46\u4e5f\u4e0d\u5920\u6df1\uff0c\u672a\u4f86\u7684\u4f60\uff0c\u4e0d\u4e00\u5b9a\u6703\u9047\u5230\u771f\u611b\uff0c\u4f46\u9047\u5230\u4e86\u4e00\u5b9a\u4e0d\u6703\u932f\u904e\u3002\",\n        scores: {\n          \u60c5\u611f\u654f\u611f\u5ea6: 90,\n          \u7406\u6027\u601d\u8003: 50,\n          \u81ea\u6211\u8a8d\u77e5: 70,\n          \u672a\u4f86\u5c55\u671b: 75,\n          \u6d6a\u6f2b\u6307\u6578: 95\n        }\n      },\n      D: {\n        title: \"\u9072\u65e9\u932f\u904e\",\n        description: \"\u4ee5\u4f60\u73fe\u5728\u7684\u72c0\u614b\uff0c\u53ef\u80fd\u932f\u904e\u771f\u611b\u662f\u9072\u65e9\u7684\u4e8b\u60c5\u5427\u3002\u5c31\u7b97\u4e4b\u524d\u4f60\u611b\u5f97\u4e0d\u6df1\uff0c\u6c92\u6709\u771f\u5fc3\u5730\u9ad4\u9a57\u904e\u611b\u60c5\u7684\u6ecb\u5473\uff0c\u4f60\u6c92\u6709\u932f\u904e\u771f\u611b\uff0c\u672a\u4f86\u7684\u4f60\u4e5f\u4e0d\u898b\u5f97\u6703\u7528\u5fc3\u53bb\u9ad4\u6703\u4e86\uff0c\u56e0\u70ba\u73fe\u5728\u5916\u754c\u597d\u73a9\u7684\u6771\u897f\u5be6\u5728\u592a\u591a\uff0c\u4f60\u4e5f\u89ba\u5f97\u4eba\u751f\u6c92\u6709\u5fc5\u8981\u7cfe\u7d50\u5728\u611b\u60c5\u4e0a\u9762\uff0c\u4fdd\u6301\u81ea\u6211\uff0c\u8ffd\u6c42\u81ea\u7531\u7684\u4f60\uff0c\u4e5f\u8a3b\u5b9a\u9072\u65e9\u6703\u932f\u904e\u771f\u611b\u3002\",\n        scores: {\n          \u60c5\u611f\u654f\u611f\u5ea6: 40,\n          \u7406\u6027\u601d\u8003: 85,\n          \u81ea\u6211\u8a8d\u77e5: 60,\n          \u672a\u4f86\u5c55\u671b: 70,\n          \u6d6a\u6f2b\u6307\u6578: 30\n        }\n      }\n    },\n    \n    \/\/ \u7576\u524d\u72c0\u614b\n    currentState: {\n      currentQuestion: 1,\n      answers: [],\n      result: null\n    },\n\n    \/\/ DOM \u5143\u7d20\n    elements: {},\n\n    \/\/ \u521d\u59cb\u5316\n    init: function() {\n      this.cacheElements();\n      this.bindEvents();\n      this.setupQuestionContent();\n    },\n\n    \/\/ \u7de9\u5b58 DOM \u5143\u7d20\n    cacheElements: function() {\n      this.elements = {\n        container: document.getElementById('love-quiz-container'),\n        introPage: document.getElementById('love-quiz-intro'),\n        questionsPage: document.getElementById('love-quiz-questions'),\n        resultsPage: document.getElementById('love-quiz-results'),\n        startBtn: document.getElementById('love-quiz-start-btn'),\n        prevBtn: document.getElementById('love-quiz-prev-btn'),\n        restartBtn: document.getElementById('love-quiz-restart-btn'),\n        questionsContainer: document.getElementById('love-quiz-questions-container'),\n        currentQuestionSpan: document.getElementById('love-quiz-current-question'),\n        totalQuestionsSpan: document.getElementById('love-quiz-total-questions'),\n        progressFill: document.getElementById('love-quiz-progress-fill'),\n        resultType: document.getElementById('love-quiz-result-type'),\n        resultDescription: document.getElementById('love-quiz-result-description'),\n        chartCanvas: document.getElementById('love-quiz-chart')\n      };\n      \n      \/\/ \u8a2d\u7f6e\u7e3d\u984c\u76ee\u6578\n      this.elements.totalQuestionsSpan.textContent = this.questions.length;\n    },\n\n    \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n    bindEvents: function() {\n      this.elements.startBtn.addEventListener('click', () => this.startQuiz());\n      this.elements.prevBtn.addEventListener('click', () => this.showPreviousQuestion());\n      this.elements.restartBtn.addEventListener('click', () => this.restartQuiz());\n    },\n    \n    \/\/ \u8a2d\u7f6e\u554f\u984c\u5167\u5bb9\n    setupQuestionContent: function() {\n      \/\/ \u6e05\u7a7a\u554f\u984c\u5bb9\u5668\n      this.elements.questionsContainer.innerHTML = '';\n      \n      \/\/ \u5275\u5efa\u554f\u984c\u5143\u7d20\n      this.questions.forEach(question => {\n        const questionElement = document.createElement('div');\n        questionElement.className = 'love-quiz-question';\n        questionElement.dataset.questionId = question.id;\n        questionElement.style.display = 'none';\n        \n        const questionTextElement = document.createElement('h3');\n        questionTextElement.className = 'love-quiz-question-text';\n        questionTextElement.textContent = question.question;\n        \n        const optionsElement = document.createElement('div');\n        optionsElement.className = 'love-quiz-options';\n        \n        question.options.forEach((option, index) => {\n          const optionElement = document.createElement('button');\n          optionElement.className = 'love-quiz-option';\n          optionElement.textContent = option.text;\n          optionElement.addEventListener('click', () => this.selectOption(question.id, index));\n          optionsElement.appendChild(optionElement);\n        });\n        \n        questionElement.appendChild(questionTextElement);\n        questionElement.appendChild(optionsElement);\n        this.elements.questionsContainer.appendChild(questionElement);\n      });\n    },\n    \n    \/\/ \u958b\u59cb\u6e2c\u9a57\n    startQuiz: function() {\n      this.showPage('questions');\n      this.showQuestion(1);\n      this.currentState = {\n        currentQuestion: 1,\n        answers: [],\n        result: null\n      };\n      this.updateProgressBar();\n    },\n    \n    \/\/ \u91cd\u65b0\u6e2c\u9a57\n    restartQuiz: function() {\n      this.showPage('intro');\n      this.currentState = {\n        currentQuestion: 1,\n        answers: [],\n        result: null\n      };\n      \n      \/\/ \u91cd\u8a2d\u9078\u9805\u72c0\u614b\n      const options = document.querySelectorAll('.love-quiz-option');\n      options.forEach(option => option.classList.remove('selected'));\n      \n      \/\/ \u91cd\u8a2d\u4e0a\u4e00\u984c\u6309\u9215\n      this.elements.prevBtn.disabled = true;\n    },\n    \n    \/\/ \u986f\u793a\u7279\u5b9a\u9801\u9762\n    showPage: function(page) {\n      \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n      this.elements.introPage.classList.remove('active');\n      this.elements.questionsPage.classList.remove('active');\n      this.elements.resultsPage.classList.remove('active');\n      \n      \/\/ \u986f\u793a\u6307\u5b9a\u9801\u9762\n      switch(page) {\n        case 'intro':\n          this.elements.introPage.classList.add('active');\n          break;\n        case 'questions':\n          this.elements.questionsPage.classList.add('active');\n          break;\n        case 'results':\n          this.elements.resultsPage.classList.add('active');\n          break;\n      }\n      \n      \/\/ \u5e73\u6ed1\u6efe\u52d5\u5230\u9802\u90e8\n      this.elements.container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    },\n    \n    \/\/ \u986f\u793a\u7279\u5b9a\u554f\u984c\n    showQuestion: function(questionId) {\n      \/\/ \u96b1\u85cf\u6240\u6709\u554f\u984c\n      const questions = document.querySelectorAll('.love-quiz-question');\n      questions.forEach(question => question.style.display = 'none');\n      \n      \/\/ \u986f\u793a\u6307\u5b9a\u554f\u984c\n      const currentQuestion = document.querySelector(`.love-quiz-question[data-question-id=\"${questionId}\"]`);\n      if (currentQuestion) {\n        currentQuestion.style.display = 'block';\n        \n        \/\/ \u66f4\u65b0\u7576\u524d\u554f\u984c\u865f\n        this.currentState.currentQuestion = questionId;\n        this.elements.currentQuestionSpan.textContent = questionId;\n        \n        \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u72c0\u614b\n        this.elements.prevBtn.disabled = questionId === 1;\n        \n        \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n        this.updateProgressBar();\n        \n        \/\/ \u6efe\u52d5\u5230\u554f\u984c\u5340\u57df\n        this.elements.questionsPage.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    },\n    \n    \/\/ \u986f\u793a\u4e0a\u4e00\u500b\u554f\u984c\n    showPreviousQuestion: function() {\n      if (this.currentState.answers.length > 0) {\n        \/\/ \u79fb\u9664\u6700\u5f8c\u4e00\u500b\u7b54\u6848\n        this.currentState.answers.pop();\n        \n        \/\/ \u986f\u793a\u4e0a\u4e00\u500b\u554f\u984c\n        const prevQuestionId = this.currentState.answers.length > 0 \n          ? this.currentState.answers[this.currentState.answers.length - 1].questionId \n          : 1;\n          \n        this.showQuestion(prevQuestionId);\n      }\n    },\n    \n    \/\/ \u9078\u64c7\u9078\u9805\n    selectOption: function(questionId, optionIndex) {\n      \/\/ \u8a18\u9304\u7b54\u6848\n      this.currentState.answers.push({\n        questionId: questionId,\n        optionIndex: optionIndex\n      });\n      \n      \/\/ \u9ad8\u4eae\u9078\u4e2d\u7684\u9078\u9805\n      const currentQuestion = document.querySelector(`.love-quiz-question[data-question-id=\"${questionId}\"]`);\n      const options = currentQuestion.querySelectorAll('.love-quiz-option');\n      options.forEach((option, index) => {\n        if (index === optionIndex) {\n          option.classList.add('selected');\n        } else {\n          option.classList.remove('selected');\n        }\n      });\n      \n      \/\/ \u7372\u53d6\u4e0b\u4e00\u500b\u554f\u984c\u6216\u7d50\u679c\n      const nextAction = this.questions[questionId - 1].options[optionIndex];\n      \n      \/\/ \u5982\u679c\u6709\u7d50\u679c\uff0c\u986f\u793a\u7d50\u679c\u9801\n      if (nextAction.result) {\n        this.currentState.result = nextAction.result;\n        this.showResults();\n      } \n      \/\/ \u5426\u5247\u986f\u793a\u4e0b\u4e00\u500b\u554f\u984c\n      else if (nextAction.nextQuestion) {\n        this.showQuestion(nextAction.nextQuestion);\n      }\n    },\n    \n    \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n    updateProgressBar: function() {\n      const progress = (this.currentState.currentQuestion \/ this.questions.length) * 100;\n      this.elements.progressFill.style.width = `${progress}%`;\n    },\n    \n    \/\/ \u986f\u793a\u7d50\u679c\n    showResults: function() {\n      const resultKey = this.currentState.result;\n      const result = this.results[resultKey];\n      \n      if (result) {\n        \/\/ \u8a2d\u7f6e\u7d50\u679c\u6a19\u984c\n        this.elements.resultType.innerHTML = `<h3>${result.title}<\/h3>`;\n        \n        \/\/ \u8a2d\u7f6e\u7d50\u679c\u63cf\u8ff0\n        this.elements.resultDescription.textContent = result.description;\n        \n        \/\/ \u5275\u5efa\u96f7\u9054\u5716\n        this.createChart(result.scores);\n        \n        \/\/ \u986f\u793a\u7d50\u679c\u9801\n        this.showPage('results');\n      }\n    },\n    \n    \/\/ \u5275\u5efa\u5716\u8868\n    createChart: function(scores) {\n      \/\/ \u6aa2\u67e5\u662f\u5426\u5df2\u52a0\u8f09 Chart.js\n      if (typeof Chart === 'undefined') {\n        \/\/ \u52a0\u8f09 Chart.js\n        const script = document.createElement('script');\n        script.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js';\n        script.onload = () => this.renderChart(scores);\n        document.head.appendChild(script);\n      } else {\n        this.renderChart(scores);\n      }\n    },\n    \n    \/\/ \u6e32\u67d3\u5716\u8868\n    renderChart: function(scores) {\n      \/\/ \u6e05\u9664\u820a\u5716\u8868\n      if (this.chart) {\n        this.chart.destroy();\n      }\n      \n      \/\/ \u6e96\u5099\u6578\u64da\n      const labels = Object.keys(scores);\n      const data = Object.values(scores);\n      \n      \/\/ \u5275\u5efa\u65b0\u5716\u8868\n      const ctx = this.elements.chartCanvas.getContext('2d');\n      this.chart = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: labels,\n          datasets: [{\n            label: '\u611b\u60c5\u7dad\u5ea6\u5206\u6790',\n            data: data,\n            backgroundColor: 'rgba(255, 99, 132, 0.2)',\n            borderColor: 'rgba(255, 99, 132, 1)',\n            borderWidth: 2,\n            pointBackgroundColor: 'rgba(255, 99, 132, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(255, 99, 132, 1)'\n          }]\n        },\n        options: {\n          scales: {\n            r: {\n              angleLines: {\n                display: true,\n                color: 'rgba(0, 0, 0, 0.1)'\n              },\n              suggestedMin: 0,\n              suggestedMax: 100,\n              ticks: {\n                stepSize: 20,\n                callback: function(value) {\n                  return value + '%';\n                }\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: function(context) {\n                  return context.raw + '%';\n                }\n              }\n            }\n          },\n          elements: {\n            line: {\n              tension: 0.2\n            }\n          },\n          responsive: true,\n          maintainAspectRatio: false\n        }\n      });\n    }\n  };\n  \n  \/\/ \u7b49\u5f85\u6587\u6a94\u52a0\u8f09\u5b8c\u6210\u5f8c\u521d\u59cb\u5316\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', () => LoveQuiz.init());\n  } else {\n    LoveQuiz.init();\n  }\n})();\n<\/script>\n\n<style>\n\/* \u611b\u60c5\u6e2c\u9a57\u6a23\u5f0f - \u4f7f\u7528\u547d\u540d\u7a7a\u9593\u907f\u514d\u885d\u7a81 *\/\n.love-quiz-wrapper {\n  --love-quiz-primary: #ff6b8a;\n  --love-quiz-primary-light: #ffb5c6;\n  --love-quiz-primary-dark: #e84a6a;\n  --love-quiz-secondary: #8a6bff;\n  --love-quiz-bg: #ffffff;\n  --love-quiz-text: #333333;\n  --love-quiz-border: #e0e0e0;\n  --love-quiz-shadow: rgba(0, 0, 0, 0.1);\n  --love-quiz-radius: 12px;\n  --love-quiz-font: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  \n  font-family: var(--love-quiz-font);\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n  color: var(--love-quiz-text);\n  line-height: 1.6;\n  background-color: var(--love-quiz-bg);\n  border-radius: var(--love-quiz-radius);\n  box-shadow: 0 4px 16px var(--love-quiz-shadow);\n}\n\n\/* \u9801\u9762\u6a23\u5f0f *\/\n.love-quiz-page {\n  display: none;\n  padding: 20px;\n  transition: opacity 0.3s ease;\n  opacity: 0;\n}\n\n.love-quiz-page.active {\n  display: block;\n  opacity: 1;\n  animation: fadeIn 0.5s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\/* \u6a19\u984c\u6a23\u5f0f *\/\n.love-quiz-title {\n  text-align: center;\n  font-size: 28px;\n  font-weight: 700;\n  margin-bottom: 30px;\n  color: var(--love-quiz-primary-dark);\n  position: relative;\n}\n\n.love-quiz-title:after {\n  content: '';\n  display: block;\n  width: 60px;\n  height: 3px;\n  background: var(--love-quiz-primary);\n  margin: 10px auto 0;\n  border-radius: 2px;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.love-quiz-intro-content {\n  text-align: left;\n  font-size: 18px;\n}\n\n\/* \u5c45\u4e2d\u958b\u59cb\u6e2c\u9a57\u6309\u9215 *\/\n.love-quiz-intro-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.love-quiz-intro-content p {\n  align-self: flex-start;\n  width: 100%;\n}\n\n.love-quiz-features {\n  display: flex;\n  justify-content: space-around;\n  margin: 30px 0;\n}\n\n.love-quiz-feature {\n  text-align: center;\n  padding: 15px;\n  transition: all 0.3s ease;\n}\n\n.love-quiz-feature-icon {\n  font-size: 32px;\n  margin-bottom: 10px;\n  background: linear-gradient(135deg, var(--love-quiz-primary), var(--love-quiz-secondary));\n  color: white;\n  width: 70px;\n  height: 70px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 15px;\n  box-shadow: 0 6px 12px rgba(255, 107, 138, 0.2);\n  transition: transform 0.3s ease;\n}\n\n.love-quiz-feature:hover .love-quiz-feature-icon {\n  transform: translateY(-5px);\n}\n\n.love-quiz-feature-text {\n  font-weight: 600;\n  font-size: 18px;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.love-quiz-btn {\n  display: inline-block;\n  min-width: 180px;\n  height: 48px;\n  padding: 0 24px;\n  border: none;\n  border-radius: 24px;\n  font-size: 18px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-align: center;\n  line-height: 48px;\n  outline: none;\n  margin: 10px 5px;\n}\n\n.love-quiz-primary-btn {\n  background: linear-gradient(135deg, var(--love-quiz-primary), var(--love-quiz-secondary));\n  color: white;\n  box-shadow: 0 4px 10px rgba(255, 107, 138, 0.3);\n}\n\n.love-quiz-primary-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 15px rgba(255, 107, 138, 0.4);\n}\n\n.love-quiz-primary-btn:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 8px rgba(255, 107, 138, 0.3);\n}\n\n.love-quiz-secondary-btn {\n  background-color: transparent;\n  color: var(--love-quiz-primary);\n  border: 2px solid var(--love-quiz-primary);\n}\n\n.love-quiz-secondary-btn:hover {\n  background-color: rgba(255, 107, 138, 0.1);\n}\n\n.love-quiz-secondary-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n\/* \u9032\u5ea6\u689d\u6a23\u5f0f *\/\n.love-quiz-progress-container {\n  margin-bottom: 30px;\n}\n\n.love-quiz-progress-text {\n  text-align: center;\n  margin-bottom: 10px;\n  font-weight: 600;\n  font-size: 16px;\n}\n\n.love-quiz-progress-bar {\n  height: 10px;\n  background-color: var(--love-quiz-primary-light);\n  border-radius: 5px;\n  overflow: hidden;\n}\n\n.love-quiz-progress-fill {\n  height: 100%;\n  background: linear-gradient(to right, var(--love-quiz-primary), var(--love-quiz-secondary));\n  width: 0;\n  transition: width 0.3s ease;\n}\n\n\/* \u554f\u984c\u6a23\u5f0f *\/\n.love-quiz-question {\n  margin-bottom: 30px;\n}\n\n.love-quiz-question-text {\n  font-size: 22px;\n  font-weight: 700;\n  margin-bottom: 20px;\n}\n\n.love-quiz-options {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.love-quiz-option {\n  padding: 15px 20px;\n  background-color: white;\n  border: 2px solid var(--love-quiz-border);\n  border-radius: var(--love-quiz-radius);\n  font-size: 18px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-align: left;\n  min-height: 54px;\n  color: var(--love-quiz-text); \/* \u78ba\u4fdd\u9ed8\u8a8d\u6587\u5b57\u984f\u8272\u53ef\u898b *\/\n}\n\n.love-quiz-option:hover {\n  border-color: var(--love-quiz-primary-light);\n  background-color: rgba(255, 107, 138, 0.05);\n  transform: translateX(5px);\n  color: var(--love-quiz-primary-dark);\n}\n\n.love-quiz-option.selected {\n  border-color: var(--love-quiz-primary);\n  background-color: rgba(255, 107, 138, 0.1);\n  color: var(--love-quiz-primary-dark);\n  font-weight: 600;\n}\n\n\/* \u5c0e\u822a\u6309\u9215\u5bb9\u5668 *\/\n.love-quiz-nav-buttons {\n  display: flex;\n  justify-content: center;\n  margin-top: 30px;\n}\n\n\/* \u78ba\u4fdd\u91cd\u65b0\u6e2c\u9a57\u6309\u9215\u5c45\u4e2d *\/\n#love-quiz-restart-btn {\n  display: block;\n  margin: 30px auto;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.love-quiz-results-content {\n  text-align: left;\n}\n\n.love-quiz-result-type {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.love-quiz-result-type h3 {\n  font-size: 28px;\n  font-weight: 700;\n  color: var(--love-quiz-primary-dark);\n  display: inline-block;\n  padding: 5px 15px;\n  background: linear-gradient(135deg, rgba(255, 107, 138, 0.2), rgba(138, 107, 255, 0.2));\n  border-radius: 20px;\n}\n\n.love-quiz-chart-container {\n  width: 100%;\n  height: 350px;\n  margin: 20px auto 30px;\n  max-width: 500px;\n}\n\n.love-quiz-result-description {\n  font-size: 18px;\n  line-height: 1.8;\n  margin-bottom: 30px;\n  padding: 20px;\n  background-color: rgba(138, 107, 255, 0.05);\n  border-radius: var(--love-quiz-radius);\n  border-left: 4px solid var(--love-quiz-secondary);\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n  .love-quiz-wrapper {\n    padding: 15px;\n  }\n  \n  .love-quiz-page {\n    padding: 15px;\n  }\n  \n  .love-quiz-title {\n    font-size: 24px;\n  }\n  \n  .love-quiz-features {\n    flex-direction: column;\n    align-items: center;\n    margin: 20px 0;\n  }\n  \n  .love-quiz-feature {\n    width: 100%;\n    max-width: 250px;\n    margin-bottom: 20px;\n  }\n  \n  .love-quiz-btn {\n    width: 100%;\n  }\n  \n  .love-quiz-question-text {\n    font-size: 20px;\n  }\n  \n  .love-quiz-option {\n    font-size: 16px;\n  }\n  \n  .love-quiz-chart-container {\n    height: 300px;\n  }\n}\n\n\/* \u6253\u5370\u6a23\u5f0f *\/\n@media print {\n  .love-quiz-wrapper {\n    box-shadow: none;\n    border: 1px solid #ddd;\n  }\n  \n  .love-quiz-btn {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<p class=\"has-medium-font-size\"><\/p>","protected":false},"excerpt":{"rendered":"<p>\u53ef\u80fd\u5728\u7a00\u91cc\u7cca\u6d82\u7684\u65f6\u5019\uff0c\u5c31\u9519\u8fc7\u4e86\u771f\u7231\uff0c\u5f53\u65f6\u4e0d\u89c9\u5f97\uff0c\u4e8b\u540e\u624d\u660e\u767d\u90a3\u662f\u771f\u7231\u554a\uff01\u5c45\u7136\u5c31\u8fd9\u4e48\u9519\u8fc7\u4e86\uff01\u90a3\u4e48\u4f60\u5df2\u7ecf\u9519\u8fc7\u771f\u7231\u4e86\u5417\uff1f\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":[167,178],"tags":[],"class_list":["post-2365","post","type-post","status-publish","format-standard","hentry","category-personality","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2365","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=2365"}],"version-history":[{"count":4,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2365\/revisions"}],"predecessor-version":[{"id":10384,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2365\/revisions\/10384"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}