{"id":2486,"date":"2023-10-17T09:44:59","date_gmt":"2023-10-17T01:44:59","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2486"},"modified":"2025-08-16T01:33:54","modified_gmt":"2025-08-15T17:33:54","slug":"loss-gain-in-love-invest","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/loss-gain-in-love-invest","title":{"rendered":"\u4f60\u7684\u7231\u60c5\u6295\u8d44\u662f\u300c\u4e8f\u300d\u8fd8\u662f\u300c\u8d5a\u300d\uff1f \u2192\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c"},"content":{"rendered":"<!-- Bootstrap CSS -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n\n<!-- \u81ea\u5b9a\u7fa9\u6a23\u5f0f -->\n<style>\n\/* \u57fa\u790e\u6a23\u5f0f\u8a2d\u7f6e *\/\n#love-investment-quiz-container {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", \"PingFang TC\", sans-serif;\n  font-size: 18px;\n  line-height: 1.6;\n  color: #4a5568;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n\/* \u9801\u9762\u5207\u63db\u52d5\u756b *\/\n.quiz-page-transition {\n  transition: opacity 0.3s ease-in-out;\n}\n\n.quiz-page-hidden {\n  opacity: 0;\n  display: none !important;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n#quizintro9 {\n  padding: 2rem 1rem;\n}\n\n.intro-hero-title {\n  font-size: clamp(26px, 4vw, 36px);\n  font-weight: bold;\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  margin-bottom: 1.5rem;\n}\n\n.intro-subtitle {\n  font-size: 20px;\n  color: #718096;\n  margin-bottom: 2rem;\n}\n\n.intro-features {\n  margin: 2.5rem 0;\n}\n\n.feature-icon {\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, #a8edea, #fed6e3);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 1rem;\n  box-shadow: 0 6px 16px rgba(168, 237, 234, 0.3);\n  transition: transform 0.3s ease;\n}\n\n.feature-icon:hover {\n  transform: translateY(-4px) scale(1.05);\n}\n\n.feature-icon i {\n  font-size: 28px;\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.btn-start-quiz {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  color: white;\n  font-size: 19px;\n  font-weight: 600;\n  padding: 14px 40px;\n  border-radius: 50px;\n  border: none;\n  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);\n  transition: all 0.3s ease;\n  min-height: 56px;\n}\n\n.btn-start-quiz:hover {\n  background: linear-gradient(135deg, #5a67d8, #6b46c1);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n  color: white;\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n#quizmain9 {\n  padding: 2rem 1rem;\n}\n\n.quiz-progress-section {\n  margin-bottom: 1.5rem;\n}\n\n.progress-text {\n  font-size: 17px;\n  font-weight: 600;\n  color: #667eea;\n  margin-bottom: 0.75rem;\n}\n\n.quiz-custom-progress {\n  height: 10px;\n  background-color: #e9ecef;\n  border-radius: 20px;\n  overflow: hidden;\n}\n\n.quiz-custom-progress-bar {\n  height: 100%;\n  background: linear-gradient(90deg, #a8edea, #667eea);\n  transition: width 0.5s ease;\n  border-radius: 20px;\n}\n\n.quiz-question-title {\n  font-size: 22px;\n  font-weight: bold;\n  color: #2d3748;\n  margin-bottom: 1.8rem;\n  line-height: 1.5;\n}\n\n\/* \u9078\u9805\u5361\u7247\u6a23\u5f0f *\/\n.quiz-option-card {\n  position: relative;\n  margin-bottom: 1rem;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  border: 2px solid #e2e8f0;\n  border-radius: 12px;\n  overflow: hidden;\n  background: white;\n}\n\n.quiz-option-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.15);\n  border-color: #cbd5e0;\n}\n\n.quiz-option-card.selected {\n  border-color: #667eea;\n  background: linear-gradient(135deg, rgba(168, 237, 234, 0.05), rgba(102, 126, 234, 0.05));\n}\n\n.quiz-option-card .card-body {\n  padding: 1.2rem;\n  display: flex;\n  align-items: center;\n}\n\n.option-indicator {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  border: 3px solid #cbd5e0;\n  background: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 1rem;\n  flex-shrink: 0;\n  transition: all 0.3s ease;\n}\n\n.quiz-option-card:hover .option-indicator {\n  border-color: #a8edea;\n  background: linear-gradient(135deg, rgba(168, 237, 234, 0.1), rgba(102, 126, 234, 0.1));\n}\n\n.quiz-option-card.selected .option-indicator {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  border-color: #667eea;\n}\n\n.option-indicator i {\n  color: white;\n  font-size: 18px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.quiz-option-card.selected .option-indicator i {\n  opacity: 1;\n}\n\n.option-text {\n  font-size: 18px;\n  color: #4a5568;\n  margin: 0;\n  flex: 1;\n}\n\n.quiz-option-card:hover .option-text {\n  color: #2d3748;\n}\n\n.btn-prev-question {\n  background-color: #f7fafc;\n  color: #718096;\n  border: 2px solid #e2e8f0;\n  font-size: 17px;\n  padding: 11px 28px;\n  border-radius: 50px;\n  transition: all 0.3s ease;\n  margin-top: 1.5rem;\n}\n\n.btn-prev-question:hover {\n  background-color: #edf2f7;\n  border-color: #cbd5e0;\n  color: #4a5568;\n  transform: translateY(-1px);\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n#quizresult9 {\n  padding: 2rem 1rem;\n}\n\n.result-card {\n  background: white;\n  border-radius: 16px;\n  padding: 2rem;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n  margin-bottom: 1.5rem;\n  border: 1px solid #e2e8f0;\n}\n\n.result-type {\n  font-size: 28px;\n  font-weight: bold;\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  margin-bottom: 1.2rem;\n}\n\n.result-description {\n  font-size: 17px;\n  color: #4a5568;\n  line-height: 1.7;\n  margin-bottom: 1.5rem;\n}\n\n.score-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 1rem;\n  margin: 1.5rem 0;\n}\n\n.score-item {\n  background: linear-gradient(135deg, rgba(168, 237, 234, 0.1), rgba(254, 214, 227, 0.1));\n  padding: 1.2rem;\n  border-radius: 12px;\n  text-align: center;\n  border: 1px solid rgba(102, 126, 234, 0.1);\n}\n\n.score-value {\n  font-size: 28px;\n  font-weight: bold;\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  margin-bottom: 0.3rem;\n}\n\n.score-label {\n  font-size: 14px;\n  color: #718096;\n  font-weight: 600;\n}\n\n.chart-container {\n  background: white;\n  border-radius: 12px;\n  padding: 1.5rem;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n  margin: 1.5rem auto;\n  border: 1px solid #e2e8f0;\n}\n\n.personalized-advice {\n  background: linear-gradient(135deg, rgba(168, 237, 234, 0.08), rgba(254, 214, 227, 0.08));\n  border-radius: 12px;\n  padding: 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid #667eea;\n}\n\n.advice-title {\n  font-size: 19px;\n  font-weight: 600;\n  color: #2d3748;\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.advice-title i {\n  margin-right: 0.5rem;\n  color: #667eea;\n}\n\n.advice-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.advice-list li {\n  padding: 0.75rem 0;\n  border-bottom: 1px solid rgba(102, 126, 234, 0.1);\n  color: #4a5568;\n  font-size: 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.advice-list li:last-child {\n  border-bottom: none;\n}\n\n.advice-list li i {\n  color: #a8edea;\n  margin-right: 0.75rem;\n  margin-top: 0.2rem;\n  flex-shrink: 0;\n}\n\n.analysis-section {\n  margin-top: 1.5rem;\n}\n\n.analysis-item {\n  background: white;\n  border-radius: 10px;\n  padding: 1rem;\n  margin-bottom: 1rem;\n  border: 1px solid #e2e8f0;\n}\n\n.analysis-label {\n  font-size: 14px;\n  color: #718096;\n  margin-bottom: 0.3rem;\n  font-weight: 600;\n}\n\n.analysis-value {\n  font-size: 16px;\n  color: #2d3748;\n}\n\n.btn-restart-quiz {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  color: white;\n  font-size: 18px;\n  font-weight: 600;\n  padding: 12px 36px;\n  border-radius: 50px;\n  border: none;\n  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);\n  transition: all 0.3s ease;\n  margin-top: 1.5rem;\n}\n\n.btn-restart-quiz:hover {\n  background: linear-gradient(135deg, #5a67d8, #6b46c1);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n  color: white;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 576px) {\n  .intro-hero-title {\n    font-size: 24px;\n  }\n  \n  .quiz-question-title {\n    font-size: 20px;\n  }\n  \n  .option-text {\n    font-size: 16px;\n  }\n  \n  .result-type {\n    font-size: 24px;\n  }\n  \n  .score-value {\n    font-size: 24px;\n  }\n  \n  .feature-icon {\n    width: 60px;\n    height: 60px;\n  }\n  \n  .feature-icon i {\n    font-size: 24px;\n  }\n}\n\n\/* \u9632\u6b62\u8207WordPress\u4e3b\u984c\u885d\u7a81 *\/\n#love-investment-quiz-container * {\n  box-sizing: border-box;\n}\n\n#love-investment-quiz-container button {\n  cursor: pointer;\n  outline: none;\n}\n\n#love-investment-quiz-container h2,\n#love-investment-quiz-container h3 {\n  margin-top: 0;\n}\n<\/style>\n\n<!-- HTML\u7d50\u69cb -->\n<div id=\"love-investment-quiz-container\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz-page-transition\">\n    <div class=\"container-fluid px-0\">\n      <div class=\"text-center\">\n        <h2 class=\"intro-hero-title\">\u4f60\u7684\u7231\u60c5\u6295\u8d44\u662f\u300c\u4e8f\u300d\u8fd8\u662f\u300c\u8d5a\u300d\uff1f<\/h2>\n        <p class=\"intro-subtitle\">\u63a2\u7d22\u4f60\u7684\u611f\u60c5\u6295\u8cc7\u6a21\u5f0f\uff0c\u7372\u5f97\u5c08\u5c6c\u5efa\u8b70<\/p>\n      <\/div>\n      \n      <div class=\"intro-features\">\n        <div class=\"row g-4\">\n          <div class=\"col-4\">\n            <div class=\"text-center\">\n              <div class=\"feature-icon\">\n                <i class=\"bi bi-heart-pulse-fill\"><\/i>\n              <\/div>\n              <h5 class=\"fw-bold\">\u611f\u60c5\u8a3a\u65b7<\/h5>\n            <\/div>\n          <\/div>\n          <div class=\"col-4\">\n            <div class=\"text-center\">\n              <div class=\"feature-icon\">\n                <i class=\"bi bi-graph-up-arrow\"><\/i>\n              <\/div>\n              <h5 class=\"fw-bold\">\u6295\u8cc7\u5206\u6790<\/h5>\n            <\/div>\n          <\/div>\n          <div class=\"col-4\">\n            <div class=\"text-center\">\n              <div class=\"feature-icon\">\n                <i class=\"bi bi-stars\"><\/i>\n              <\/div>\n              <h5 class=\"fw-bold\">\u5c08\u5c6c\u5efa\u8b70<\/h5>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"mb-4\">\n        <p>\u6295\u8cc7\u4e0d\u5149\u662f\u91d1\u878d\u7d93\u6fdf\u65b9\u9762\u7684\u4e8b\uff0c\u611f\u60c5\u540c\u6a23\u4e5f\u53ef\u4ee5\u62ff\u4f86\u6295\u8cc7\u3002\u6709\u7684\u4eba\u611b\u60c5\u6295\u8cc7\u904b\u597d\uff0c\u628a\u611f\u60c5\u5bc4\u5728\u4e00\u500b\u4eba\u8eab\u4e0a\uff0c\u5f97\u5230\u7684\u56de\u5831\u90a3\u5c31\u662f\u4e00\u751f\u7684\u5e78\u798f\u3002\u4e5f\u6709\u7684\u4eba\u611b\u60c5\u6295\u8cc7\u904b\u4e0d\u597d\uff0c\u6295\u9032\u611b\u60c5\u4e2d\uff0c\u53ef\u80fd\u4e00\u751f\u90fd\u75db\u82e6\u3002<\/p>\n        <p class=\"fw-semibold\" style=\"color: #667eea;\">\u4e0d\u77e5\u9053\u4f60\u662f\u54ea\u4e00\u7a2e\uff1f\u8b93\u6211\u5011\u4e00\u8d77\u4f86\u63a2\u7d22\u5427\uff01<\/p>\n      <\/div>\n      \n      <div class=\"text-center\">\n        <button class=\"btn btn-start-quiz\" data-action=\"start-quiz\">\n          <i class=\"bi bi-play-circle me-2\"><\/i>\u5f00\u59cb\u6d4b\u9a8c\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz-page-transition quiz-page-hidden\">\n    <div class=\"container-fluid px-0\">\n      <h2 class=\"text-center mb-4\" style=\"font-size: 26px; color: #2d3748;\">\u611b\u60c5\u6295\u8cc7\u6e2c\u9a57<\/h2>\n      \n      <div class=\"quiz-progress-section\" data-progress-container>\n        <div class=\"progress-text text-center\">\n          \u95ee\u9898 <span data-current-question>1<\/span> \/ <span data-total-questions>10<\/span>\n        <\/div>\n        <div class=\"quiz-custom-progress\">\n          <div class=\"quiz-custom-progress-bar\" data-progress-bar style=\"width: 10%\"><\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"mt-4\">\n        <h3 class=\"quiz-question-title\" data-question-text><\/h3>\n        <div data-options-container><\/div>\n      <\/div>\n      \n      <div class=\"text-center\">\n        <button class=\"btn btn-prev-question\" data-action=\"prev-question\" style=\"display: none;\">\n          <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"quizresult9\" data-page=\"result9\" class=\"quiz-page-transition quiz-page-hidden\">\n    <div class=\"container-fluid px-0\">\n      <h2 class=\"text-center mb-4\" style=\"font-size: 26px; color: #2d3748;\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n      \n      <div class=\"result-card\">\n        <div class=\"text-center\">\n          <div class=\"result-type\" data-result-title><\/div>\n        <\/div>\n        <div class=\"result-description\" data-result-description><\/div>\n        \n        <div class=\"score-grid\" data-score-grid><\/div>\n        \n        <div class=\"analysis-section\" data-analysis-section><\/div>\n      <\/div>\n      \n      <div class=\"chart-container\">\n        <canvas id=\"resultChart\" width=\"400\" height=\"300\"><\/canvas>\n      <\/div>\n      \n      <div class=\"personalized-advice\" data-advice-section><\/div>\n      \n      <div class=\"text-center\">\n        <button class=\"btn btn-restart-quiz\" 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<\/div>\n\n<!-- Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<!-- JavaScript -->\n<script>\n(function() {\n  'use strict';\n  \n  \/\/ \u6e2c\u9a57\u8cc7\u6599\u6a21\u7d44\n  const QuizData = {\n    questions: [\n      {\n        id: 1,\n        text: \"\u4f60\u73fe\u5728\u9084\u6703\u770b\u570b\u7522\u96fb\u8996\u5287\u55ce\uff1f\",\n        options: [\n          { text: \"\u6703\u7684\", nextQuestion: 2, trait: \"traditional\" },\n          { text: \"\u4e0d\u6703\", nextQuestion: 3, trait: \"modern\" },\n          { text: \"\u5f88\u5c11\", nextQuestion: 4, trait: \"balanced\" }\n        ]\n      },\n      {\n        id: 2,\n        text: \"\u73fe\u5be6\u751f\u6d3b\u4e2d\u4f60\u7684\u670b\u53cb\u90fd\u662f\u6cdb\u6cdb\u4e4b\u4ea4\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 3, trait: \"cautious\" },\n          { text: \"\u4e0d\u662f\", nextQuestion: 4, trait: \"open\" },\n          { text: \"\u9084\u597d\", nextQuestion: 5, trait: \"balanced\" }\n        ]\n      },\n      {\n        id: 3,\n        text: \"\u4f60\u5e38\u5e38\u89ba\u5f97\u81ea\u5df1\u7684\u4eba\u751f\u662f\u6bd4\u8f03\u7cdf\u7cd5\u7684\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 4, trait: \"pessimistic\" },\n          { text: \"\u4e0d\u662f\", nextQuestion: 5, trait: \"optimistic\" },\n          { text: \"\u4e00\u822c\", nextQuestion: 6, trait: \"realistic\" }\n        ]\n      },\n      {\n        id: 4,\n        text: \"\u4f60\u73fe\u5728\u5c0d\u611f\u60c5\u7684\u4e8b\u60c5\uff0c\u770b\u5f97\u5f88\u6de1\u4e86\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 5, trait: \"detached\" },\n          { text: \"\u4e0d\u662f\", nextQuestion: 6, trait: \"passionate\" },\n          { text: \"\u4e00\u822c\", nextQuestion: 7, trait: \"balanced\" }\n        ]\n      },\n      {\n        id: 5,\n        text: \"\u89ba\u5f97\u5f88\u7169\u7684\u6642\u5019\uff0c\u4f60\u7d93\u5e38\u60f3\u7576\u500b\u80cc\u5305\u5ba2\uff0c\u904a\u6b77\u540d\u5ddd\u5927\u5c71\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 6, trait: \"adventurous\" },\n          { text: \"\u4e0d\u662f\", nextQuestion: 7, trait: \"stable\" },\n          { text: \"\u6709\u6642\u5019\u6703\", nextQuestion: 8, trait: \"flexible\" }\n        ]\n      },\n      {\n        id: 6,\n        text: \"\u4f60\u73fe\u5728\u7279\u5225\u60f3\u6210\u70ba\u54ea\u4e00\u7a2e\u5b78\u751f\uff1f\",\n        options: [\n          { text: \"\u9577\u5f97\u597d\u770b\u7684\", nextQuestion: 7, trait: \"appearance\" },\n          { text: \"\u624d\u85dd\u5f88\u597d\u7684\", nextQuestion: 8, trait: \"talent\" },\n          { text: \"\u5b78\u7fd2\u6210\u7e3e\u597d\u7684\", result: \"A\", trait: \"achievement\" }\n        ]\n      },\n      {\n        id: 7,\n        text: \"\u4f60\u7d93\u5e38\u62ff\u6c92\u6709\u7de3\u5206\u4f86\u81ea\u6211\u5b89\u6170\u627e\u4e0d\u5230\u6200\u4eba\u55ce\uff1f\",\n        options: [\n          { text: \"\u662f\u7684\", nextQuestion: 8, trait: \"fatalistic\" },\n          { text: \"\u4e0d\u662f\", nextQuestion: 9, trait: \"proactive\" },\n          { text: \"\u6709\u6642\u5019\", nextQuestion: 10, trait: \"balanced\" }\n        ]\n      },\n      {\n        id: 8,\n        text: \"\u4e0b\u5348\u4e00\u500b\u4eba\u53bb\u57ce\u5e02\u88e1\u8f49\u8f49\uff0c\u4f60\u6703\u53bb\u54ea\u88e1\uff1f\",\n        options: [\n          { text: \"\u901b\u8857\u8cfc\u7269\", nextQuestion: 9, trait: \"social\" },\n          { text: \"\u516c\u5712\u5212\u8239\", result: \"A\", trait: \"nature\" },\n          { text: \"\u901b\u535a\u7269\u9928\", result: \"B\", trait: \"cultural\" }\n        ]\n      },\n      {\n        id: 9,\n        text: \"\u4e0b\u9762\u4e09\u500b\u7570\u6027\u8207\u4f60\u6709\u7de3\uff0c\u4f60\u6703\u9078\u64c7\u54ea\u4e00\u500b\uff1f\",\n        options: [\n          { text: \"\u5c0d\u4f60\u5f88\u597d\u4f46\u7aae\", result: \"C\", trait: \"emotional\" },\n          { text: \"\u5c0d\u4f60\u5f88\u5dee\u4f46\u5bcc\", result: \"D\", trait: \"material\" },\n          { text: \"\u689d\u4ef6\u4e00\u822c\u5c0d\u4f60\u4e00\u822c\", result: \"A\", trait: \"balanced\" }\n        ]\n      },\n      {\n        id: 10,\n        text: \"\u4f60\u89ba\u5f97\u4e0b\u9762\u54ea\u500b\u756b\u9762\u6700\u70ba\u751c\u871c\uff1f\",\n        options: [\n          { text: \"\u5169\u4eba\u727d\u8457\u624b\u6563\u6b65\", result: \"B\", trait: \"simple\" },\n          { text: \"\u4f9d\u504e\u5750\u5728\u9577\u6905\u4e0a\", result: \"C\", trait: \"intimate\" },\n          { text: \"\u4e00\u8d77\u9a0e\u96d9\u4eba\u55ae\u8eca\", result: \"D\", trait: \"active\" }\n        ]\n      }\n    ],\n    \n    results: {\n      \"A\": {\n        title: \"\u4e0d\u8667\u4e0d\u8cfa\u578b\",\n        description: \"\u50cf\u4f60\u9019\u7a2e\u8aa4\u6253\u8aa4\u649e\uff0c\u4e0d\u6703\u7528\u7406\u667a\u7684\u982d\u8166\u53bb\u89c0\u5bdf\u4e00\u500b\u4eba\u7684\u50a2\u4f19\u4f86\u8b1b\uff0c\u4f60\u771f\u7684\u662f\u5916\u4eba\u770b\u8457\u6bd4\u8f03\u64d4\u5fc3\u5566\uff0c\u6015\u4f60\u5728\u611f\u60c5\u4e2d\u5403\u8667\u5565\u7684\u3002\u4f46\u662f\u4f60\u9084\u597d\uff0c\u6bd4\u8f03\u5e78\u904b\uff0c\u96d6\u7136\u662f\u770b\u7de3\u5206\uff0c\u770b\u611f\u89ba\u7684\u50a2\u4f19\uff0c\u4f46\u662f\u90a3\u500b\u4eba\u8207\u4f60\u5dee\u4e0d\u591a\u7684\uff0c\u81f3\u5c11\u4e0d\u6703\u8b93\u4f60\u5403\u8667\u3002\u8ac7\u4e0d\u4e0a\u8cfa\u4e0d\u8cfa\uff0c\u53cd\u6b63\u5169\u500b\u4eba\u5728\u4e00\u8d77\uff0c\u4e5f\u4e0d\u662f\u55ae\u65b9\u9762\u7684\u4ed8\u51fa\u3002\",\n        scores: {\n          \"\u7406\u6027\u5206\u6790\": 50,\n          \"\u611f\u6027\u76f4\u89ba\": 75,\n          \"\u6295\u8cc7\u56de\u5831\": 65,\n          \"\u60c5\u611f\u98a8\u96aa\": 45\n        },\n        advice: [\n          \"\u5efa\u8b70\u591a\u89c0\u5bdf\u5c0d\u65b9\u7684\u884c\u70ba\u6a21\u5f0f\uff0c\u4e0d\u8981\u53ea\u6191\u611f\u89ba\",\n          \"\u5b78\u7fd2\u8a2d\u5b9a\u611f\u60c5\u908a\u754c\uff0c\u4fdd\u8b77\u81ea\u5df1\u7684\u60c5\u611f\u6295\u8cc7\",\n          \"\u57f9\u990a\u7406\u6027\u601d\u8003\u7684\u7fd2\u6163\uff0c\u5728\u91cd\u8981\u6c7a\u5b9a\u524d\u7d66\u81ea\u5df1\u51b7\u975c\u671f\",\n          \"\u591a\u8207\u670b\u53cb\u8a0e\u8ad6\u611f\u60c5\u554f\u984c\uff0c\u807d\u53d6\u4e0d\u540c\u610f\u898b\"\n        ]\n      },\n      \"B\": {\n        title: \"\u5bb9\u6613\u8667\u640d\u578b\",\n        description: \"\u6709\u6642\u5019\u611f\u89ba\u4e0d\u53ef\u9760\uff0c\u7de3\u5206\u4e5f\u6703\u6b3a\u9a19\u4eba\uff0c\u4f46\u662f\u4ed4\u7d30\u5730\u89c0\u5bdf\uff0c\u8861\u91cf\u4e86\u4e00\u5207\uff0c\u5728\u611f\u60c5\u4e2d\u7406\u667a\u6e05\u9192\u5730\u770b\u5f85\u554f\u984c\uff0c\u6709\u7684\u4eba\u6703\u89ba\u5f97\u4f60\u7a69\u8cfa\u4e0d\u8ce0\uff0c\u4f46\u662f\u9019\u7a2e\u8b1b\u7a76\u4ed8\u51fa\u771f\u5fc3\u7684\u611f\u60c5\u4e16\u754c\uff0c\u4f60\u4e5f\u672a\u5fc5\u5c31\u80fd\u6210\u70ba\u8d0f\u5bb6\u3002\u4f60\u5982\u679c\u592a\u6e05\u9192\uff0c\u6ce8\u610f\u5bb9\u6613\u8667\u640d\u3002\u4f46\u662f\u592a\u611f\u60c5\u7528\u4e8b\uff0c\u672a\u4f86\u6e05\u9192\u904e\u4f86\u4e86\uff0c\u4f60\u9084\u662f\u89ba\u5f97\u81ea\u5df1\u592a\u8667\u4e86\u3002\",\n        scores: {\n          \"\u7406\u6027\u5206\u6790\": 85,\n          \"\u611f\u6027\u76f4\u89ba\": 40,\n          \"\u6295\u8cc7\u56de\u5831\": 30,\n          \"\u60c5\u611f\u98a8\u96aa\": 75\n        },\n        advice: [\n          \"\u8a66\u8457\u5e73\u8861\u7406\u6027\u8207\u611f\u6027\uff0c\u4e0d\u8981\u904e\u5ea6\u5206\u6790\",\n          \"\u5b78\u6703\u4fe1\u4efb\u76f4\u89ba\uff0c\u6709\u6642\u5019\u611f\u89ba\u6bd4\u908f\u8f2f\u66f4\u6e96\u78ba\",\n          \"\u653e\u4e0b\u5b8c\u7f8e\u4e3b\u7fa9\uff0c\u63a5\u53d7\u611f\u60c5\u4e2d\u7684\u4e0d\u78ba\u5b9a\u6027\",\n          \"\u7df4\u7fd2\u8868\u9054\u60c5\u611f\uff0c\u4e0d\u8981\u628a\u6240\u6709\u4e8b\u90fd\u7406\u6027\u5316\"\n        ]\n      },\n      \"C\": {\n        title: \"\u8d8a\u4f86\u8d8a\u597d\u578b\",\n        description: \"\u5728\u611f\u60c5\u7684\u6295\u8cc7\u904b\u4e0a\u9762\uff0c\u4f60\u4e00\u5411\u89ba\u5f97\u81ea\u5df1\u7684\u904b\u6c23\u4e0d\u5927\u597d\uff0c\u771f\u7684\u662f\u7279\u5225\u5bb9\u6613\u88ab\u50b7\u88ab\u9a19\uff0c\u4f60\u50bb\u561b\uff0c\u592a\u55ae\u7d14\u4e86\u561b\uff0c\u592a\u5bb9\u6613\u628a\u611f\u60c5\u5bc4\u8a17\u5728\u67d0\u500b\u4eba\u8eab\u4e0a\u4e86\uff0c\u4e00\u65e6\u5c0d\u65b9\u96e2\u958b\uff0c\u4f60\u771f\u7684\u6703\u50b7\u5f97\u5f88\u91cd\u3002\u4e0d\u904e\u4eba\u7684\u773c\u5149\u90fd\u662f\u7df4\u51fa\u4f86\u7684\uff0c\u4f60\u4e4b\u524d\u6709\u591a\u8870\uff0c\u672a\u4f86\u5c31\u6703\u6709\u591a\u597d\uff0c\u9047\u5230\u7684\u4eba\u5c31\u6703\u6709\u591a\u68d2\u3002\u6240\u4ee5\u611b\u60c5\u6295\u8cc7\uff0c\u56de\u5831\u4e5f\u8d8a\u4f86\u8d8a\u597d\u3002\",\n        scores: {\n          \"\u7406\u6027\u5206\u6790\": 45,\n          \"\u611f\u6027\u76f4\u89ba\": 85,\n          \"\u6295\u8cc7\u56de\u5831\": 75,\n          \"\u60c5\u611f\u98a8\u96aa\": 60\n        },\n        advice: [\n          \"\u5f9e\u904e\u53bb\u7684\u7d93\u9a57\u4e2d\u5b78\u7fd2\uff0c\u4f46\u4e0d\u8981\u5bb3\u6015\u518d\u6b21\u6295\u5165\",\n          \"\u4fdd\u6301\u4f60\u7684\u7d14\u771f\uff0c\u4f46\u589e\u52a0\u4e00\u4e9b\u4fdd\u8b77\u6a5f\u5236\",\n          \"\u76f8\u4fe1\u4f60\u7684\u6210\u9577\uff0c\u6bcf\u6b21\u7d93\u6b77\u90fd\u8b93\u4f60\u66f4\u61c2\u611b\",\n          \"\u5efa\u7acb\u652f\u6301\u7cfb\u7d71\uff0c\u8b93\u670b\u53cb\u6210\u70ba\u4f60\u7684\u60c5\u611f\u5f8c\u76fe\"\n        ]\n      },\n      \"D\": {\n        title: \"\u4e00\u76f4\u633a\u597d\u578b\",\n        description: \"\u5176\u5be6\u4f60\u5728\u611f\u60c5\u7576\u4e2d\u7684\u6295\u8cc7\u904b\u9084\u662f\u4e0d\u932f\u7684\uff0c\u5373\u4f7f\u8207\u5c0d\u65b9\u6c92\u6709\u8d70\u5230\u6700\u5f8c\uff0c\u4f60\u4e5f\u5bb9\u6613\u5728\u9019\u6bb5\u611f\u60c5\u7576\u4e2d\u5f97\u5230\u5f88\u591a\u6771\u897f\uff0c\u6536\u7a6b\u5f88\u591a\u6210\u9577\uff0c\u4eba\u4e5f\u8d8a\u4f86\u8d8a\u6210\u719f\u61c2\u4e8b\uff0c\u9019\u5c0d\u4f60\u6574\u500b\u7684\u4eba\u751f\u662f\u6709\u76ca\u7121\u5bb3\u7684\u3002\u6240\u4ee5\u4f60\u7684\u6295\u8cc7\u904b\u771f\u7684\u4e0d\u932f\u3002\u66f4\u4f55\u6cc1\u4f60\u5728\u6700\u5f8c\u7684\u5a5a\u59fb\u7576\u4e2d\uff0c\u4e5f\u662f\u7372\u5229\u7684\uff0c\u4f60\u8d8a\u61c2\u5f97\u53bb\u611b\u4e00\u500b\u4eba\uff0c\u4f60\u7684\u6536\u7a6b\u5c31\u6703\u8d8a\u591a\u3002\",\n        scores: {\n          \"\u7406\u6027\u5206\u6790\": 70,\n          \"\u611f\u6027\u76f4\u89ba\": 65,\n          \"\u6295\u8cc7\u56de\u5831\": 85,\n          \"\u60c5\u611f\u98a8\u96aa\": 40\n        },\n        advice: [\n          \"\u7e7c\u7e8c\u4fdd\u6301\u4f60\u7684\u7a4d\u6975\u614b\u5ea6\u548c\u6210\u9577\u5fc3\u614b\",\n          \"\u5206\u4eab\u4f60\u7684\u7d93\u9a57\uff0c\u5e6b\u52a9\u8eab\u908a\u7684\u4eba\",\n          \"\u4e0d\u8981\u56e0\u70ba\u9806\u5229\u800c\u6389\u4ee5\u8f15\u5fc3\uff0c\u6301\u7e8c\u7d93\u71df\u611f\u60c5\",\n          \"\u73cd\u60dc\u6bcf\u6bb5\u95dc\u4fc2\u5e36\u7d66\u4f60\u7684\u6210\u9577\u548c\u6536\u7a6b\"\n        ]\n      }\n    }\n  };\n  \n  \/\/ \u6e2c\u9a57\u63a7\u5236\u5668\u985e\n  class QuizController {\n    constructor() {\n      \/\/ \u7de9\u5b58DOM\u5143\u7d20\n      this.elements = {\n        container: document.getElementById('love-investment-quiz-container'),\n        introPage: document.getElementById('quizintro9'),\n        quizPage: document.getElementById('quizmain9'),\n        resultPage: document.getElementById('quizresult9'),\n        startBtn: document.querySelector('[data-action=\"start-quiz\"]'),\n        prevBtn: document.querySelector('[data-action=\"prev-question\"]'),\n        restartBtn: document.querySelector('[data-action=\"restart-quiz\"]'),\n        questionText: document.querySelector('[data-question-text]'),\n        optionsContainer: document.querySelector('[data-options-container]'),\n        currentQuestionSpan: document.querySelector('[data-current-question]'),\n        totalQuestionsSpan: document.querySelector('[data-total-questions]'),\n        progressBar: document.querySelector('[data-progress-bar]'),\n        progressContainer: document.querySelector('[data-progress-container]'),\n        resultTitle: document.querySelector('[data-result-title]'),\n        resultDescription: document.querySelector('[data-result-description]'),\n        scoreGrid: document.querySelector('[data-score-grid]'),\n        analysisSection: document.querySelector('[data-analysis-section]'),\n        adviceSection: document.querySelector('[data-advice-section]'),\n        chartCanvas: document.getElementById('resultChart')\n      };\n      \n      \/\/ \u521d\u59cb\u5316\u72c0\u614b\n      this.currentQuestionId = 1;\n      this.questionHistory = [];\n      this.selectedTraits = [];\n      this.chartInstance = null;\n      \n      \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n      this.bindEvents();\n      \n      \/\/ \u8a2d\u7f6e\u7e3d\u984c\u6578\n      if (this.elements.totalQuestionsSpan) {\n        this.elements.totalQuestionsSpan.textContent = QuizData.questions.length;\n      }\n    }\n    \n    bindEvents() {\n      \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u8a17\n      this.elements.container.addEventListener('click', (e) => {\n        const action = e.target.closest('[data-action]')?.dataset.action;\n        \n        switch(action) {\n          case 'start-quiz':\n            this.startQuiz();\n            break;\n          case 'prev-question':\n            this.previousQuestion();\n            break;\n          case 'restart-quiz':\n            this.restartQuiz();\n            break;\n        }\n        \n        \/\/ \u9078\u9805\u9ede\u64ca\n        const optionCard = e.target.closest('.quiz-option-card');\n        if (optionCard) {\n          this.selectOption(optionCard);\n        }\n      });\n    }\n    \n    startQuiz() {\n      this.transitionPage(this.elements.introPage, this.elements.quizPage, () => {\n        this.showQuestion(this.currentQuestionId);\n        this.scrollToTop();\n      });\n    }\n    \n    restartQuiz() {\n      \/\/ \u91cd\u7f6e\u72c0\u614b\n      this.currentQuestionId = 1;\n      this.questionHistory = [];\n      this.selectedTraits = [];\n      \n      \/\/ \u92b7\u6bc0\u5716\u8868\u5be6\u4f8b\n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n        this.chartInstance = null;\n      }\n      \n      \/\/ \u8fd4\u56de\u5f15\u5c0e\u9801\n      this.transitionPage(this.elements.resultPage, this.elements.introPage, () => {\n        this.scrollToTop();\n      });\n    }\n    \n    showQuestion(questionId) {\n      const question = QuizData.questions.find(q => q.id === questionId);\n      if (!question) return;\n      \n      \/\/ \u66f4\u65b0\u9032\u5ea6\n      this.updateProgress(questionId);\n      \n      \/\/ \u66f4\u65b0\u984c\u76ee\u6587\u5b57\n      this.elements.questionText.textContent = question.text;\n      \n      \/\/ \u751f\u6210\u9078\u9805\u5361\u7247\n      this.elements.optionsContainer.innerHTML = question.options.map((option, index) => `\n        <div class=\"quiz-option-card\" \n             data-next=\"${option.nextQuestion || ''}\" \n             data-result=\"${option.result || ''}\"\n             data-trait=\"${option.trait || ''}\"\n             role=\"button\"\n             tabindex=\"0\"\n             aria-label=\"\u9078\u9805 ${index + 1}: ${option.text}\">\n          <div class=\"card-body\">\n            <div class=\"option-indicator\">\n              <i class=\"bi bi-check-lg\"><\/i>\n            <\/div>\n            <p class=\"option-text\">${option.text}<\/p>\n          <\/div>\n        <\/div>\n      `).join('');\n      \n      \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u986f\u793a\n      this.elements.prevBtn.style.display = this.questionHistory.length > 0 ? 'inline-block' : 'none';\n    }\n    \n    selectOption(optionCard) {\n      \/\/ \u8996\u89ba\u53cd\u994b\n      document.querySelectorAll('.quiz-option-card').forEach(card => {\n        card.classList.remove('selected');\n      });\n      optionCard.classList.add('selected');\n      \n      \/\/ \u8a18\u9304\u7279\u8cea\n      const trait = optionCard.dataset.trait;\n      if (trait) {\n        this.selectedTraits.push(trait);\n      }\n      \n      \/\/ \u8a18\u9304\u6b77\u53f2\n      this.questionHistory.push(this.currentQuestionId);\n      \n      \/\/ \u5ef6\u9072\u8655\u7406\u4e0b\u4e00\u6b65\n      setTimeout(() => {\n        const nextQuestion = optionCard.dataset.next;\n        const result = optionCard.dataset.result;\n        \n        if (result) {\n          this.showResult(result);\n        } else if (nextQuestion) {\n          this.currentQuestionId = parseInt(nextQuestion);\n          this.showQuestion(this.currentQuestionId);\n        }\n      }, 300);\n    }\n    \n    previousQuestion() {\n      if (this.questionHistory.length > 0) {\n        this.currentQuestionId = this.questionHistory.pop();\n        this.selectedTraits.pop();\n        this.showQuestion(this.currentQuestionId);\n      }\n    }\n    \n    updateProgress(questionId) {\n      const progress = (questionId \/ QuizData.questions.length) * 100;\n      this.elements.progressBar.style.width = `${progress}%`;\n      this.elements.currentQuestionSpan.textContent = questionId;\n    }\n    \n    showResult(resultId) {\n      const result = QuizData.results[resultId];\n      if (!result) return;\n      \n      \/\/ \u66f4\u65b0\u7d50\u679c\u5167\u5bb9\n      this.elements.resultTitle.textContent = result.title;\n      this.elements.resultDescription.textContent = result.description;\n      \n      \/\/ \u751f\u6210\u5206\u6578\u7db2\u683c\n      this.elements.scoreGrid.innerHTML = Object.entries(result.scores).map(([label, value]) => `\n        <div class=\"score-item\">\n          <div class=\"score-value\">${value}%<\/div>\n          <div class=\"score-label\">${label}<\/div>\n        <\/div>\n      `).join('');\n      \n      \/\/ \u751f\u6210\u500b\u6027\u5316\u5206\u6790\n      this.generateAnalysis();\n      \n      \/\/ \u751f\u6210\u500b\u6027\u5316\u5efa\u8b70\n      this.generateAdvice(result.advice);\n      \n      \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\n      this.transitionPage(this.elements.quizPage, this.elements.resultPage, () => {\n        this.createChart(result.scores);\n        this.scrollToTop();\n      });\n    }\n    \n    generateAnalysis() {\n      \/\/ \u5206\u6790\u9078\u64c7\u7684\u7279\u8cea\n      const traitCounts = {};\n      this.selectedTraits.forEach(trait => {\n        traitCounts[trait] = (traitCounts[trait] || 0) + 1;\n      });\n      \n      \/\/ \u627e\u51fa\u4e3b\u8981\u7279\u8cea\n      const dominantTraits = Object.entries(traitCounts)\n        .sort((a, b) => b[1] - a[1])\n        .slice(0, 3);\n      \n      \/\/ \u7279\u8cea\u89e3\u91cb\n      const traitExplanations = {\n        'traditional': '\u50b3\u7d71\u6d3e',\n        'modern': '\u73fe\u4ee3\u6d3e',\n        'balanced': '\u5e73\u8861\u6d3e',\n        'cautious': '\u8b39\u614e\u578b',\n        'open': '\u958b\u653e\u578b',\n        'pessimistic': '\u60b2\u89c0\u578b',\n        'optimistic': '\u6a02\u89c0\u578b',\n        'realistic': '\u73fe\u5be6\u578b',\n        'detached': '\u8d85\u812b\u578b',\n        'passionate': '\u71b1\u60c5\u578b',\n        'adventurous': '\u5192\u96aa\u578b',\n        'stable': '\u7a69\u5b9a\u578b',\n        'flexible': '\u9748\u6d3b\u578b',\n        'appearance': '\u5916\u8c8c\u6d3e',\n        'talent': '\u624d\u83ef\u6d3e',\n        'achievement': '\u6210\u5c31\u6d3e',\n        'fatalistic': '\u5bbf\u547d\u8ad6',\n        'proactive': '\u4e3b\u52d5\u6d3e',\n        'social': '\u793e\u4ea4\u578b',\n        'nature': '\u81ea\u7136\u6d3e',\n        'cultural': '\u6587\u5316\u6d3e',\n        'emotional': '\u60c5\u611f\u578b',\n        'material': '\u7269\u8cea\u578b',\n        'simple': '\u7c21\u55ae\u6d3e',\n        'intimate': '\u89aa\u5bc6\u6d3e',\n        'active': '\u6d3b\u8e8d\u6d3e'\n      };\n      \n      const analysisHtml = `\n        <h5 class=\"mb-3\" style=\"color: #2d3748; font-size: 18px;\">\n          <i class=\"bi bi-bar-chart-line me-2\" style=\"color: #667eea;\"><\/i>\u4f60\u7684\u9078\u64c7\u5206\u6790\n        <\/h5>\n        ${dominantTraits.map(([trait, count]) => `\n          <div class=\"analysis-item\">\n            <div class=\"analysis-label\">\u4e3b\u8981\u7279\u8cea<\/div>\n            <div class=\"analysis-value\">${traitExplanations[trait] || trait}<\/div>\n          <\/div>\n        `).join('')}\n      `;\n      \n      this.elements.analysisSection.innerHTML = analysisHtml;\n    }\n    \n    generateAdvice(adviceList) {\n      const adviceHtml = `\n        <div class=\"advice-title\">\n          <i class=\"bi bi-lightbulb\"><\/i>\n          \u500b\u4eba\u5316\u5efa\u8b70\n        <\/div>\n        <ul class=\"advice-list\">\n          ${adviceList.map(advice => `\n            <li>\n              <i class=\"bi bi-check-circle-fill\"><\/i>\n              ${advice}\n            <\/li>\n          `).join('')}\n        <\/ul>\n      `;\n      \n      this.elements.adviceSection.innerHTML = adviceHtml;\n    }\n    \n    createChart(scores) {\n      \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n      }\n      \n      const ctx = this.elements.chartCanvas.getContext('2d');\n      const labels = Object.keys(scores);\n      const data = Object.values(scores);\n      \n      this.chartInstance = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: labels,\n          datasets: [{\n            label: '\u4f60\u7684\u611b\u60c5\u6295\u8cc7\u5206\u6790',\n            data: data,\n            backgroundColor: 'rgba(168, 237, 234, 0.2)',\n            borderColor: 'rgba(102, 126, 234, 1)',\n            borderWidth: 2.5,\n            pointBackgroundColor: 'rgba(102, 126, 234, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(102, 126, 234, 1)',\n            pointRadius: 5,\n            pointHoverRadius: 7\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              backgroundColor: 'rgba(102, 126, 234, 0.9)',\n              titleFont: {\n                size: 15\n              },\n              bodyFont: {\n                size: 13\n              },\n              padding: 10,\n              callbacks: {\n                label: function(context) {\n                  return context.label + ': ' + context.parsed.r + '%';\n                }\n              }\n            }\n          },\n          scales: {\n            r: {\n              beginAtZero: true,\n              max: 100,\n              ticks: {\n                stepSize: 20,\n                font: {\n                  size: 12\n                },\n                color: '#718096'\n              },\n              pointLabels: {\n                font: {\n                  size: 14,\n                  weight: '600'\n                },\n                color: '#4a5568'\n              },\n              grid: {\n                color: 'rgba(168, 237, 234, 0.2)'\n              }\n            }\n          }\n        }\n      });\n    }\n    \n    transitionPage(fromPage, toPage, callback) {\n      fromPage.classList.add('quiz-page-hidden');\n      \n      setTimeout(() => {\n        fromPage.style.display = 'none';\n        toPage.style.display = 'block';\n        toPage.classList.remove('quiz-page-hidden');\n        \n        if (callback) {\n          setTimeout(callback, 50);\n        }\n      }, 300);\n    }\n    \n    scrollToTop() {\n      const container = this.elements.container;\n      const rect = container.getBoundingClientRect();\n      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n      const targetY = rect.top + scrollTop - 80;\n      \n      window.scrollTo({\n        top: targetY,\n        behavior: 'smooth'\n      });\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n  document.addEventListener('DOMContentLoaded', () => {\n    new QuizController();\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u6709\u7684\u4eba\u7231\u60c5\u6295\u8d44\u8fd0\u597d\uff0c\u628a\u611f\u60c5\u5bc4\u5728\u4e00\u4e2a\u4eba\u8eab\u4e0a\uff0c\u5f97\u5230\u7684\u56de\u62a5\u90a3\u5c31\u662f\u4e00\u751f\u7684\u5e78\u798f\u3002\u4e5f\u6709\u7684\u4eba\u7231\u60c5\u6295\u8d44\u8fd0\u4e0d\u597d\uff0c\u6295\u8fdb\u7231\u60c5\u4e2d\uff0c\u53ef\u80fd\u4e00\u751f\u90fd\u75db\u82e6\u3002\u4e0d\u77e5\u9053\u4f60\u662f\u54ea\u4e00\u79cd\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-2486","post","type-post","status-publish","format-standard","hentry","category-love","category-marriage"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2486","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=2486"}],"version-history":[{"count":4,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2486\/revisions"}],"predecessor-version":[{"id":10502,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2486\/revisions\/10502"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}