{"id":2525,"date":"2023-10-08T09:29:52","date_gmt":"2023-10-08T01:29:52","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2525"},"modified":"2025-05-10T16:17:11","modified_gmt":"2025-05-10T08:17:11","slug":"your-love-destination","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/your-love-destination","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\u8c01\u662f\u4f60\u7231\u60c5\u7684\u5f52\u5bbf\uff1f"},"content":{"rendered":"<!-- \u611b\u60c5\u6b78\u5bbf\u6e2c\u9a57\u7cfb\u7d71 - \u53ef\u5d4c\u5165WordPress\u7684\u6a21\u7d44\u5316\u8a2d\u8a08 -->\n<div id=\"love-destiny-quiz\" class=\"ldq-container\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"ldq-intro\" class=\"ldq-page ldq-intro-page\">\n    <header class=\"ldq-header\">\n      <h2 class=\"ldq-title\">\u8c01\u6700\u53ef\u80fd\u662f\u4f60\u7231\u60c5\u7684\u5f52\u5bbf\uff1f<\/h2>\n    <\/header>\n    <div class=\"ldq-intro-content\">\n      <div class=\"ldq-intro-icons\">\n        <div class=\"ldq-icon-wrapper\">\n          <div class=\"ldq-icon ldq-icon-heart\"><\/div>\n          <p>\u6df1\u5ea6\u5206\u6790<\/p>\n        <\/div>\n        <div class=\"ldq-icon-wrapper\">\n          <div class=\"ldq-icon ldq-icon-match\"><\/div>\n          <p>\u7cbe\u51c6\u5339\u914d<\/p>\n        <\/div>\n        <div class=\"ldq-icon-wrapper\">\n          <div class=\"ldq-icon ldq-icon-insight\"><\/div>\n          <p>\u60c5\u611f\u6d1e\u5bdf<\/p>\n        <\/div>\n      <\/div>\n      <p class=\"ldq-intro-text\">\u5bfb\u5bfb\u89c5\u89c5\uff0c\u6bcf\u4e2a\u4eba\u90fd\u5728\u4e3a\u81ea\u5df1\u7684\u611f\u60c5\u5bfb\u627e\u4e00\u4e2a\u5f52\u5bbf\u3002\u5728\u81ea\u7531\u604b\u7231\u7684\u65f6\u4ee3\uff0c\u6211\u4eec\u53ef\u4ee5\u81ea\u4e3b\u5730\u8c08\u7740\u60f3\u8981\u7684\u604b\u7231\u3002\u53ea\u662f\u78d5\u78d5\u649e\u649e\uff0c\u6709\u7684\u7231\u60c5\u7ec8\u7a76\u662f\u8fc7\u5ba2\uff0c\u6b64\u65f6\u7684\u6211\u4eec\u8fd8\u662f\u8981\u7ee7\u7eed\u5bfb\u89c5\u7684\u5f81\u9014\u3002\u5bf9\u4e8e\u4f60\u6765\u8bf4\uff0c\u54ea\u4e2aTA\u4f1a\u662f\u4f60\u6700\u7ec8\u7684\u5f52\u5bbf\u5462\uff1f\u8c01\u6700\u53ef\u80fd\u662f\u4f60\u7231\u60c5\u7684\u5f52\u5bbf\uff1f\u8bf7\u505a\u4e2a\u6d4b\u8bd5\u770b\u770b\u5427\u3002<\/p>\n      <button id=\"ldq-start-btn\" class=\"ldq-btn ldq-start-btn\" aria-label=\"\u5f00\u59cb\u6d4b\u9a8c\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"ldq-quiz\" class=\"ldq-page ldq-quiz-page\" style=\"display: none;\">\n    <header class=\"ldq-header\">\n      <h2 class=\"ldq-title\">\u8c01\u6700\u53ef\u80fd\u662f\u4f60\u7231\u60c5\u7684\u5f52\u5bbf\uff1f<\/h2>\n    <\/header>\n    <div class=\"ldq-progress-container\">\n      <div class=\"ldq-progress-bar\">\n        <div class=\"ldq-progress-fill\"><\/div>\n      <\/div>\n      <div class=\"ldq-progress-text\">\u95ee\u9898 <span id=\"ldq-current-number\">1<\/span><\/div>\n    <\/div>\n    <div class=\"ldq-question-container\">\n      <h3 id=\"ldq-question-text\" class=\"ldq-question-text\"><\/h3>\n      <div id=\"ldq-options\" class=\"ldq-options\"><\/div>\n      <button id=\"ldq-prev-btn\" class=\"ldq-btn ldq-prev-btn\" style=\"display: none;\" aria-label=\"\u4e0a\u4e00\u9898\">\u4e0a\u4e00\u9898<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"ldq-result\" class=\"ldq-page ldq-result-page\" style=\"display: none;\">\n    <header class=\"ldq-header\">\n      <h2 class=\"ldq-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n    <\/header>\n    <div class=\"ldq-result-container\">\n      <h3 id=\"ldq-result-title\" class=\"ldq-result-title\"><\/h3>\n      <div class=\"ldq-chart-container\">\n        <canvas id=\"ldq-result-chart\"><\/canvas>\n      <\/div>\n      <div id=\"ldq-result-description\" class=\"ldq-result-description\"><\/div>\n      <button id=\"ldq-restart-btn\" class=\"ldq-btn ldq-restart-btn\" aria-label=\"\u91cd\u65b0\u6d4b\u9a8c\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n\/* \u57fa\u790e\u8b8a\u6578\u8a2d\u7f6e *\/\n:root {\n  --ldq-primary: #8e44ad;\n  --ldq-primary-light: #a569bd;\n  --ldq-primary-dark: #703688;\n  --ldq-secondary: #f39c12;\n  --ldq-secondary-light: #f7bc5d;\n  --ldq-secondary-dark: #e67e22;\n  --ldq-tertiary: #1abc9c;\n  --ldq-tertiary-light: #48c9b0;\n  --ldq-tertiary-dark: #16a085;\n  --ldq-gradient-start: #8e44ad;\n  --ldq-gradient-end: #e74c3c;\n  --ldq-background: #ffffff;\n  --ldq-background-light: #f5f7fa;\n  --ldq-text: #34495e;\n  --ldq-text-light: #7f8c8d;\n  --ldq-text-dark: #2c3e50;\n  --ldq-success: #2ecc71;\n  --ldq-warning: #f39c12;\n  --ldq-error: #e74c3c;\n  --ldq-border-radius: 8px;\n  --ldq-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  --ldq-transition: all 0.3s ease;\n  --ldq-spacing-xs: 4px;\n  --ldq-spacing-sm: 8px;\n  --ldq-spacing-md: 16px;\n  --ldq-spacing-lg: 24px;\n  --ldq-spacing-xl: 32px;\n  --ldq-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang TC\", \"Microsoft JhengHei\", \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", sans-serif;\n}\n\n\/* \u6574\u9ad4\u5bb9\u5668\u6a23\u5f0f *\/\n.ldq-container {\n  font-family: var(--ldq-font-sans);\n  max-width: 800px;\n  margin: 0 auto;\n  padding: var(--ldq-spacing-md);\n  color: var(--ldq-text);\n  font-size: 18px;\n  line-height: 1.6;\n  box-sizing: border-box;\n}\n\n.ldq-container * {\n  box-sizing: border-box;\n}\n\n\/* \u9801\u9762\u6a23\u5f0f *\/\n.ldq-page {\n  background-color: var(--ldq-background);\n  border-radius: var(--ldq-border-radius);\n  box-shadow: var(--ldq-box-shadow);\n  padding: var(--ldq-spacing-lg);\n  margin-bottom: var(--ldq-spacing-lg);\n  overflow: hidden;\n}\n\n\/* \u6a19\u984c\u6a23\u5f0f *\/\n.ldq-header {\n  text-align: center;\n  margin-bottom: var(--ldq-spacing-lg);\n}\n\n.ldq-title {\n  color: var(--ldq-primary);\n  font-size: 28px;\n  font-weight: 700;\n  margin: 0;\n  padding: var(--ldq-spacing-md) 0;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.ldq-intro-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.ldq-intro-icons {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: var(--ldq-spacing-xl);\n  margin-bottom: var(--ldq-spacing-lg);\n}\n\n.ldq-icon-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.ldq-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background-color: var(--ldq-primary-light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--ldq-spacing-sm);\n  position: relative;\n  box-shadow: 0 10px 20px rgba(142, 68, 173, 0.2);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ldq-icon::before {\n  content: '';\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.ldq-icon:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 30px rgba(142, 68, 173, 0.3);\n}\n\n.ldq-icon-heart::before {\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'\/%3E%3C\/svg%3E\");\n}\n\n.ldq-icon-match::before {\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 3v4.5H3v3h5V15H3v3h5v3h3v-3h5v3h3v-3h5v-3h-5v-4.5h5v-3h-5V3h-3v4.5H11V3H8zm3 7.5h5V15h-5v-4.5z'\/%3E%3C\/svg%3E\");\n}\n\n.ldq-icon-insight::before {\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z'\/%3E%3C\/svg%3E\");\n}\n\n.ldq-icon-wrapper p {\n  color: var(--ldq-text-dark);\n  font-weight: 600;\n  margin: var(--ldq-spacing-sm) 0;\n}\n\n.ldq-intro-text {\n  margin-bottom: var(--ldq-spacing-lg);\n  text-align: justify;\n  max-width: 660px;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.ldq-btn {\n  min-width: 150px;\n  height: 50px;\n  padding: 0 var(--ldq-spacing-lg);\n  border: none;\n  border-radius: 25px;\n  font-size: 18px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--ldq-transition);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.ldq-btn::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(135deg, var(--ldq-gradient-start), var(--ldq-gradient-end));\n  z-index: -1;\n  transition: var(--ldq-transition);\n}\n\n.ldq-btn:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);\n}\n\n.ldq-btn:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n}\n\n.ldq-start-btn, .ldq-restart-btn {\n  background-color: var(--ldq-primary);\n  color: white;\n  margin: var(--ldq-spacing-md) auto;\n}\n\n.ldq-prev-btn {\n  background-color: var(--ldq-background-light);\n  color: var(--ldq-text);\n  margin: var(--ldq-spacing-lg) auto 0;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.ldq-prev-btn::before {\n  background: linear-gradient(135deg, #f5f7fa, #c3cfe2);\n}\n\n\/* \u9032\u5ea6\u689d\u6a23\u5f0f *\/\n.ldq-progress-container {\n  margin-bottom: var(--ldq-spacing-lg);\n}\n\n.ldq-progress-bar {\n  height: 8px;\n  background-color: var(--ldq-background-light);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: var(--ldq-spacing-sm);\n}\n\n.ldq-progress-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--ldq-primary), var(--ldq-primary-light));\n  width: 0%;\n  transition: width 0.3s ease;\n}\n\n.ldq-progress-text {\n  text-align: center;\n  font-size: 16px;\n  color: var(--ldq-text-light);\n}\n\n\/* \u554f\u984c\u6a23\u5f0f *\/\n.ldq-question-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.ldq-question-text {\n  font-size: 22px;\n  font-weight: 700;\n  margin-bottom: var(--ldq-spacing-lg);\n  color: var(--ldq-text-dark);\n}\n\n.ldq-options {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ldq-spacing-md);\n}\n\n.ldq-option {\n  min-height: 60px;\n  padding: var(--ldq-spacing-md) var(--ldq-spacing-lg);\n  background-color: var(--ldq-background-light);\n  border: 2px solid transparent;\n  border-radius: var(--ldq-border-radius);\n  cursor: pointer;\n  transition: var(--ldq-transition);\n  display: flex;\n  align-items: center;\n  font-size: 18px;\n  color: var(--ldq-text);\n  position: relative;\n  overflow: hidden;\n}\n\n.ldq-option:hover {\n  border-color: var(--ldq-primary-light);\n  background-color: #f0e6f5;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.ldq-option.selected {\n  border-color: var(--ldq-primary);\n  background-color: #f0e6f5;\n  color: var(--ldq-primary-dark);\n  font-weight: 600;\n}\n\n.ldq-option.selected::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  right: var(--ldq-spacing-lg);\n  transform: translateY(-50%);\n  width: 20px;\n  height: 20px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%238e44ad'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'\/%3E%3C\/svg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.ldq-result-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.ldq-result-title {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--ldq-primary-dark);\n  margin-bottom: var(--ldq-spacing-lg);\n  text-align: center;\n}\n\n.ldq-chart-container {\n  width: 100%;\n  max-width: 500px;\n  margin: 0 auto var(--ldq-spacing-xl);\n}\n\n.ldq-result-description {\n  margin-bottom: var(--ldq-spacing-xl);\n  text-align: justify;\n  max-width: 660px;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n  .ldq-container {\n    padding: var(--ldq-spacing-sm);\n  }\n  \n  .ldq-page {\n    padding: var(--ldq-spacing-md);\n  }\n  \n  .ldq-title {\n    font-size: 24px;\n  }\n  \n  .ldq-intro-icons {\n    gap: var(--ldq-spacing-lg);\n  }\n  \n  .ldq-icon {\n    width: 70px;\n    height: 70px;\n  }\n  \n  .ldq-question-text {\n    font-size: 20px;\n  }\n  \n  .ldq-option {\n    font-size: 16px;\n    padding: var(--ldq-spacing-md);\n  }\n  \n  .ldq-btn {\n    min-width: 130px;\n    height: 45px;\n    font-size: 16px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ldq-title {\n    font-size: 22px;\n  }\n  \n  .ldq-intro-icons {\n    gap: var(--ldq-spacing-md);\n  }\n  \n  .ldq-icon {\n    width: 60px;\n    height: 60px;\n  }\n  \n  .ldq-icon::before {\n    width: 30px;\n    height: 30px;\n  }\n  \n  .ldq-question-text {\n    font-size: 18px;\n  }\n  \n  .ldq-option {\n    min-height: 50px;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n\/\/ \u6a21\u7d44\u5316\u611b\u60c5\u6b78\u5bbf\u6e2c\u9a57 - \u78ba\u4fdd\u4e0d\u8207WordPress\u5176\u4ed6\u7d44\u4ef6\u885d\u7a81\n(function() {\n  'use strict';\n  \n  \/\/ \u9632\u6b62\u8b8a\u91cf\u6c61\u67d3\u5168\u5c40\u547d\u540d\u7a7a\u9593\n  const LoveDestinyQuiz = {\n    \/\/ \u6e2c\u9a57\u6578\u64da\n    data: {\n      questions: {\n        \"1\": {\n          text: \"\u4f60\u6709\u76f8\u6200\u5f88\u4e45\u7684\u6200\u4eba\uff0c\u4e26\u4e14\u4f60\u76ee\u524d\u5df2\u7d93\u5f88\u60f3\u7d50\u5a5a\u4e86\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"7\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"2\" }\n          ]\n        },\n        \"2\": {\n          text: \"\u4f60\u96e2\u81ea\u5df1\u5fc3\u4e2d\u7684\u9069\u5a5a\u5e74\u9f61\u9084\u6709\u4e00\u6bb5\u8ddd\u96e2\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"8\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"3\" }\n          ]\n        },\n        \"3\": {\n          text: \"\u4f60\u662f\u500b\u5f88\u5167\u56ae\u7684\u4eba\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"9\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"4\" }\n          ]\n        },\n        \"4\": {\n          text: \"\u4f60\u7684\u7570\u6027\u6b7b\u9ee8\u597d\u53cb\u7d66\u904e\u4f60\u4ec0\u9ebc\u6d6a\u6f2b\u7684\u9a5a\u559c\u55ce\uff1f\",\n          options: [\n            { text: \"\u6709\u904e\", nextQuestion: \"10\" },\n            { text: \"\u6c92\u6709\u904e\", nextQuestion: \"5\" }\n          ]\n        },\n        \"5\": {\n          text: \"\u4f60\u66fe\u7d93\u5728\u6574\u8831\u4f60\u7684\u7570\u6027\u51a4\u5bb6\u4e4b\u5f8c\u6703\u56e0\u70ba\u611f\u5230\u81ea\u5df1\u5f88\u904e\u5206\u800c\u81ea\u8cac\u55ce\uff1f\",\n          options: [\n            { text: \"\u6703\", nextQuestion: \"11\" },\n            { text: \"\u4e0d\u6703\", nextQuestion: \"6\" }\n          ]\n        },\n        \"6\": {\n          text: \"\u4f60\u9078\u64c7\u7570\u6027\u670b\u53cb\u7684\u6642\u5019\u5f88\u91cd\u8996TA\u7684\u500b\u4eba\u689d\u4ef6\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"12\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"7\" }\n          ]\n        },\n        \"7\": {\n          text: \"\u4f60\u6bcf\u6bb5\u6200\u60c5\u7684\u958b\u59cb\u90fd\u662f\u4ee5\u7d50\u5a5a\u70ba\u76ee\u7684\u7684\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"13\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"8\" }\n          ]\n        },\n        \"8\": {\n          text: \"\u4f60\u5e38\u5e38\u5728\u5fc3\u88e1\u63cf\u7e6a\u81ea\u5df1\u7406\u60f3\u5c0d\u8c61\u7684\u5f62\u8c61\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"14\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"9\" }\n          ]\n        },\n        \"9\": {\n          text: \"\u4f60\u5fc3\u4e2d\u6697\u6200\u7684\u4eba\u662f\u5404\u65b9\u9eb5\u689d\u4ef6\u90fd\u5f88\u9069\u5408\u4f60\u7684\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"15\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"10\" }\n          ]\n        },\n        \"10\": {\n          text: \"\u4f60\u7684\u7570\u6027\u6b7b\u9ee8\u5c0d\u4f60\u7684\u95dc\u5fc3\u8d85\u904e\u65bc\u4ed6\u7684\u6b63\u724c\u7537(\u5973)\u53cb\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"16\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"11\" }\n          ]\n        },\n        \"11\": {\n          text: \"\u4f60\u6709\u6642\u6703\u89ba\u5f97\u4f60\u8a0e\u53ad\u7684\u4eba\u4e5f\u6709\u597d\u7684\u4e00\u9762\uff0c\u4f46\u53ea\u662f\u81ea\u5df1\u5f9e\u4f86\u4e0d\u9858\u610f\u627f\u8a8d\u800c\u5df2\u55ce\uff1f\",\n          options: [\n            { text: \"\u6703\", nextQuestion: \"17\" },\n            { text: \"\u4e0d\u6703\", nextQuestion: \"12\" }\n          ]\n        },\n        \"12\": {\n          text: \"\u4f60\u4e0d\u6703\u8207\u81ea\u5df1\u4e0d\u77ad\u89e3\u7684\u4eba\u505a\u670b\u53cb\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"18\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"13\" }\n          ]\n        },\n        \"13\": {\n          text: \"\u4f60\u5c0d\u4f60\u73fe\u5728\u7684\u6200\u4eba\u5404\u65b9\u9762\u90fd\u5f88\u6eff\u610f\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"result-A\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"14\" }\n          ]\n        },\n        \"14\": {\n          text: \"\u4f60\u7a4d\u6975\u5730\u8a8d\u8b58\u55ae\u8eab\u7570\u6027\u670b\u53cb\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"result-B\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"15\" }\n          ]\n        },\n        \"15\": {\n          text: \"\u8207\u4f60\u6709\u66d6\u6627\u95dc\u4fc2\u7684\u4eba\u9072\u9072\u6c92\u6709\u548c\u4f60\u5c55\u958b\u6200\u60c5\u7684\u539f\u56e0\u662f\uff1a\",\n          options: [\n            { text: \"\u66ab\u6642\u4e0d\u60f3\u6345\u7834\u90a3\u5c64\u7a97\u6236\u7d19\", nextQuestion: \"result-C\" },\n            { text: \"\u6709\u96e3\u8a00\u7684\u969c\u7919\", nextQuestion: \"16\" }\n          ]\n        },\n        \"16\": {\n          text: \"\u4f60\u7684\u7570\u6027\u6b7b\u9ee8\u53bb\u966a\u7537(\u5973)\u53cb\uff0c\u4f60\u6703\u611f\u5230\u5931\u843d\u55ce\uff1f\",\n          options: [\n            { text: \"\u6703\", nextQuestion: \"result-D\" },\n            { text: \"\u4e0d\u6703\", nextQuestion: \"17\" }\n          ]\n        },\n        \"17\": {\n          text: \"\u4f60\u5e38\u5e38\u5077\u5077\u89c0\u5bdf\u4f60\u7684\u9b25\u6c23\u51a4\u5bb6\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"result-E\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"18\" }\n          ]\n        },\n        \"18\": {\n          text: \"\u4f60\u5f88\u5c11\u6709\u6a5f\u6703\u8a8d\u8b58\u964c\u751f\u7684\u55ae\u8eab\u7570\u6027\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"result-F\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"19\" }\n          ]\n        },\n        \"19\": {\n          text: \"\u5e7b\u60f3\u4e00\u4e0b\u672a\u4f86\u7684\u5a5a\u59fb\u751f\u6d3b\uff0c\u4f60\u9996\u5148\u60f3\u5230\u7684\u756b\u9762\u662f\uff1a\",\n          options: [\n            { text: \"\u8207\u4f60\u76ee\u524d\u7684\u6200\u4eba\u81a9\u5728\u4e00\u8d77\", nextQuestion: \"result-A\" },\n            { text: \"\u5a5a\u5f8c\u751c\u871c\u7684\u751f\u6d3b\uff0c\u4f46\u662f\u6c92\u6709\u76ee\u524d\u6200\u4eba\u7684\u5f71\u5b50\", nextQuestion: \"result-B\" }\n          ]\n        },\n        \"20\": {\n          text: \"\u4f60\u6703\u56e0\u70ba\u8ab0\u6709\u4e86\u6200\u4eba\u5c31\u51b7\u843d\u4f60\u800c\u751f\u6c23\uff1f\",\n          options: [\n            { text: \"\u7570\u6027\u6b7b\u9ee8\", nextQuestion: \"result-C\" },\n            { text: \"\u8207\u4f60\u6709\u66d6\u6627\u7684\u4eba\", nextQuestion: \"result-D\" }\n          ]\n        },\n        \"21\": {\n          text: \"\u5728\u611f\u60c5\u4e0a\u4f60\u5e38\u5e38\u6703\u53e3\u662f\u5fc3\u975e\uff0c\u660e\u660e\u52d5\u5fc3\u4e86\u537b\u8868\u73fe\u4e5f\u5f88\u51b7\u6f20\u55ce\uff1f\",\n          options: [\n            { text: \"\u662f\u7684\", nextQuestion: \"result-E\" },\n            { text: \"\u4e0d\u662f\", nextQuestion: \"result-F\" }\n          ]\n        }\n      },\n      results: {\n        \"A\": {\n          title: \"\u6703\u548c\u4f60\u76ee\u524d\u7684\u6200\u4eba\u4fee\u6210\u6b63\u679c\",\n          description: \"\u4f60\u548c\u4f60\u73fe\u4efb\u7684\u6200\u4eba\u611f\u60c5\u975e\u5e38\u5730\u7a69\u5b9a\u3002\u4f60\u5011\u5404\u65b9\u9762\u7684\u689d\u4ef6\u4e5f\u662f\u76f8\u7576\u9069\u5408\u5c0d\u65b9\u7684\u3002\u4e26\u4e14\u4f60\u5011\u5df2\u7d93\u76f8\u6200\u4e86\u5f88\u9577\u4e00\u6bb5\u6642\u9593\uff0c\u96d9\u65b9\u4e5f\u90fd\u5230\u4e86\u9069\u5a5a\u7684\u5e74\u9f61\u3002\u6240\u4ee5\u4f60\u5011\u975e\u5e38\u6709\u53ef\u80fd\u4fee\u6210\u6b63\u679c\u3002\u4e00\u60f3\u5230\u7d50\u5a5a\u5c31\u6703\u60f3\u5230\u5f7c\u6b64\u3002\u5728\u5fc3\u4e2d\u5df2\u7d93\u628a\u5c0d\u65b9\u9ed8\u8a8d\u70ba\u81ea\u5df1\u7684\u7d42\u751f\u4f34\u4fb6\u4e86\u3002\u7d93\u904e\u8f9b\u82e6\u7684\u611b\u60c5\u9577\u8dd1\uff0c\u4e00\u8def\u8d70\u4f86\u4e5f\u8a31\u4f60\u5011\u722d\u5435\u904e\uff0c\u5c0d\u4f60\u5011\u7684\u6200\u60c5\u7070\u5fc3\u904e\uff0c\u4f46\u4f60\u5011\u624d\u662f\u6700\u77ad\u89e3\u5f7c\u6b64\uff0c\u6700\u7fd2\u6163\u5f7c\u6b64\uff0c\u6700\u9069\u5408\u5f7c\u6b64\u7684\u4eba\u3002\u6240\u4ee5\u4f60\u7684\u611f\u60c5\u6700\u7d42\u4ecd\u820a\u662f\u6b78\u5bbf\u65bc\u4f60\u73fe\u76ee\u524d\u7684\u6200\u4eba\u3002\",\n          scores: {\n            \"\u73fe\u6709\u6200\u4eba\": 95,\n            \"\u672a\u4f86\u6200\u4eba\": 20,\n            \"\u66d6\u6627\u5c0d\u8c61\": 15,\n            \"\u7570\u6027\u6b7b\u9ee8\": 10,\n            \"\u51a4\u5bb6\u5c0d\u982d\": 5,\n            \"\u76f8\u89aa\u5c0d\u8c61\": 5\n          }\n        },\n        \"B\": {\n          title: \"\u4f60\u672a\u4f86\u9047\u4e0a\u7684\u6200\u4eba\",\n          description: \"\u4f60\u4e0d\u60f3\u8f15\u6613\u5730\u628a\u81ea\u5df1\u7684\u60c5\u611f\u8a17\u4ed8\u65bc\u4eba\uff0c\u6240\u4ee5\u5728\u6200\u611b\u7684\u9014\u4e2d\u4f60\u4e00\u76f4\u671f\u5f85\u8457\u80fd\u9047\u5230\u5fc3\u76ee\u4e2d\u6700\u4e2d\u610f\u7684TA\uff0c\u90a3\u7a2e\u6642\u5019\u4f60\u624d\u80af\u4ed8\u51fa\u81ea\u5df1\u7684\u611f\u60c5\u3002\u4e0d\u662f\u6c92\u6709\u4eba\u8ffd\u4f60\uff0c\u800c\u662f\u8ffd\u4f60\u7684\u4eba\u90fd\u4e0d\u80fd\u4ee4\u4f60\u6eff\u610f\u3002\u4e5f\u4e0d\u662f\u4f60\u6c92\u6709\u8ac7\u904e\u6200\u611b\uff0c\u800c\u662f\u7d93\u904e\u4e86\u5e7e\u6b21\u6200\u611b\uff0c\u4f60\u4e26\u6c92\u6709\u89ba\u5f97\u5c0d\u65b9\u662f\u4f60\u6700\u60f3\u8981\u4ed8\u51fa\u771f\u60c5\u611f\u7684\u4eba\u3002\u6240\u4ee5\u4f60\u4ecd\u7136\u5728\u7b49\u5f85\u548c\u5c0b\u8993\u4e2d\u3002\u4f60\u76f8\u4fe1\u7e3d\u6709\u4e00\u5929\u7de3\u5206\u6703\u964d\u81e8\u5230\u4f60\u7684\u982d\u4e0a\u4f86\u3002\u4f60\u672a\u4f86\u9047\u5230\u7684\u6200\u4eba\u624d\u6703\u662f\u4f60\u771f\u6b63\u7684\u60c5\u611f\u6b78\u5bbf\u3002\",\n          scores: {\n            \"\u73fe\u6709\u6200\u4eba\": 20,\n            \"\u672a\u4f86\u6200\u4eba\": 90,\n            \"\u66d6\u6627\u5c0d\u8c61\": 30,\n            \"\u7570\u6027\u6b7b\u9ee8\": 15,\n            \"\u51a4\u5bb6\u5c0d\u982d\": 10,\n            \"\u76f8\u89aa\u5c0d\u8c61\": 25\n          }\n        },\n        \"C\": {\n          title: \"\u73fe\u5728\u6b63\u8207\u4f60\u6709\u66d6\u6627\u95dc\u4fc2\u7684\u4eba\",\n          description: \"\u5c07\u6703\u662f\u4f60\u672a\u4f86\u7684\u60c5\u611f\u6b78\u5bbf\u5c0d\u8c61\u3002\u4f60\u5011\u4e4b\u6240\u4ee5\u66d6\u6627\uff0c\u4e0d\u6703\u662f\u56e0\u70ba\u6709\u96e3\u8a00\u4e4b\u96b1\uff0c\u4e4b\u6240\u4ee5\u76f8\u4e92\u5728\u5fc3\u88e1\u6084\u6084\u5c0d\u5f7c\u6b64\u50be\u6155\uff0c\u4e0d\u662f\u56e0\u70ba\u4f60\u5011\u7684\u6200\u60c5\u4e0d\u80fd\u516c\u958b\u3002\u800c\u662f\u4f60\u5011\u66ab\u6642\u90fd\u6c92\u6709\u505a\u597d\u6e96\u5099\u8981\u6345\u7834\u9019\u5c64\u7a97\u6236\u7d19\u3002\u4f46\u96d9\u65b9\u90fd\u77e5\u9053\u5f7c\u6b64\u7684\u5fc3\u601d\uff0c\u6240\u4ee5\u96e2\u655e\u958b\u5929\u7a97\u7684\u65e5\u5b50\u4e0d\u9060\u4e86\u3002\u6709\u7684\u5ff5\u982d\u53ea\u8981\u4e00\u5192\u51fa\u4f86\uff0c\u5c31\u96e3\u4ee5\u95dc\u5f97\u4f4f\u3002\u4f60\u5011\u65e2\u7136\u96d9\u65b9\u90fd\u5c0d\u5f7c\u6b64\u50be\u6155\uff0c\u6240\u4ee5\u8981\u9ebc\u4f60\u4e3b\u52d5\u51fa\u64ca\uff0c\u8981\u9ebc\u4f60\u8010\u5fc3\u7b49\u5f85\uff0c\u7e3d\u6709\u90a3\u9ebc\u4e00\u5929\u662f\u8981\u5927\u65b9\u5730\u5c55\u958b\u6200\u60c5\u7684\u3002\u4e5f\u8a31TA\u5c31\u662f\u4f60\u7684\u60c5\u611f\u6b78\u5bbf\u3002\",\n          scores: {\n            \"\u73fe\u6709\u6200\u4eba\": 15,\n            \"\u672a\u4f86\u6200\u4eba\": 25,\n            \"\u66d6\u6627\u5c0d\u8c61\": 90,\n            \"\u7570\u6027\u6b7b\u9ee8\": 40,\n            \"\u51a4\u5bb6\u5c0d\u982d\": 10,\n            \"\u76f8\u89aa\u5c0d\u8c61\": 10\n          }\n        },\n        \"D\": {\n          title: \"\u4f60\u7684\u7570\u6027\u6b7b\u9ee8\u624d\u662f\u4f60\u7684\u60c5\u611f\u6b78\u5c6c\u8005\",\n          description: \"\u4e0d\u8981\u518d\u81ea\u6b3a\u6b3a\u4eba\u5566\u3002\u4f60\u548c\u4f60\u7684\u7570\u6027\u6b7b\u9ee8\u6253\u8457\u597d\u53cb\u5144\u5f1f\u7684\u540d\u7fa9\u6df7\u5728\u4e00\u8d77\u5f88\u4e45\u5566\u3002\u5f7c\u6b64\u4e4b\u9593\u76f8\u4e92\u50be\u6155\uff0c\u4e5f\u6703\u70ba\u5c0d\u65b9\u7684\u53e6\u4e00\u534a\u800c\u5403\u918b\u751f\u6c23\u3002\u9019\u4e0d\u662f\u611b\u60c5\u662f\u4ec0\u9ebc\u5462\uff1f\u4f60\u5011\u4e0d\u9858\u610f\u627f\u8a8d\u4f60\u5011\u5c0d\u5f7c\u6b64\u7684\u611b\u6155\uff0c\u662f\u56e0\u70ba\u89ba\u5f97\u4e00\u6642\u96e3\u4ee5\u63a5\u53d7\u4f60\u5011\u95dc\u4fc2\u7684\u626d\u8f49\uff0c\u76f8\u4e92\u4e5f\u90fd\u4e0d\u597d\u610f\u601d\u5c0d\u5c0d\u65b9\u8868\u793a\u4efb\u4f55\u4e00\u9ede\u6709\u95dc\u611b\u7684\u8cc7\u8a0a\u3002\u4f60\u5011\u5c0d\u5f7c\u6b64\u90fd\u662f\u5f88\u719f\u6089\uff0c\u5f88\u77ad\u89e3\u7684\u3002\u4e26\u4e14\u5fc3\u4e2d\u6700\u60e6\u5ff5\u7684\u4e5f\u662f\u5f7c\u6b64\u3002\u8207\u5176\u5404\u81ea\u5c0b\u627e\u4f34\u4fb6\uff0c\u515c\u500b\u5927\u5708\u5b50\uff0c\u9084\u4e0d\u5982\u5c31\u627f\u8a8d\u4e86\u4f60\u5011\u662f\u76f8\u611b\u7684\u3002\u4f60\u7684\u7570\u6027\u6b7b\u9ee8\uff0cTA\u5c31\u662f\u4f60\u7684\u60c5\u611f\u6b78\u5bbf\u3002\",\n          scores: {\n            \"\u73fe\u6709\u6200\u4eba\": 10,\n            \"\u672a\u4f86\u6200\u4eba\": 20,\n            \"\u66d6\u6627\u5c0d\u8c61\": 40,\n            \"\u7570\u6027\u6b7b\u9ee8\": 90,\n            \"\u51a4\u5bb6\u5c0d\u982d\": 15,\n            \"\u76f8\u89aa\u5c0d\u8c61\": 5\n          }\n        },\n        \"E\": {\n          title: \"\u4f60\u7684\u60c5\u611f\u6703\u6b78\u5c6c\u65bc\u4f60\u73fe\u5728\u7684\u9b25\u6c23\u51a4\u5bb6\",\n          description: \"\u4e0d\u8981\u518d\u5634\u786c\u5566\u3002\u4f60\u548c\u4f60\u7684\u9b25\u6c23\u51a4\u5bb6\u771f\u662f\u6253\u662f\u89aa\u7f75\u662f\u611b\u3002\u4f60\u7684\u500b\u6027\u662f\u5c6c\u65bc\u5634\u786c\u5fc3\u8edf\uff0c\u5200\u5b50\u5634\u8c46\u8150\u5fc3\u7684\u90a3\u7a2e\u985e\u578b\u3002\u4f60\u6084\u6084\u5730\u89c0\u5bdf\u4f60\u7684\u9b25\u6c23\u51a4\u5bb6\uff0c\u4f60\u9084\u66fe\u56e0\u70ba\u6574\u8831TA\uff0c\u6574\u8831\u5f97\u592a\u904e\u5206\u800c\u5167\u759a\u81ea\u8cac\u3002\u6240\u4ee5\u4f60\u6709\u6c92\u6709\u554f\u904e\u81ea\u5df1\u5c0dTA\u771f\u7684\u662f\u53ad\u60e1\u55ce\uff1f\u4e5f\u8a31\u5728\u5fc3\u5e95\u4f60\u5df2\u7d93\u611b\u4e0aTA\u4e86\u3002\u53ea\u662f\u4e00\u76f4\u4e0d\u6562\u76f8\u4fe1\u81ea\u5df1\u600e\u9ebc\u559c\u6b61\u7684\u662fTA\uff0c\u6216\u8a31\u4f60\u53ea\u662f\u4e0d\u9858\u610f\u627f\u8a8d\u7f77\u4e86\u3002\u4f60\u5c0dTA\u7684\u77ad\u89e3\u548c\u4f60\u5c0dTA\u7684\u6b3a\u8ca0\u4e5f\u8a31\u90fd\u6703\u8b8a\u6210\u751c\u871c\u7684\u56de\u61b6\u3002\u4f60\u7684\u60c5\u611f\u6b78\u5c6c\u5f88\u53ef\u80fd\u5c31\u662f\u4f60\u73fe\u5728\u7684\u9b25\u6c23\u51a4\u5bb6\u3002\",\n          scores: {\n            \"\u73fe\u6709\u6200\u4eba\": 5,\n            \"\u672a\u4f86\u6200\u4eba\": 15,\n            \"\u66d6\u6627\u5c0d\u8c61\": 20,\n            \"\u7570\u6027\u6b7b\u9ee8\": 25,\n            \"\u51a4\u5bb6\u5c0d\u982d\": 90,\n            \"\u76f8\u89aa\u5c0d\u8c61\": 5\n          }\n        },\n        \"F\": {\n          title: \"\u76f8\u89aa\u7d50\u8b58\u7684\u4eba\u5c07\u6703\u6210\u70ba\u4f60\u7684\u60c5\u611f\u6b78\u5c6c\u8005\",\n          description: \"\u4f60\u4e0d\u6703\u5c0d\u4e00\u500b\u4f60\u4e00\u7121\u6240\u77e5\u7684\u964c\u751f\u4eba\u7522\u751f\u611f\u60c5\u3002\u5982\u679c\u4f60\u60f3\u8981\u8207\u5c0d\u65b9\u767c\u751f\u611f\u60c5\uff0c\u4f60\u6703\u9996\u5148\u53bb\u77ad\u89e3TA\u7684\u5404\u65b9\u9eb5\u689d\u4ef6\uff0c\u53bb\u77ad\u89e3TA\u7684\u80cc\u666f\u3002\u5982\u679c\u5408\u9069\u4f60\u624d\u6703\u8003\u616e\u8981\u4e0d\u8981\u4ed8\u51fa\u60c5\u611f\u3002\u6240\u4ee5\u5728\u611b\u60c5\u4e2d\u4f60\u662f\u7406\u667a\u7684\u3002\u4f60\u7684\u60c5\u611f\u6b78\u5bbf\u4e0d\u6703\u662f\u96a8\u96a8\u4fbf\u4fbf\u611b\u4e0a\u7684\u4e00\u500b\u4eba\uff0c\u4e00\u5b9a\u6703\u662f\u4f60\u5341\u5206\u77ad\u89e3\u7684\u77e5\u6839\u77e5\u5e95\u7684\u4eba\u3002\u5982\u679c\u662f\u5468\u570d\u6c92\u6709\u9019\u6a23\u7684\u55ae\u8eab\u7570\u6027\u3002\u90a3\u9ebc\u901a\u904e\u76f8\u89aa\u53bb\u77ad\u89e3\u5c0d\u65b9\u7684\u57fa\u790e\u72c0\u6cc1\u662f\u6700\u5feb\u6377\u7684\u3002\u6240\u4ee5\u4f60\u7684\u60c5\u611f\u6b78\u5bbf\u61c9\u8a72\u6703\u662f\u4f60\u76f8\u89aa\u8a8d\u8b58\u7684TA\u3002\",\n          scores: {\n            \"\u73fe\u6709\u6200\u4eba\": 5,\n            \"\u672a\u4f86\u6200\u4eba\": 25,\n            \"\u66d6\u6627\u5c0d\u8c61\": 15,\n            \"\u7570\u6027\u6b7b\u9ee8\": 10,\n            \"\u51a4\u5bb6\u5c0d\u982d\": 5,\n            \"\u76f8\u89aa\u5c0d\u8c61\": 90\n          }\n        }\n      }\n    },\n    \n    \/\/ \u72b6\u6001\u7ba1\u7406\n    state: {\n      currentPage: 'intro',\n      currentQuestion: '1',\n      path: ['1'],\n      result: null\n    },\n    \n    \/\/ DOM \u5143\u7d20\u7f13\u5b58\n    elements: {},\n    \n    \/\/ \u521d\u59cb\u5316\u529f\u80fd\n    init: function() {\n      this.cacheElements();\n      this.bindEvents();\n    },\n    \n    \/\/ \u7f13\u5b58 DOM \u5143\u7d20\u5f15\u7528\n    cacheElements: function() {\n      this.elements = {\n        introPage: document.getElementById('ldq-intro'),\n        quizPage: document.getElementById('ldq-quiz'),\n        resultPage: document.getElementById('ldq-result'),\n        startBtn: document.getElementById('ldq-start-btn'),\n        prevBtn: document.getElementById('ldq-prev-btn'),\n        restartBtn: document.getElementById('ldq-restart-btn'),\n        questionText: document.getElementById('ldq-question-text'),\n        optionsContainer: document.getElementById('ldq-options'),\n        progressFill: document.querySelector('.ldq-progress-fill'),\n        currentNumber: document.getElementById('ldq-current-number'),\n        resultTitle: document.getElementById('ldq-result-title'),\n        resultDescription: document.getElementById('ldq-result-description'),\n        chartCanvas: document.getElementById('ldq-result-chart')\n      };\n    },\n    \n    \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\u76d1\u542c\u5668\n    bindEvents: function() {\n      const self = this;\n      \n      \/\/ \u5f00\u59cb\u6d4b\u9a8c\u6309\u94ae\n      this.elements.startBtn.addEventListener('click', function() {\n        self.navigateTo('quiz');\n        self.loadQuestion('1');\n        self.scrollToTop();\n      });\n      \n      \/\/ \u4e0a\u4e00\u9898\u6309\u94ae\n      this.elements.prevBtn.addEventListener('click', function() {\n        if (self.state.path.length > 1) {\n          self.state.path.pop();\n          self.state.currentQuestion = self.state.path[self.state.path.length - 1];\n          self.loadQuestion(self.state.currentQuestion);\n          \n          \/\/ \u5982\u679c\u53ea\u5269\u4e0b\u7b2c\u4e00\u9898\uff0c\u9690\u85cf\u4e0a\u4e00\u9898\u6309\u94ae\n          if (self.state.path.length <= 1) {\n            self.elements.prevBtn.style.display = 'none';\n          }\n        }\n      });\n      \n      \/\/ \u91cd\u65b0\u6d4b\u8bd5\u6309\u94ae\n      this.elements.restartBtn.addEventListener('click', function() {\n        self.resetQuiz();\n        self.navigateTo('intro');\n        self.scrollToTop();\n      });\n      \n      \/\/ \u4e8b\u4ef6\u59d4\u6d3e\u5904\u7406\u9009\u9879\u70b9\u51fb\n      this.elements.optionsContainer.addEventListener('click', function(e) {\n        const optionEl = e.target.closest('.ldq-option');\n        if (optionEl) {\n          const optionIndex = optionEl.dataset.index;\n          const question = self.data.questions[self.state.currentQuestion];\n          const nextQuestion = question.options[optionIndex].nextQuestion;\n          \n          \/\/ \u6807\u8bb0\u9009\u4e2d\u72b6\u6001\n          self.elements.optionsContainer.querySelectorAll('.ldq-option').forEach(el => {\n            el.classList.remove('selected');\n          });\n          optionEl.classList.add('selected');\n          \n          \/\/ \u4f7f\u7528\u8282\u6d41\u51fd\u6570\u9632\u6b62\u5feb\u901f\u70b9\u51fb\n          self.debounce(function() {\n            \/\/ \u5982\u679c\u662f\u7ed3\u679c\u9875\n            if (nextQuestion.startsWith('result-')) {\n              const resultType = nextQuestion.split('-')[1];\n              self.showResult(resultType);\n            } else {\n              \/\/ \u4fdd\u5b58\u8def\u5f84\u7528\u4e8e\u8fd4\u56de\n              self.state.path.push(nextQuestion);\n              self.state.currentQuestion = nextQuestion;\n              \n              \/\/ \u5ef6\u8fdf\u52a0\u8f7d\u4e0b\u4e00\u9898\uff0c\u6dfb\u52a0\u7b80\u5355\u8fc7\u6e21\u6548\u679c\n              setTimeout(function() {\n                self.loadQuestion(nextQuestion);\n                \/\/ \u663e\u793a\u4e0a\u4e00\u9898\u6309\u94ae\n                self.elements.prevBtn.style.display = 'block';\n              }, 300);\n            }\n            self.scrollToTop();\n          }, 500)();\n        }\n      });\n    },\n    \n    \/\/ \u52a0\u8f7d\u95ee\u9898\n    loadQuestion: function(questionId) {\n      const question = this.data.questions[questionId];\n      if (!question) return;\n      \n      this.elements.questionText.textContent = question.text;\n      this.elements.optionsContainer.innerHTML = '';\n      \n      \/\/ \u521b\u5efa\u9009\u9879\n      question.options.forEach((option, index) => {\n        const optionEl = document.createElement('div');\n        optionEl.className = 'ldq-option';\n        optionEl.textContent = option.text;\n        optionEl.dataset.index = index;\n        this.elements.optionsContainer.appendChild(optionEl);\n      });\n      \n      \/\/ \u66f4\u65b0\u8fdb\u5ea6\n      this.updateProgress();\n      \n      \/\/ \u6e05\u9664\u4e4b\u524d\u7684\u9009\u4e2d\u72b6\u6001\n      const selectedOption = this.elements.optionsContainer.querySelector('.selected');\n      if (selectedOption) {\n        selectedOption.classList.remove('selected');\n      }\n    },\n    \n    \/\/ \u66f4\u65b0\u8fdb\u5ea6\u6761\n    updateProgress: function() {\n      \/\/ \u66f4\u65b0\u8fdb\u5ea6\u6587\u672c\n      this.elements.currentNumber.textContent = this.state.currentQuestion;\n      \n      \/\/ \u8ba1\u7b97\u8fdb\u5ea6\u767e\u5206\u6bd4 (\u5047\u8bbe\u517121\u4e2a\u95ee\u9898)\n      const totalQuestions = 21;\n      const progressPercent = (parseInt(this.state.currentQuestion) \/ totalQuestions) * 100;\n      this.elements.progressFill.style.width = `${progressPercent}%`;\n    },\n    \n    \/\/ \u663e\u793a\u7ed3\u679c\n    showResult: function(resultType) {\n      const result = this.data.results[resultType];\n      this.state.result = resultType;\n      \n      \/\/ \u8bbe\u7f6e\u7ed3\u679c\u5185\u5bb9\n      this.elements.resultTitle.textContent = result.title;\n      this.elements.resultDescription.textContent = result.description;\n      \n      \/\/ \u5207\u6362\u5230\u7ed3\u679c\u9875\n      this.navigateTo('result');\n      \n      \/\/ \u6e32\u67d3\u56fe\u8868\n      this.renderChart(result.scores);\n    },\n    \n    \/\/ \u6e32\u67d3\u7ed3\u679c\u56fe\u8868\n    renderChart: function(scores) {\n      const ctx = this.elements.chartCanvas.getContext('2d');\n      \n      \/\/ \u5982\u679c\u6709\u65e7\u56fe\u8868\uff0c\u9500\u6bc1\u5b83\n      if (this.chart) {\n        this.chart.destroy();\n      }\n      \n      \/\/ \u51c6\u5907\u6570\u636e\n      const labels = Object.keys(scores);\n      const data = Object.values(scores);\n      \n      \/\/ \u751f\u6210\u80cc\u666f\u989c\u8272\n      const backgroundColors = [\n        'rgba(142, 68, 173, 0.7)',\n        'rgba(243, 156, 18, 0.7)',\n        'rgba(26, 188, 156, 0.7)',\n        'rgba(231, 76, 60, 0.7)',\n        'rgba(52, 152, 219, 0.7)',\n        'rgba(46, 204, 113, 0.7)'\n      ];\n      \n      \/\/ \u751f\u6210\u8fb9\u6846\u989c\u8272\n      const borderColors = [\n        'rgba(142, 68, 173, 1)',\n        'rgba(243, 156, 18, 1)',\n        'rgba(26, 188, 156, 1)',\n        'rgba(231, 76, 60, 1)',\n        'rgba(52, 152, 219, 1)',\n        'rgba(46, 204, 113, 1)'\n      ];\n      \n      \/\/ \u521b\u5efa\u56fe\u8868\n      this.chart = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: labels,\n          datasets: [{\n            label: '\u5951\u5408\u5ea6',\n            data: data,\n            backgroundColor: 'rgba(142, 68, 173, 0.2)',\n            borderColor: 'rgba(142, 68, 173, 1)',\n            borderWidth: 2,\n            pointBackgroundColor: borderColors,\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: borderColors\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: true,\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: function(context) {\n                  return `${context.label}: ${context.raw}%`;\n                }\n              }\n            }\n          },\n          scales: {\n            r: {\n              angleLines: {\n                display: true,\n                color: 'rgba(0, 0, 0, 0.1)'\n              },\n              ticks: {\n                display: false,\n                beginAtZero: true,\n                max: 100,\n                stepSize: 20\n              },\n              pointLabels: {\n                font: {\n                  size: 16,\n                  weight: 'bold'\n                },\n                color: 'rgba(44, 62, 80, 0.8)'\n              },\n              grid: {\n                circular: true,\n                color: 'rgba(0, 0, 0, 0.1)'\n              }\n            }\n          }\n        }\n      });\n    },\n    \n    \/\/ \u5bfc\u822a\u5230\u6307\u5b9a\u9875\u9762\n    navigateTo: function(page) {\n      \/\/ \u9690\u85cf\u6240\u6709\u9875\u9762\n      this.elements.introPage.style.display = 'none';\n      this.elements.quizPage.style.display = 'none';\n      this.elements.resultPage.style.display = 'none';\n      \n      \/\/ \u663e\u793a\u76ee\u6807\u9875\u9762\n      this.state.currentPage = page;\n      \n      switch (page) {\n        case 'intro':\n          this.elements.introPage.style.display = 'block';\n          break;\n        case 'quiz':\n          this.elements.quizPage.style.display = 'block';\n          break;\n        case 'result':\n          this.elements.resultPage.style.display = 'block';\n          break;\n      }\n    },\n    \n    \/\/ \u91cd\u7f6e\u6d4b\u9a8c\n    resetQuiz: function() {\n      this.state = {\n        currentPage: 'intro',\n        currentQuestion: '1',\n        path: ['1'],\n        result: null\n      };\n      \n      \/\/ \u91cd\u7f6e\u4e0a\u4e00\u9898\u6309\u94ae\n      this.elements.prevBtn.style.display = 'none';\n      \n      \/\/ \u91cd\u7f6e\u8fdb\u5ea6\u6761\n      this.elements.progressFill.style.width = '0';\n      this.elements.currentNumber.textContent = '1';\n    },\n    \n    \/\/ \u6eda\u52a8\u5230\u9876\u90e8\n    scrollToTop: function() {\n      const quizContainer = document.getElementById('love-destiny-quiz');\n      const headerOffset = 100;\n      const elementPosition = quizContainer.getBoundingClientRect().top;\n      const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n      \n      window.scrollTo({\n        top: offsetPosition,\n        behavior: \"smooth\"\n      });\n    },\n    \n    \/\/ \u8282\u6d41\u51fd\u6570\n    debounce: function(func, wait) {\n      let timeout;\n      return function() {\n        const context = this;\n        const args = arguments;\n        const later = function() {\n          timeout = null;\n          func.apply(context, args);\n        };\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n      };\n    }\n  };\n  \n  \/\/ \u5f53 DOM \u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\n  document.addEventListener('DOMContentLoaded', function() {\n    LoveDestinyQuiz.init();\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u6709\u7684\u7231\u60c5\u7ec8\u7a76\u662f\u8fc7\u5ba2\uff0c\u6b64\u65f6\u7684\u6211\u4eec\u8fd8\u662f\u8981\u7ee7\u7eed\u5bfb\u89c5\u7684\u5f81\u9014\u3002\u5bf9\u4e8e\u4f60\u6765\u8bf4\uff0c\u54ea\u4e2aTA\u4f1a\u662f\u4f60\u6700\u7ec8\u7684\u5f52\u5bbf\u5462\uff1f\u8c01\u6700\u53ef\u80fd\u662f\u4f60\u7231\u60c5\u7684\u5f52\u5bbf\uff1f<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"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-2525","post","type-post","status-publish","format-standard","hentry","category-love","category-marriage"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2525","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=2525"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2525\/revisions"}],"predecessor-version":[{"id":10411,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2525\/revisions\/10411"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}