{"id":2402,"date":"2023-10-07T09:14:40","date_gmt":"2023-10-07T01:14:40","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2402"},"modified":"2025-08-11T18:35:34","modified_gmt":"2025-08-11T10:35:34","slug":"meet-true-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/meet-true-love","title":{"rendered":"\u8fd8\u80fd\u9047\u5230\u771f\u7231\u5417\u2192\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c"},"content":{"rendered":"<!-- \u8f09\u5165Bootstrap\u548cChart.js -->\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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<!-- \u771f\u611b\u6e2c\u8a66\u4e3b\u5bb9\u5668 -->\n<div id=\"trueLoveQuizContainer\" class=\"quiz-wrapper\" style=\"max-width: 750px; margin: 0 auto;\">\n  \n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz-section active\">\n    <div class=\"container-fluid px-3 py-5\">\n      <header class=\"text-center mb-5\">\n        <h2 class=\"display-5 fw-bold mb-3\" style=\"color: #7c4dff;\">\u771f\u7231\u6d4b\u8bd5<\/h2>\n        <p class=\"lead\" style=\"color: #9575cd;\">\u63a2\u7d22\u4f60\u9047\u898b\u771f\u611b\u7684\u6a5f\u7387<\/p>\n      <\/header>\n      \n      <div class=\"row g-4 mb-5\">\n        <div class=\"col-4 text-center\">\n          <div class=\"feature-icon rounded-circle mx-auto mb-3 shadow-sm\" style=\"width: 80px; height: 80px; background: linear-gradient(135deg, #e1bee7, #ce93d8);\">\n            <i class=\"bi bi-heart-fill d-flex align-items-center justify-content-center h-100 fs-2\" style=\"color: #7c4dff;\"><\/i>\n          <\/div>\n          <h5 class=\"fw-semibold\" style=\"color: #5e35b1;\">\u7231\u60c5\u89e3\u6790<\/h5>\n        <\/div>\n        <div class=\"col-4 text-center\">\n          <div class=\"feature-icon rounded-circle mx-auto mb-3 shadow-sm\" style=\"width: 80px; height: 80px; background: linear-gradient(135deg, #c5cae9, #9fa8da);\">\n            <i class=\"bi bi-stars d-flex align-items-center justify-content-center h-100 fs-2\" style=\"color: #5e35b1;\"><\/i>\n          <\/div>\n          <h5 class=\"fw-semibold\" style=\"color: #5e35b1;\">\u7f18\u5206\u6d4b\u8bd5<\/h5>\n        <\/div>\n        <div class=\"col-4 text-center\">\n          <div class=\"feature-icon rounded-circle mx-auto mb-3 shadow-sm\" style=\"width: 80px; height: 80px; background: linear-gradient(135deg, #d1c4e9, #b39ddb);\">\n            <i class=\"bi bi-sunrise-fill d-flex align-items-center justify-content-center h-100 fs-2\" style=\"color: #7c4dff;\"><\/i>\n          <\/div>\n          <h5 class=\"fw-semibold\" style=\"color: #5e35b1;\">\u672a\u6765\u9884\u6d4b<\/h5>\n        <\/div>\n      <\/div>\n      \n      <div class=\"card border-0 shadow-sm mb-4\" style=\"background: linear-gradient(135deg, #fff, #f3e5f5);\">\n        <div class=\"card-body p-4\">\n          <p class=\"fs-5 mb-3\" style=\"color: #424242;\">\u5f88\u591a\u4eba\u90fd\u4f9d\u7136\u76f8\u4fe1\u611b\u60c5\uff0c\u6e34\u671b\u611b\u60c5\uff0c\u4f46\u662f\u4e0d\u5f97\u4e0d\u8aaa\uff0c\u4e26\u4e0d\u662f\u6240\u6709\u4eba\u90fd\u80fd\u5982\u9858\u4ee5\u511f\u5730\u9047\u5230\u771f\u611b\u554a\uff0c\u6709\u7684\u4eba\u53ef\u80fd\u7aae\u5176\u4e00\u751f\u8ffd\u5c0b\u771f\u611b\u90fd\u5f97\u4e0d\u5230\u3002<\/p>\n          <p class=\"fs-5 fw-semibold\" style=\"color: #7c4dff;\">\u9019\u500b\u6e2c\u8a66\u5c07\u901a\u904e10\u500b\u7cbe\u5fc3\u8a2d\u8a08\u7684\u554f\u984c\uff0c\u63ed\u793a\u4f60\u9047\u898b\u771f\u611b\u7684\u6a5f\u7387\u3002\u6e96\u5099\u597d\u63a2\u7d22\u4f60\u7684\u611b\u60c5\u547d\u904b\u4e86\u55ce\uff1f<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-center\">\n        <button type=\"button\" class=\"btn btn-lg px-5 py-3 shadow-sm 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    <\/div>\n  <\/section>\n  \n  <!-- \u6e2c\u8a66\u9801 -->\n  <section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz-section d-none\">\n    <div class=\"container-fluid px-3 py-5\">\n      <header class=\"text-center mb-4\">\n        <h2 class=\"h3 fw-bold\" style=\"color: #7c4dff;\">\u771f\u7231\u6d4b\u8bd5<\/h2>\n      <\/header>\n      \n      <div class=\"quiz-card\">\n        <div class=\"progress mb-3\" style=\"height: 8px; border-radius: 10px; background: #f5f5f5;\">\n          <div class=\"progress-bar\" role=\"progressbar\" data-progress-bar style=\"background: linear-gradient(90deg, #9575cd, #7c4dff); transition: width 0.3s;\">\n          <\/div>\n        <\/div>\n        <p class=\"text-end small mb-4\" style=\"color: #9575cd;\">\n          \u95ee\u9898 <span data-current-question>1<\/span> \/ <span data-total-questions>10<\/span>\n        <\/p>\n        \n        <div data-question-container>\n          <h3 class=\"fw-bold mb-4\" data-question-text style=\"font-size: 22px; color: #424242;\"><\/h3>\n          <div class=\"options-grid\" data-options-container><\/div>\n        <\/div>\n        \n        <div class=\"text-center mt-4\">\n          <button type=\"button\" class=\"btn btn-outline-secondary px-4 py-2 d-none\" data-action=\"prev-question\" style=\"border-radius: 25px; border-color: #b39ddb; color: #7c4dff;\">\n            <i class=\"bi bi-chevron-left me-2\"><\/i>\u4e0a\u4e00\u9898\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"quizresult9\" data-page=\"result9\" class=\"quiz-section d-none\">\n    <div class=\"container-fluid px-3 py-5\">\n      <header class=\"text-center mb-4\">\n        <h2 class=\"h3 fw-bold\" style=\"color: #7c4dff;\">\u6d4b\u8bd5\u7ed3\u679c<\/h2>\n      <\/header>\n      \n      <div class=\"result-card mb-4\">\n        <h3 class=\"text-center fs-2 fw-bold mb-4\" data-result-title style=\"color: #7c4dff;\"><\/h3>\n        \n        <div class=\"chart-container mx-auto mb-4\" style=\"max-width: 450px; height: 400px;\">\n          <canvas id=\"resultChart9\"><\/canvas>\n        <\/div>\n        \n        <div class=\"result-analysis mb-4\">\n          <div class=\"alert border-0 p-4 mb-3\" style=\"background: linear-gradient(135deg, #f3e5f5, #fff); border-left: 4px solid #9575cd;\">\n            <h4 class=\"fw-semibold mb-3\" style=\"color: #5e35b1; font-size: 20px;\">\u6574\u9ad4\u5206\u6790<\/h4>\n            <p class=\"mb-0\" data-result-text style=\"font-size: 16px; line-height: 1.8; color: #424242;\"><\/p>\n          <\/div>\n          \n          <div class=\"row g-3\" data-dimension-analysis>\n            <!-- \u52d5\u614b\u63d2\u5165\u7dad\u5ea6\u5206\u6790\u5361\u7247 -->\n          <\/div>\n          \n          <div class=\"advice-section mt-4\">\n            <h4 class=\"fw-semibold mb-3\" style=\"color: #5e35b1; font-size: 20px;\">\u500b\u6027\u5316\u5efa\u8b70<\/h4>\n            <div class=\"advice-cards\" data-advice-container>\n              <!-- \u52d5\u614b\u63d2\u5165\u5efa\u8b70\u5361\u7247 -->\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-center\">\n        <button type=\"button\" class=\"btn btn-lg px-5 py-3 shadow-sm restart-btn\" data-action=\"restart-quiz\">\n          <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n<\/div>\n\n<style>\n\/* \u771f\u611b\u6e2c\u8a66\u5c08\u5c6c\u6a23\u5f0f *\/\n#trueLoveQuizContainer {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", \"Noto Sans TC\", sans-serif;\n}\n\n#trueLoveQuizContainer .quiz-section {\n  min-height: 400px;\n  transition: opacity 0.3s ease-in-out;\n}\n\n#trueLoveQuizContainer .quiz-section.active {\n  animation: fadeIn 0.5s ease-in-out;\n}\n\n#trueLoveQuizContainer .feature-icon {\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n#trueLoveQuizContainer .feature-icon:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 25px rgba(124, 77, 255, 0.15) !important;\n}\n\n\/* \u958b\u59cb\u548c\u91cd\u65b0\u6e2c\u8a66\u6309\u9215 *\/\n#trueLoveQuizContainer .start-btn,\n#trueLoveQuizContainer .restart-btn {\n  background: linear-gradient(45deg, #9575cd, #7c4dff);\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 1.1rem;\n  font-weight: 600;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n#trueLoveQuizContainer .start-btn:hover,\n#trueLoveQuizContainer .restart-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(124, 77, 255, 0.25) !important;\n}\n\n\/* \u6e2c\u8a66\u5361\u7247 *\/\n#trueLoveQuizContainer .quiz-card,\n#trueLoveQuizContainer .result-card {\n  background: white;\n  border-radius: 20px;\n  padding: 2rem;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n}\n\n\/* \u9078\u9805\u7db2\u683c *\/\n#trueLoveQuizContainer .options-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n\/* \u9078\u9805\u5361\u7247 *\/\n#trueLoveQuizContainer .option-card {\n  position: relative;\n  background: white;\n  border: 2px solid #e8eaf6;\n  border-radius: 16px;\n  padding: 1.2rem 1.2rem 1.2rem 3.5rem;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  min-height: 70px;\n  display: flex;\n  align-items: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n#trueLoveQuizContainer .option-card:hover {\n  border-color: #9575cd;\n  background: linear-gradient(135deg, #f3e5f5, #fff);\n  transform: translateX(5px);\n  box-shadow: 0 4px 16px rgba(124, 77, 255, 0.15);\n}\n\n#trueLoveQuizContainer .option-card.selected {\n  border-color: #7c4dff;\n  background: linear-gradient(135deg, #e8daef, #fff);\n  box-shadow: 0 4px 16px rgba(124, 77, 255, 0.2);\n}\n\n\/* \u9078\u64c7\u6307\u793a\u5668 *\/\n#trueLoveQuizContainer .option-indicator {\n  position: absolute;\n  left: 1rem;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 24px;\n  height: 24px;\n  border: 2px solid #b39ddb;\n  border-radius: 50%;\n  background: white;\n  transition: all 0.3s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#trueLoveQuizContainer .option-card:hover .option-indicator {\n  border-color: #7c4dff;\n  background: #f3e5f5;\n}\n\n#trueLoveQuizContainer .option-card.selected .option-indicator {\n  background: #7c4dff;\n  border-color: #7c4dff;\n}\n\n#trueLoveQuizContainer .option-indicator i {\n  color: white;\n  font-size: 14px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n#trueLoveQuizContainer .option-card.selected .option-indicator i {\n  opacity: 1;\n}\n\n\/* \u9078\u9805\u6587\u5b57 *\/\n#trueLoveQuizContainer .option-text {\n  font-size: 18px;\n  color: #424242;\n  font-weight: 500;\n  margin: 0;\n}\n\n#trueLoveQuizContainer .option-card:hover .option-text {\n  color: #5e35b1;\n}\n\n\/* \u7dad\u5ea6\u5206\u6790\u5361\u7247 *\/\n#trueLoveQuizContainer .dimension-card {\n  background: white;\n  border-radius: 12px;\n  padding: 1.2rem;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\n  border-left: 3px solid;\n}\n\n#trueLoveQuizContainer .dimension-card h5 {\n  font-size: 16px;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n\n#trueLoveQuizContainer .dimension-score {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 0.5rem;\n}\n\n#trueLoveQuizContainer .dimension-desc {\n  font-size: 14px;\n  color: #616161;\n  line-height: 1.5;\n}\n\n\/* \u5efa\u8b70\u5361\u7247 *\/\n#trueLoveQuizContainer .advice-card {\n  background: linear-gradient(135deg, #f3e5f5, #fff);\n  border-radius: 12px;\n  padding: 1rem 1.5rem;\n  margin-bottom: 1rem;\n  border-left: 3px solid #9575cd;\n}\n\n#trueLoveQuizContainer .advice-card h5 {\n  font-size: 16px;\n  color: #5e35b1;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n\n#trueLoveQuizContainer .advice-card p {\n  font-size: 15px;\n  color: #424242;\n  margin: 0;\n  line-height: 1.6;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 576px) {\n  #trueLoveQuizContainer .feature-icon {\n    width: 70px !important;\n    height: 70px !important;\n  }\n  \n  #trueLoveQuizContainer .display-5 {\n    font-size: 1.8rem;\n  }\n  \n  #trueLoveQuizContainer .quiz-card,\n  #trueLoveQuizContainer .result-card {\n    padding: 1.5rem;\n  }\n  \n  #trueLoveQuizContainer .option-card {\n    padding: 1rem 1rem 1rem 3rem;\n    min-height: 60px;\n  }\n  \n  #trueLoveQuizContainer .option-text {\n    font-size: 16px;\n  }\n  \n  #trueLoveQuizContainer h5 {\n    font-size: 0.9rem;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  'use strict';\n  \n  class TrueLoveQuiz {\n    constructor() {\n      this.questions = [\n        {\n          text: \"\u4f60\u73fe\u5728\u70ba\u4e86\u91d1\u9322\u800c\u5954\u6ce2\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", next: 1 },\n            { text: \"\u4e0d\u662f\", next: 2 },\n            { text: \"\u9084\u597d\", next: 3 }\n          ]\n        },\n        {\n          text: \"\u4f60\u4e00\u76f4\u5f88\u7fa8\u6155\u90a3\u7a2e\u7279\u5225\u6709\u5b78\u554f\u7684\u4eba\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", next: 2 },\n            { text: \"\u4e0d\u662f\", next: 3 },\n            { text: \"\u4e00\u822c\", next: 4 }\n          ]\n        },\n        {\n          text: \"\u4e0d\u559c\u6b61\u7684\u4eba\u548c\u4f60\u8868\u767d\uff0c\u4f60\u6703\u76f4\u63a5\u62d2\u7d55\u5c0d\u65b9\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", next: 3 },\n            { text: \"\u4e0d\u662f\", next: 4 },\n            { text: \"\u4e0d\u77e5\u9053\", next: 5 }\n          ]\n        },\n        {\n          text: \"\u4f60\u73fe\u5728\u662f\u9060\u96e2\u5bb6\u9109\uff0c\u5728\u5916\u9762\u6253\u62da\u6216\u6c42\u5b78\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", next: 4 },\n            { text: \"\u4e0d\u662f\", next: 5 },\n            { text: \"\u4e0d\u7b97\u9060\", next: 6 }\n          ]\n        },\n        {\n          text: \"\u4f60\u5c0d\u81ea\u5df1\u7684\u5eda\u85dd\u6709\u4fe1\u5fc3\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", next: 5 },\n            { text: \"\u4e0d\u662f\", next: 6 },\n            { text: \"\u4e00\u822c\", next: 7 }\n          ]\n        },\n        {\n          text: \"\u4f60\u6709\u503c\u5f97\u4e00\u8f29\u5b50\u4ea4\u5f80\u7684\u7570\u6027\u597d\u670b\u53cb\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", next: 6 },\n            { text: \"\u4e0d\u662f\", next: 7 },\n            { text: \"\u7b97\u6709\", result: \"A\" }\n          ]\n        },\n        {\n          text: \"\u4f60\u6703\u4e0d\u6703\u56e0\u70ba\u8208\u8da3\u611b\u597d\u53bb\u8f49\u884c\u5de5\u4f5c\uff1f\",\n          options: [\n            { text: \"\u6703\u7684\", next: 7 },\n            { text: \"\u4e0d\u6703\", next: 8 },\n            { text: \"\u53ef\u80fd\u5427\", next: 9 }\n          ]\n        },\n        {\n          text: \"\u4e0b\u9762\u5e7e\u7a2e\u5320\u4eba\uff0c\u4f60\u6700\u559c\u6b61\u6210\u70ba\u54ea\u4e00\u7a2e\uff1f\",\n          options: [\n            { text: \"\u6728\u5320\", next: 8 },\n            { text: \"\u5098\u5320\", result: \"A\" },\n            { text: \"\u74f7\u5320\", result: \"B\" }\n          ]\n        },\n        {\n          text: \"\u5728\u73fe\u4ee3\u7684\u5e7e\u7a2e\u5c08\u5bb6\u7576\u4e2d\uff0c\u4f60\u6700\u4f69\u670d\u7684\u662f\uff1f\",\n          options: [\n            { text: \"\u6cd5\u5f8b\u5c08\u5bb6\", result: \"C\" },\n            { text: \"\u7d93\u6fdf\u5b78\u5bb6\", result: \"D\" },\n            { text: \"\u5efa\u7bc9\u5c08\u5bb6\", result: \"A\" }\n          ]\n        },\n        {\n          text: \"\u4f60\u89ba\u5f97\u4e0b\u9762\u54ea\u7a2e\u5973\u4eba\u662f\u4f60\u6700\u6b23\u8cde\u7684\uff1f\",\n          options: [\n            { text: \"\u512a\u96c5\u77e5\u6027\", result: \"B\" },\n            { text: \"\u8070\u660e\u5e79\u7df4\", result: \"C\" },\n            { text: \"\u67d4\u60c5\u4f3c\u6c34\", result: \"D\" }\n          ]\n        }\n      ];\n      \n      this.results = {\n        \"A\": {\n          title: \"\u80fd\u9047\u771f\u611b\",\n          text: \"\u606d\u559c\u4f60\uff0c\u4f60\u662f\u5c6c\u65bc\u6bd4\u8f03\u5e78\u904b\u7684\u50a2\u5925\u5566\u3002\u771f\u611b\u9019\u9ebc\u7a00\u6709\u7684\u6771\u897f\uff0c\u4f60\u537b\u80fd\u9047\u5230\uff0c\u771f\u7684\u662f\u8981\u8b1d\u8b1d\u4e00\u5207\u7684\u76f8\u9047\u5566\u3002\u672a\u4f86\u4f60\u7684\u611f\u60c5\u9084\u4e0d\u932f\uff0c\u5a5a\u59fb\u4e5f\u633a\u597d\u7684\u3002\u7562\u7adf\u6709\u771f\u611b\u6253\u5e95\uff0c\u5c07\u4f86\u5169\u500b\u4eba\u4e00\u8d77\u52aa\u529b\u596e\u9b25\uff0c\u70ba\u5c0f\u5bb6\u5ead\u5275\u9020\u7f8e\u597d\u7684\u751f\u6d3b\u3002\u9019\u6a23\u7684\u7bc0\u594f\u4e5f\u662f\u4f60\u4e00\u76f4\u60f3\u8981\u5f97\u5230\u7684\uff0c\u672a\u4f86\u4e00\u5b9a\u6703\u5f88\u5e78\u798f\u7684\u5566\u3002\",\n          chartData: [85, 90, 75, 80],\n          dimensions: [\n            { name: \"\u6d6a\u6f2b\u6307\u6578\", score: 85, desc: \"\u4f60\u64c1\u6709\u8c50\u5bcc\u7684\u611f\u60c5\u4e16\u754c\uff0c\u61c2\u5f97\u5275\u9020\u6d6a\u6f2b\u6c1b\u570d\", color: \"#9575cd\" },\n            { name: \"\u771f\u611b\u6a5f\u7387\", score: 90, desc: \"\u6975\u9ad8\u7684\u771f\u611b\u76f8\u9047\u6a5f\u7387\uff0c\u547d\u4e2d\u8a3b\u5b9a\u7684\u7de3\u5206\", color: \"#7c4dff\" },\n            { name: \"\u60c5\u611f\u7a69\u5b9a\u6027\", score: 75, desc: \"\u611f\u60c5\u7a69\u5b9a\uff0c\u80fd\u5920\u5efa\u7acb\u9577\u4e45\u7684\u89aa\u5bc6\u95dc\u4fc2\", color: \"#5e35b1\" },\n            { name: \"\u95dc\u4fc2\u6301\u4e45\u5ea6\", score: 80, desc: \"\u64c1\u6709\u7dad\u6301\u9577\u671f\u95dc\u4fc2\u7684\u80fd\u529b\u548c\u667a\u6167\", color: \"#b39ddb\" }\n          ],\n          advice: [\n            { title: \"\u628a\u63e1\u6a5f\u6703\", text: \"\u7576\u771f\u611b\u4f86\u81e8\u6642\uff0c\u52c7\u6562\u5730\u64c1\u62b1\u5b83\uff0c\u4e0d\u8981\u56e0\u70ba\u6050\u61fc\u800c\u932f\u904e\u3002\" },\n            { title: \"\u4fdd\u6301\u771f\u8aa0\", text: \"\u5728\u611f\u60c5\u4e2d\u4fdd\u6301\u771f\u5be6\u7684\u81ea\u5df1\uff0c\u771f\u611b\u6703\u6b23\u8cde\u4f60\u7684\u672c\u4f86\u9762\u76ee\u3002\" },\n            { title: \"\u5171\u540c\u6210\u9577\", text: \"\u8207\u4f34\u4fb6\u4e00\u8d77\u5236\u5b9a\u76ee\u6a19\uff0c\u5171\u540c\u52aa\u529b\uff0c\u8b93\u611b\u60c5\u6210\u70ba\u6210\u9577\u7684\u52d5\u529b\u3002\" }\n          ]\n        },\n        \"B\": {\n          title: \"\u96e3\u9047\u771f\u611b\",\n          text: \"\u6709\u4eba\u6613\u9047\u771f\u611b\uff0c\u6709\u4eba\u96e3\u9047\u771f\u611b\u3002\u4f60\u5c31\u662f\u5c6c\u65bc\u96e3\u9047\u5230\u771f\u611b\u7684\u985e\u578b\u3002\u4e0d\u904e\u53ef\u80fd\u4f60\u77e5\u9053\u771f\u611b\u4e00\u76f4\u96e3\u9047\uff0c\u6240\u4ee5\u624d\u683c\u5916\u60f3\u5f97\u5230\u9019\u7a2e\u96e3\u5f97\u5230\u7684\u6771\u897f\u3002\u96e3\u9047\u4e5f\u8981\u9047\u5230\uff0c\u5426\u5247\u4f60\u4e0d\u6703\u5c07\u5c31\u7684\uff0c\u5982\u679c\u4f60\u6703\u7d50\u5a5a\uff0c\u4e00\u5b9a\u6703\u70ba\u4e86\u611b\u60c5\u800c\u7d50\u5a5a\u3002\u7562\u7adf\u6c92\u6709\u611b\u60c5\u7684\u5a5a\u59fb\uff0c\u5373\u4f7f\u6709\u91d1\u9322\u7269\u8cea\uff0c\u4e5f\u662f\u5f88\u5371\u96aa\u7684\u3002\",\n          chartData: [60, 70, 45, 50],\n          dimensions: [\n            { name: \"\u6d6a\u6f2b\u6307\u6578\", score: 60, desc: \"\u5c0d\u611b\u60c5\u6709\u671f\u5f85\uff0c\u4f46\u8868\u9054\u65b9\u5f0f\u8f03\u70ba\u542b\u84c4\", color: \"#9575cd\" },\n            { name: \"\u771f\u611b\u6a5f\u7387\", score: 70, desc: \"\u9700\u8981\u66f4\u591a\u6642\u9593\u548c\u52aa\u529b\u624d\u80fd\u9047\u898b\u771f\u611b\", color: \"#7c4dff\" },\n            { name: \"\u60c5\u611f\u7a69\u5b9a\u6027\", score: 45, desc: \"\u611f\u60c5\u8d77\u4f0f\u8f03\u5927\uff0c\u9700\u8981\u5b78\u7fd2\u60c5\u7dd2\u7ba1\u7406\", color: \"#5e35b1\" },\n            { name: \"\u95dc\u4fc2\u6301\u4e45\u5ea6\", score: 50, desc: \"\u7dad\u6301\u95dc\u4fc2\u9700\u8981\u66f4\u591a\u7684\u52aa\u529b\u548c\u6e9d\u901a\", color: \"#b39ddb\" }\n          ],\n          advice: [\n            { title: \"\u64f4\u5c55\u793e\u4ea4\u5708\", text: \"\u591a\u53c3\u52a0\u793e\u4ea4\u6d3b\u52d5\uff0c\u589e\u52a0\u9047\u898b\u5408\u9069\u5c0d\u8c61\u7684\u6a5f\u6703\u3002\" },\n            { title: \"\u964d\u4f4e\u671f\u5f85\", text: \"\u4e0d\u8981\u904e\u65bc\u7406\u60f3\u5316\u611b\u60c5\uff0c\u5b78\u6703\u6b23\u8cde\u5e73\u51e1\u4e2d\u7684\u7f8e\u597d\u3002\" },\n            { title: \"\u63d0\u5347\u81ea\u6211\", text: \"\u6295\u8cc7\u81ea\u5df1\uff0c\u8b93\u81ea\u5df1\u6210\u70ba\u66f4\u597d\u7684\u4eba\uff0c\u81ea\u7136\u6703\u5438\u5f15\u5c0d\u7684\u4eba\u3002\" }\n          ]\n        },\n        \"C\": {\n          title: \"\u4e0d\u9047\u771f\u611b\",\n          text: \"\u672a\u4f86\u7684\u65e5\u5b50\u88e1\uff0c\u662f\u4e0d\u6703\u518d\u9047\u5230\u771f\u611b\u4e86\u3002\u7562\u7adf\u4e4b\u524d\u5df2\u7d93\u9047\u5230\u4e86\u554a\uff0c\u53ef\u80fd\u662f\u932f\u904e\u4e86\uff0c\u4e5f\u53ef\u80fd\u662f\u5728\u4e00\u8d77\u5f8c\u767c\u73fe\u771f\u611b\u4e5f\u4e0d\u904e\u5982\u6b64\uff0c\u4e0d\u5408\u9069\u9084\u662f\u5f97\u5206\u3002\u6240\u4ee5\u4f60\u4e5f\u89ba\u5f97\u6c92\u6709\u4ec0\u9ebc\u4e86\uff0c\u770b\u958b\u4e86\u3002\u96d6\u7136\u4f60\u63a5\u4e0b\u4f86\u662f\u4e0d\u6703\u9047\u771f\u611b\uff0c\u4f46\u662f\u4f60\u89ba\u5f97\u585e\u7fc1\u5931\u99ac\uff0c\u8ab0\u77e5\u9053\u5c31\u662f\u798d\u5462\uff1f\u4f60\u6709\u66f4\u591a\u6642\u9593\u8207\u7cbe\u529b\u8ffd\u6c42\u80fd\u529b\uff0c\u8ffd\u6c42\u4e8b\u696d\uff0c\u9019\u6a23\u66f4\u597d\u3002\",\n          chartData: [30, 40, 25, 35],\n          dimensions: [\n            { name: \"\u6d6a\u6f2b\u6307\u6578\", score: 30, desc: \"\u5c0d\u6d6a\u6f2b\u4e0d\u592a\u611f\u8208\u8da3\uff0c\u66f4\u6ce8\u91cd\u5be6\u969b\", color: \"#9575cd\" },\n            { name: \"\u771f\u611b\u6a5f\u7387\", score: 40, desc: \"\u53ef\u80fd\u5df2\u7d93\u7d93\u6b77\u904e\uff0c\u73fe\u5728\u66f4\u770b\u91cd\u5176\u4ed6\u50f9\u503c\", color: \"#7c4dff\" },\n            { name: \"\u60c5\u611f\u7a69\u5b9a\u6027\", score: 25, desc: \"\u60c5\u611f\u8f03\u70ba\u7368\u7acb\uff0c\u4e0d\u4f9d\u8cf4\u4ed6\u4eba\", color: \"#5e35b1\" },\n            { name: \"\u95dc\u4fc2\u6301\u4e45\u5ea6\", score: 35, desc: \"\u66f4\u50be\u5411\u65bc\u4fdd\u6301\u500b\u4eba\u7a7a\u9593\u548c\u81ea\u7531\", color: \"#b39ddb\" }\n          ],\n          advice: [\n            { title: \"\u5c08\u6ce8\u4e8b\u696d\", text: \"\u628a\u7cbe\u529b\u6295\u5165\u5230\u4e8b\u696d\u767c\u5c55\u4e0a\uff0c\u5275\u9020\u5c6c\u65bc\u81ea\u5df1\u7684\u6210\u5c31\u3002\" },\n            { title: \"\u57f9\u990a\u8208\u8da3\", text: \"\u767c\u5c55\u500b\u4eba\u8208\u8da3\u611b\u597d\uff0c\u8c50\u5bcc\u81ea\u5df1\u7684\u7cbe\u795e\u4e16\u754c\u3002\" },\n            { title: \"\u73cd\u60dc\u53cb\u60c5\", text: \"\u7d93\u71df\u597d\u53cb\u8abc\u95dc\u4fc2\uff0c\u670b\u53cb\u4e5f\u80fd\u7d66\u4e88\u91cd\u8981\u7684\u60c5\u611f\u652f\u6301\u3002\" }\n          ]\n        },\n        \"D\": {\n          title: \"\u4e0d\u8981\u771f\u611b\",\n          text: \"\u6709\u7684\u4eba\u662f\u4e00\u8f29\u5b50\u82e6\u82e6\u8ffd\u5c0b\uff0c\u90fd\u5f97\u4e0d\u5230\u771f\u611b\uff0c\u800c\u4f60\u662f\u4e0d\u8d70\u5c0b\u5e38\u8def\uff0c\u4e0d\u8981\u4ec0\u9ebc\u52de\u4ec0\u5b50\u7684\u771f\u611b\u3002\u662f\u554a\uff0c\u771f\u611b\u80fd\u7576\u98ef\u5403\u55ce\uff1f\u9084\u662f\u4eba\u6c11\u5e63\u66f4\u5be6\u5728\uff0c\u9214\u7968\u66f4\u771f\u5be6\u3002\u662f\u7684\uff0c\u4f60\u5c31\u6c7a\u5b9a\u81ea\u5df1\u7684\u771f\u611b\u5c31\u662f\u9322\u5566\uff0c\u9019\u6c92\u4ec0\u9ebc\u4e0d\u597d\uff0c\u672a\u4f86\u7684\u5a5a\u59fb\u611f\u60c5\uff0c\u4e5f\u4e0d\u4e00\u5b9a\u8981\u771f\u611b\u624d\u80fd\u5728\u4e00\u8d77\u554a\uff0c\u6709\u9ede\u5152\u611f\u60c5\u4e5f\u5c31\u884c\u4e86\uff0c\u8ac7\u771f\u611b\u592a\u5e7c\u7a1a\u4e86\u3002\",\n          chartData: [20, 15, 65, 90],\n          dimensions: [\n            { name: \"\u6d6a\u6f2b\u6307\u6578\", score: 20, desc: \"\u8a8d\u70ba\u6d6a\u6f2b\u4e0d\u5be6\u969b\uff0c\u66f4\u91cd\u8996\u7269\u8cea\u57fa\u790e\", color: \"#9575cd\" },\n            { name: \"\u771f\u611b\u6a5f\u7387\", score: 15, desc: \"\u4e3b\u52d5\u9078\u64c7\u4e0d\u8ffd\u6c42\u771f\u611b\uff0c\u6709\u81ea\u5df1\u7684\u50f9\u503c\u89c0\", color: \"#7c4dff\" },\n            { name: \"\u60c5\u611f\u7a69\u5b9a\u6027\", score: 65, desc: \"\u60c5\u611f\u975e\u5e38\u7a69\u5b9a\uff0c\u4e0d\u6703\u70ba\u611b\u60c5\u885d\u52d5\", color: \"#5e35b1\" },\n            { name: \"\u95dc\u4fc2\u6301\u4e45\u5ea6\", score: 90, desc: \"\u57fa\u65bc\u73fe\u5be6\u7684\u95dc\u4fc2\u5f80\u5f80\u66f4\u52a0\u7a69\u56fa\u6301\u4e45\", color: \"#b39ddb\" }\n          ],\n          advice: [\n            { title: \"\u8ca1\u52d9\u898f\u5283\", text: \"\u5236\u5b9a\u6e05\u6670\u7684\u8ca1\u52d9\u76ee\u6a19\uff0c\u70ba\u672a\u4f86\u751f\u6d3b\u6253\u597d\u57fa\u790e\u3002\" },\n            { title: \"\u7406\u6027\u9078\u64c7\", text: \"\u5728\u9078\u64c7\u4f34\u4fb6\u6642\u8003\u616e\u5404\u65b9\u9762\u7684\u5339\u914d\u5ea6\uff0c\u4e0d\u53ea\u662f\u611f\u60c5\u3002\" },\n            { title: \"\u5e73\u8861\u751f\u6d3b\", text: \"\u5728\u8ffd\u6c42\u7269\u8cea\u7684\u540c\u6642\uff0c\u4e5f\u8981\u95dc\u6ce8\u7cbe\u795e\u5c64\u9762\u7684\u6eff\u8db3\u3002\" }\n          ]\n        }\n      };\n      \n      this.currentIndex = 0;\n      this.answerHistory = [];\n      this.selectedOption = null;\n      this.chartInstance = null;\n      \n      this.cacheElements();\n      this.bindEvents();\n    }\n    \n    cacheElements() {\n      this.container = document.getElementById('trueLoveQuizContainer');\n      this.introSection = this.container.querySelector('#quizintro9');\n      this.quizSection = this.container.querySelector('#quizmain9');\n      this.resultSection = this.container.querySelector('#quizresult9');\n      \n      this.startBtn = this.container.querySelector('[data-action=\"start-quiz\"]');\n      this.prevBtn = this.container.querySelector('[data-action=\"prev-question\"]');\n      this.restartBtn = this.container.querySelector('[data-action=\"restart-quiz\"]');\n      \n      this.progressBar = this.container.querySelector('[data-progress-bar]');\n      this.currentQuestionSpan = this.container.querySelector('[data-current-question]');\n      this.totalQuestionsSpan = this.container.querySelector('[data-total-questions]');\n      this.questionText = this.container.querySelector('[data-question-text]');\n      this.optionsContainer = this.container.querySelector('[data-options-container]');\n      \n      this.resultTitle = this.container.querySelector('[data-result-title]');\n      this.resultText = this.container.querySelector('[data-result-text]');\n      this.dimensionAnalysis = this.container.querySelector('[data-dimension-analysis]');\n      this.adviceContainer = this.container.querySelector('[data-advice-container]');\n      this.chartCanvas = this.container.querySelector('#resultChart9');\n      \n      this.totalQuestionsSpan.textContent = this.questions.length;\n    }\n    \n    bindEvents() {\n      this.startBtn.addEventListener('click', () => this.startQuiz());\n      this.prevBtn.addEventListener('click', () => this.previousQuestion());\n      this.restartBtn.addEventListener('click', () => this.restartQuiz());\n      \n      this.optionsContainer.addEventListener('click', (e) => {\n        const card = e.target.closest('.option-card');\n        if (card) {\n          const optionIndex = parseInt(card.dataset.optionIndex);\n          this.selectOption(optionIndex);\n        }\n      });\n    }\n    \n    startQuiz() {\n      this.showSection(this.quizSection);\n      this.renderQuestion(0);\n      this.scrollToSection(this.quizSection);\n    }\n    \n    renderQuestion(index) {\n      const question = this.questions[index];\n      \n      this.currentQuestionSpan.textContent = index + 1;\n      this.progressBar.style.width = `${((index + 1) \/ this.questions.length) * 100}%`;\n      this.questionText.textContent = question.text;\n      \n      this.optionsContainer.innerHTML = question.options.map((option, i) => `\n        <div class=\"option-card\" data-option-index=\"${i}\">\n          <div class=\"option-indicator\">\n            <i class=\"bi bi-check\"><\/i>\n          <\/div>\n          <p class=\"option-text\">${option.text}<\/p>\n        <\/div>\n      `).join('');\n      \n      this.selectedOption = null;\n      this.prevBtn.classList.toggle('d-none', index === 0);\n    }\n    \n    selectOption(optionIndex) {\n      \/\/ \u79fb\u9664\u4e4b\u524d\u7684\u9078\u4e2d\u72c0\u614b\n      this.optionsContainer.querySelectorAll('.option-card').forEach(card => {\n        card.classList.remove('selected');\n      });\n      \n      \/\/ \u6dfb\u52a0\u9078\u4e2d\u72c0\u614b\n      const selectedCard = this.optionsContainer.querySelector(`[data-option-index=\"${optionIndex}\"]`);\n      selectedCard.classList.add('selected');\n      \n      \/\/ \u5ef6\u9072\u8655\u7406\u9078\u9805\u908f\u8f2f\n      setTimeout(() => {\n        const currentQuestion = this.questions[this.currentIndex];\n        const selectedOption = currentQuestion.options[optionIndex];\n        \n        this.answerHistory.push({\n          questionIndex: this.currentIndex,\n          optionIndex: optionIndex,\n          optionText: selectedOption.text\n        });\n        \n        if (selectedOption.result) {\n          this.showResult(selectedOption.result);\n        } else {\n          this.currentIndex = selectedOption.next;\n          this.renderQuestion(this.currentIndex);\n        }\n      }, 300);\n    }\n    \n    previousQuestion() {\n      if (this.answerHistory.length > 0) {\n        this.answerHistory.pop();\n        if (this.answerHistory.length > 0) {\n          const lastAnswer = this.answerHistory[this.answerHistory.length - 1];\n          this.currentIndex = lastAnswer.questionIndex;\n        } else {\n          this.currentIndex = 0;\n        }\n        this.renderQuestion(this.currentIndex);\n      }\n    }\n    \n    showResult(resultKey) {\n      const result = this.results[resultKey];\n      \n      this.resultTitle.textContent = result.title;\n      this.resultText.textContent = result.text;\n      \n      \/\/ \u6e32\u67d3\u7dad\u5ea6\u5206\u6790\n      this.renderDimensionAnalysis(result.dimensions);\n      \n      \/\/ \u6e32\u67d3\u500b\u6027\u5316\u5efa\u8b70\n      this.renderAdvice(result.advice);\n      \n      this.showSection(this.resultSection);\n      this.createChart(result.chartData);\n      this.scrollToSection(this.resultSection);\n    }\n    \n    renderDimensionAnalysis(dimensions) {\n      this.dimensionAnalysis.innerHTML = dimensions.map(dim => `\n        <div class=\"col-6\">\n          <div class=\"dimension-card\" style=\"border-left-color: ${dim.color};\">\n            <h5 style=\"color: ${dim.color};\">${dim.name}<\/h5>\n            <div class=\"dimension-score\" style=\"color: ${dim.color};\">${dim.score}%<\/div>\n            <p class=\"dimension-desc\">${dim.desc}<\/p>\n          <\/div>\n        <\/div>\n      `).join('');\n    }\n    \n    renderAdvice(adviceList) {\n      this.adviceContainer.innerHTML = adviceList.map(advice => `\n        <div class=\"advice-card\">\n          <h5><i class=\"bi bi-lightbulb me-2\"><\/i>${advice.title}<\/h5>\n          <p>${advice.text}<\/p>\n        <\/div>\n      `).join('');\n    }\n    \n    createChart(data) {\n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n      }\n      \n      const ctx = this.chartCanvas.getContext('2d');\n      this.chartInstance = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: ['\u6d6a\u6f2b\u6307\u6578', '\u771f\u611b\u6a5f\u7387', '\u60c5\u611f\u7a69\u5b9a\u6027', '\u95dc\u4fc2\u6301\u4e45\u5ea6'],\n          datasets: [{\n            data: data,\n            backgroundColor: 'rgba(124, 77, 255, 0.15)',\n            borderColor: 'rgba(124, 77, 255, 0.8)',\n            pointBackgroundColor: 'rgba(124, 77, 255, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(124, 77, 255, 1)',\n            borderWidth: 2,\n            pointRadius: 5\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          scales: {\n            r: {\n              beginAtZero: true,\n              max: 100,\n              ticks: {\n                stepSize: 20,\n                display: false\n              },\n              pointLabels: {\n                font: {\n                  size: 18,\n                  weight: 'bold'\n                },\n                color: '#7c4dff',\n                padding: 20\n              },\n              grid: {\n                color: 'rgba(124, 77, 255, 0.1)'\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              backgroundColor: 'rgba(124, 77, 255, 0.9)',\n              titleFont: {\n                size: 14\n              },\n              bodyFont: {\n                size: 13\n              },\n              callbacks: {\n                label: function(context) {\n                  return context.label + ': ' + context.parsed.r + '%';\n                }\n              }\n            }\n          }\n        }\n      });\n    }\n    \n    restartQuiz() {\n      this.currentIndex = 0;\n      this.answerHistory = [];\n      this.selectedOption = null;\n      this.showSection(this.introSection);\n      this.scrollToSection(this.introSection);\n    }\n    \n    showSection(section) {\n      [this.introSection, this.quizSection, this.resultSection].forEach(s => {\n        s.classList.add('d-none');\n        s.classList.remove('active');\n      });\n      \n      section.classList.remove('d-none');\n      setTimeout(() => section.classList.add('active'), 10);\n    }\n    \n    scrollToSection(section) {\n      const headerOffset = 100;\n      const elementPosition = section.getBoundingClientRect().top;\n      const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n      \n      window.scrollTo({\n        top: offsetPosition,\n        behavior: 'smooth'\n      });\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u6e2c\u8a66\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', () => new TrueLoveQuiz());\n  } else {\n    new TrueLoveQuiz();\n  }\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u4e0d\u5f97\u4e0d\u8bf4\uff0c\u5e76\u4e0d\u662f\u6240\u6709\u4eba\u90fd\u80fd\u5982\u613f\u4ee5\u507f\u5730\u9047\u5230\u771f\u7231\u554a\uff0c\u6709\u7684\u4eba\u53ef\u80fd\u7a77\u5176\u4e00\u751f\u8ffd\u5bfb\u771f\u7231\u90fd\u5f97\u4e0d\u5230\u3002\u4e0d\u77e5\u9053\u4f60\u662f\u600e\u4e48\u6837\u5462\uff1f\u4e0d\u59a8\u6765\u6d4b\u4e00\u4e0b\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,179],"tags":[],"class_list":["post-2402","post","type-post","status-publish","format-standard","hentry","category-love","category-marriage"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2402","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=2402"}],"version-history":[{"count":6,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2402\/revisions"}],"predecessor-version":[{"id":10376,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2402\/revisions\/10376"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}