{"id":2379,"date":"2023-10-07T09:14:03","date_gmt":"2023-10-07T01:14:03","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2379"},"modified":"2025-05-07T20:19:56","modified_gmt":"2025-05-07T12:19:56","slug":"wait-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/wait-love","title":{"rendered":"\u795e\u51c6\u7ebf\u4e0a\u9884\u6d4b\uff5c\u4f60\u7684\u300e\u771f\u7231\u5012\u6570\u65e5\u5386\u300f\u8fd8\u5269\u591a\u5c11\u9875\uff1f"},"content":{"rendered":"<!-- \u611b\u60c5\u7b49\u5f85\u6642\u9593\u6e2c\u9a57 - \u958b\u59cb -->\n<div class=\"xlcy-wait-test-container\">\n  <!-- \u6e2c\u9a57\u80cc\u666f -->\n  <div class=\"xlcy-wait-test-bg\"><\/div>\n\n  <!-- \u5f15\u5c0e\u9801 -->\n  <div id=\"xlcy-wait-intro-page\" class=\"xlcy-wait-page active\">\n    <h2 class=\"xlcy-wait-title\">\u7231\u60c5\u7b49\u5f85\u65f6\u95f4\u6d4b\u9a8c<\/h2>\n    <div class=\"xlcy-wait-intro-content\">\n      <div class=\"xlcy-wait-icon-container\">\n        <div class=\"xlcy-wait-icon xlcy-wait-icon-clock\"><\/div>\n        <div class=\"xlcy-wait-icon xlcy-wait-icon-heart\"><\/div>\n        <div class=\"xlcy-wait-icon xlcy-wait-icon-search\"><\/div>\n      <\/div>\n      <p class=\"xlcy-wait-intro-text\">\u4e00\u76f4\u5403\u72d7\u7cae\uff0c\u4ece\u672a\u6492\u72d7\u7cae\u2026\u2026\u8fd9\u79cd\u65e5\u5b50\u8fd8\u8981\u6301\u7eed\u591a\u4e45\uff1f\u4ec0\u4e48\u65f6\u5019\u624d\u4f1a\u8f6e\u5230\u4f60\u5411\u5468\u56f4\u7684\u4eba\u70ab\u8000\u7684\u7231\u60c5\uff1f\u4ec0\u4e48\u65f6\u5019\u5403\u72d7\u7cae\u7684\u65e5\u5b50\u624d\u4f1a\u7ed3\u675f\uff0c\u8ba9\u6d4b\u8bd5\u6765\u544a\u8bc9\u4f60\u7b54\u6848\u5427\uff0c\u4f60\u7a76\u7adf\u8fd8\u8981\u5403\u591a\u4e45\u7684\u72d7\u7cae\uff1f<\/p>\n      <p class=\"xlcy-wait-intro-text\">\u5b8c\u6210\u8fd9\u4e2a\u6709\u8da3\u7684\u6d4b\u9a8c\uff0c\u53d1\u73b0\u4f60\u7684\u7231\u60c5\u4f55\u65f6\u5230\u6765\uff01\u53ea\u9700\u56de\u7b5410\u4e2a\u7b80\u5355\u95ee\u9898\uff0c\u5c31\u80fd\u9884\u6d4b\u4f60\u7684\u7231\u60c5\u7b49\u5f85\u65f6\u95f4\u3002<\/p>\n    <\/div>\n    <button id=\"xlcy-wait-start-test\" class=\"xlcy-wait-button xlcy-wait-start-button\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n  <\/div>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <div id=\"xlcy-wait-test-page\" class=\"xlcy-wait-page\">\n    <h2 class=\"xlcy-wait-title\">\u7231\u60c5\u7b49\u5f85\u65f6\u95f4\u6d4b\u9a8c<\/h2>\n    <div class=\"xlcy-wait-progress-container\">\n      <div class=\"xlcy-wait-progress-bar\">\n        <div id=\"xlcy-wait-progress-fill\"><\/div>\n      <\/div>\n      <div id=\"xlcy-wait-progress-text\" class=\"xlcy-wait-progress-text\">\u95ee\u98981\/10<\/div>\n    <\/div>\n    <div id=\"xlcy-wait-question-container\">\n      <h3 id=\"xlcy-wait-question-text\" class=\"xlcy-wait-question-text\"><\/h3>\n      <div id=\"xlcy-wait-options-container\" class=\"xlcy-wait-options-container\"><\/div>\n      <button id=\"xlcy-wait-prev-button\" class=\"xlcy-wait-button xlcy-wait-prev-button\">\u4e0a\u4e00\u9898<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <div id=\"xlcy-wait-result-page\" class=\"xlcy-wait-page\">\n    <h2 class=\"xlcy-wait-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n    <div id=\"xlcy-wait-result-container\" class=\"xlcy-wait-result-container\">\n      <div id=\"xlcy-wait-result-type\" class=\"xlcy-wait-result-type\"><\/div>\n      <div class=\"xlcy-wait-chart-container\">\n        <canvas id=\"xlcy-wait-result-chart\"><\/canvas>\n      <\/div>\n      <div id=\"xlcy-wait-result-text\" class=\"xlcy-wait-result-text\"><\/div>\n    <\/div>\n    <button id=\"xlcy-wait-retake-button\" class=\"xlcy-wait-button xlcy-wait-retake-button\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n  <\/div>\n<\/div>\n\n<style>\n\/* \u611b\u60c5\u7b49\u5f85\u6642\u9593\u6e2c\u9a57 - \u6a23\u5f0f *\/\n.xlcy-wait-test-container {\n  position: relative;\n  max-width: 800px;\n  margin: 30px auto;\n  font-family: 'Microsoft JhengHei', 'PingFang TC', '\u5fae\u8edf\u6b63\u9ed1\u9ad4', sans-serif;\n  color: #333;\n  border-radius: 16px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);\n  overflow: hidden;\n  background-color: #fff;\n}\n\n.xlcy-wait-test-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url('https:\/\/xinliceyan.org\/wp-content\/uploads\/2025\/04\/cloudw38.jpg');\n  background-size: cover;\n  background-position: center;\n  opacity: 0.1;\n  z-index: 0;\n}\n\n.xlcy-wait-page {\n  position: relative;\n  z-index: 1;\n  padding: 40px 30px;\n  display: none;\n  min-height: 450px;\n}\n\n.xlcy-wait-page.active {\n  display: block;\n}\n\n.xlcy-wait-title {\n  font-size: 28px;\n  color: #e74c3c;\n  text-align: center;\n  margin: 0 0 30px;\n  font-weight: 700;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.xlcy-wait-intro-content {\n  margin-bottom: 30px;\n  line-height: 1.7;\n}\n\n.xlcy-wait-icon-container {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 25px;\n}\n\n.xlcy-wait-icon {\n  width: 70px;\n  height: 70px;\n  margin: 0 15px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\n  animation: xlcy-wait-float 3s ease-in-out infinite;\n  background-color: #fff;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 60%;\n}\n\n.xlcy-wait-icon-clock {\n  background-color: #e74c3c;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' width='32' height='32' fill='%23FFFFFF'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'\/%3E%3C\/svg%3E\");\n  animation-delay: 0s;\n}\n\n.xlcy-wait-icon-heart {\n  background-color: #ff7eae;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' width='32' height='32' fill='%23FFFFFF'%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  animation-delay: 0.25s;\n}\n\n.xlcy-wait-icon-search {\n  background-color: #fcbf49;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' width='32' height='32' fill='%23FFFFFF'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'\/%3E%3C\/svg%3E\");\n  animation-delay: 0.5s;\n}\n\n@keyframes xlcy-wait-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n.xlcy-wait-intro-text {\n  font-size: 17px;\n  margin-bottom: 15px;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.xlcy-wait-button {\n  min-width: 150px;\n  min-height: 50px;\n  padding: 12px 24px;\n  border: none;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  display: block;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}\n\n.xlcy-wait-start-button {\n  margin: 30px auto 0;\n  background: linear-gradient(135deg, #e74c3c, #ff7eae);\n  color: white;\n}\n\n.xlcy-wait-start-button:hover {\n  background: linear-gradient(135deg, #ff7eae, #e74c3c);\n  transform: translateY(-3px);\n  box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3);\n}\n\n.xlcy-wait-prev-button {\n  margin: 20px auto 0;\n  background-color: #f0f0f0;\n  color: #666;\n  display: none;\n}\n\n.xlcy-wait-prev-button:hover {\n  background-color: #e6e6e6;\n}\n\n.xlcy-wait-retake-button {\n  margin: 30px auto 0;\n  background: linear-gradient(135deg, #e74c3c, #ff7eae);\n  color: white;\n}\n\n.xlcy-wait-retake-button:hover {\n  background: linear-gradient(135deg, #ff7eae, #e74c3c);\n  transform: translateY(-3px);\n  box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3);\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n.xlcy-wait-progress-container {\n  margin-bottom: 30px;\n}\n\n.xlcy-wait-progress-bar {\n  height: 8px;\n  background-color: #e9ecef;\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 8px;\n}\n\n#xlcy-wait-progress-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #e74c3c, #ff7eae);\n  width: 0;\n  transition: width 0.3s ease;\n}\n\n.xlcy-wait-progress-text {\n  text-align: right;\n  font-size: 15px;\n  color: #666;\n}\n\n.xlcy-wait-question-text {\n  font-size: 22px;\n  font-weight: 700;\n  margin-bottom: 25px;\n  line-height: 1.5;\n  color: #333;\n}\n\n.xlcy-wait-options-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 15px;\n  margin-bottom: 20px;\n}\n\n.xlcy-wait-option-button {\n  min-height: 54px;\n  padding: 15px 20px;\n  text-align: center;\n  background: linear-gradient(to right, rgba(255, 245, 245, 0.9), rgba(255, 235, 235, 0.9));\n  border: none;\n  border-radius: 10px;\n  font-size: 18px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n  color: #333;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.xlcy-wait-option-button:hover, .xlcy-wait-option-button.selected {\n  background: linear-gradient(to right, rgba(255, 210, 210, 0.9), rgba(255, 176, 176, 0.9));\n  transform: translateY(-2px);\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  color: #333;\n}\n\n.xlcy-wait-option-button:after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  width: 24px;\n  height: 24px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23e74c3c'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'\/%3E%3C\/svg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n.xlcy-wait-option-button:hover:after {\n  opacity: 1;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.xlcy-wait-result-container {\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.xlcy-wait-result-type {\n  font-size: 24px;\n  font-weight: 700;\n  color: #e74c3c;\n  margin-bottom: 25px;\n}\n\n.xlcy-wait-chart-container {\n  margin: 0 auto 30px;\n  max-width: 350px;\n  max-height: 350px;\n}\n\n.xlcy-wait-result-text {\n  text-align: left;\n  line-height: 1.7;\n  font-size: 17px;\n  color: #333;\n  margin-top: 20px;\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 20px;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n\/* \u97ff\u61c9\u5f0f\u8abf\u6574 *\/\n@media (max-width: 768px) {\n  .xlcy-wait-test-container {\n    margin: 15px;\n    border-radius: 12px;\n  }\n  \n  .xlcy-wait-page {\n    padding: 30px 20px;\n  }\n  \n  .xlcy-wait-title {\n    font-size: 24px;\n    margin-bottom: 20px;\n  }\n  \n  .xlcy-wait-icon {\n    width: 60px;\n    height: 60px;\n    margin: 0 10px;\n  }\n  \n  .xlcy-wait-question-text {\n    font-size: 20px;\n  }\n  \n  .xlcy-wait-options-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .xlcy-wait-option-button {\n    font-size: 17px;\n    padding: 15px 20px;\n  }\n}\n\n@media (max-width: 480px) {\n  .xlcy-wait-page {\n    padding: 25px 15px;\n  }\n  \n  .xlcy-wait-title {\n    font-size: 22px;\n  }\n  \n  .xlcy-wait-icon {\n    width: 50px;\n    height: 50px;\n    margin: 0 8px;\n  }\n  \n  .xlcy-wait-intro-text, \n  .xlcy-wait-result-text {\n    font-size: 16px;\n  }\n  \n  .xlcy-wait-question-text {\n    font-size: 18px;\n  }\n  \n  .xlcy-wait-option-button {\n    font-size: 16px;\n    padding: 12px 15px;\n  }\n  \n  .xlcy-wait-button {\n    min-height: 46px;\n    font-size: 16px;\n    padding: 10px 20px;\n  }\n}\n<\/style>\n\n<script>\n\/\/ \u7acb\u5373\u57f7\u884c\u51fd\u6578\uff0c\u907f\u514d\u5168\u5c40\u547d\u540d\u7a7a\u9593\u6c61\u67d3\n(function() {\n  \/\/ \u7b49\u5f85DOM\u52a0\u8f09\u5b8c\u6210\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ \u6e2c\u9a57\u6578\u64da\n    const waitTestData = {\n      \/\/ \u554f\u984c\u6578\u7d44\n      questions: [\n        {\n          text: \"1. \u66f4\u559c\u6b61\u5728\u5bb6\u88e1\u653e\u4ee5\u4e0b\u54ea\u7a2e\u64fa\u4ef6\uff1f\",\n          options: [\n            { text: \"\u690d\u7269\", next: 1 },\n            { text: \"\u5de5\u85dd\u5c0f\u98fe\u54c1\", next: 2 },\n            { text: \"\u756b\", next: 3 }\n          ]\n        },\n        {\n          text: \"2. \u66f4\u559c\u6b61\u54ea\u7a2e\u5f62\u5f0f\u7684\u65c5\u884c\uff1f\",\n          options: [\n            { text: \"\u8ddf\u5718\", next: 3 },\n            { text: \"\u81ea\u52a9\u6e38\", next: 2 },\n            { text: \"\u7d50\u4f34\u904a\", next: 4 }\n          ]\n        },\n        {\n          text: \"3. \u66f4\u559c\u6b61\u4ee5\u4e0b\u54ea\u7a2e\u6c34\u679c\u62fc\u76e4\uff1f\",\n          options: [\n            { text: \"\u5168\u90e8\u5207\u6210\u4e01\uff0c\u62cc\u5728\u4e00\u8d77\", next: 4 },\n            { text: \"\u96a8\u4fbf\u5207\u4e00\u5207\uff0c\u65b9\u4fbf\u62ff\u8d77\u4f86\u5403\", next: 5 },\n            { text: \"\u52a0\u9ede\u512a\u916a\u4e73\u6216\u5176\u4ed6\u62cc\u6599\", next: 3 }\n          ]\n        },\n        {\n          text: \"4. \u66f4\u559c\u6b61\u548c\u4ee5\u4e0b\u54ea\u7a2e\u4eba\u804a\u5929\uff1f\",\n          options: [\n            { text: \"\u535a\u5b78\", next: 4 },\n            { text: \"\u77e5\u6027\", next: 5 },\n            { text: \"\u5e7d\u9ed8\", next: 6 }\n          ]\n        },\n        {\n          text: \"5. \u95dc\u6ce8\u7684\u5927V\u3001Up\u4e3b\u3001YouTuber\uff0c\u54ea\u7a2e\u9818\u57df\u7684\u66f4\u591a\uff1f\",\n          options: [\n            { text: \"\u641e\u7b11\", next: 5 },\n            { text: \"\u5a1b\u6a02\", next: 7 },\n            { text: \"\u85dd\u6587\", next: 6 }\n          ]\n        },\n        {\n          text: \"6. \u8a8d\u70ba\u66f4\u9069\u5408\u7d04\u6703\u770b\u7684\u96fb\u5f71\u662f\u4ee5\u4e0b\u54ea\u4e00\u7a2e\uff1f\",\n          options: [\n            { text: \"\u85dd\u6587\", next: 6 },\n            { text: \"\u5546\u696d\u559c\u5287\", next: 7 },\n            { text: \"\u52d5\u756b\", value: \"A\" }\n          ]\n        },\n        {\n          text: \"7. \u559c\u6b61\u7528\u4e0b\u9762\u54ea\u7a2e\u7d19\u5f35\u5305\u88dd\u79ae\u7269\uff1f\",\n          options: [\n            { text: \"\u725b\u76ae\u7d19\", next: 7 },\n            { text: \"\u788e\u82b1\u5305\u88dd\u7d19\", next: 8 },\n            { text: \"\u7d14\u8272\u5305\u88dd\u7d19\", next: 9 }\n          ]\n        },\n        {\n          text: \"8. \u66f4\u559c\u6b61\u901b\u8d85\u5e02\u54ea\u500b\u5340\u57df\uff1f\",\n          options: [\n            { text: \"\u96f6\u98df\", value: \"A\" },\n            { text: \"\u751f\u6d3b\u7528\u54c1\", value: \"B\" },\n            { text: \"\u6c34\u679c\u852c\u83dc\", next: 8 }\n          ]\n        },\n        {\n          text: \"9. \u66f4\u559c\u6b61\u95dc\u6ce8\u4ee5\u4e0b\u54ea\u65b9\u9762\u7684\u6253\u6298\u8cc7\u8a0a\uff1f\",\n          options: [\n            { text: \"\u65e5\u5e38\u7528\u54c1\", value: \"D\" },\n            { text: \"\u8863\u7269\", value: \"C\" },\n            { text: \"\u6d17\u8b77\u7528\u54c1\", value: \"A\" }\n          ]\n        },\n        {\n          text: \"10. \u66f4\u559c\u6b61\u95dc\u6ce8\u4ee5\u4e0b\u54ea\u7a2e\u985e\u578b\u7684\u516c\u773e\u865f\uff1f\",\n          options: [\n            { text: \"\u6696\u6587\u96de\u6e6f\", value: \"D\" },\n            { text: \"\u8da3\u5473\u7814\u7a76\", value: \"C\" },\n            { text: \"\u5a1b\u6a02\u516b\u5366\", value: \"B\" }\n          ]\n        }\n      ],\n      \/\/ \u7d50\u679c\u6578\u64da\n      results: {\n        \"A\": {\n          title: \"\u4e09\u500b\u6708\",\n          text: \"\u5225\u64d4\u5fc3\uff0c\u611b\u60c5\u5f88\u5feb\u5c31\u6703\u4f86\u81e8\u7684\u3002\u53ea\u9700\u8981\u4e09\u500b\u6708\u6642\u9593\uff0c\u4f60\u671f\u5f85\u7684\u611f\u60c5\u5c31\u6703\u4f86\u4e86\uff0c\u5225\u544a\u8a34\u6211\u4f60\u9023\u4e09\u500b\u6708\u90fd\u7b49\u4e0d\u53ca\uff0c\u8981\u77e5\u9053\u5fc3\u6025\u5403\u4e0d\u4e86\u71b1\u8c46\u8150\u3002\u72d7\u7ce7\u96d6\u7136\u4e0d\u597d\u5403\uff0c\u4f46\u662f\u4f60\u9084\u662f\u8981\u6301\u7e8c\u5728\u5403\u4e09\u500b\u6708\uff0c\u5805\u6301\u5c31\u662f\u52dd\u5229\u54e6\uff01\u5728\u9019\u4e09\u500b\u6708\u7684\u6642\u9593\u88e1\uff0c\u8abf\u6574\u4e00\u4e0b\u81ea\u5df1\u7684\u72c0\u614b\uff0c\u7576\u611b\u60c5\u964d\u81e8\u6642\uff0c\u624d\u80fd\u5920\u7528\u6700\u597d\u7684\u72c0\u614b\u53bb\u8fce\u63a5\u5b83\u3002\",\n          scores: {\n            \"\u8010\u5fc3\": 70,\n            \"\u958b\u653e\u5ea6\": 85,\n            \"\u793e\u4ea4\u529b\": 75,\n            \"\u671f\u5f85\u611f\": 90,\n            \"\u6e96\u5099\u5ea6\": 80\n          }\n        },\n        \"B\": {\n          title: \"\u534a\u5e74\",\n          text: \"\u9084\u6709\u534a\u5e74\u7684\u6642\u9593\uff0c\u611b\u60c5\u624d\u6703\u4f86\u81e8\uff0c\u4f60\u9084\u9700\u8981\u5403\u4e00\u9663\u5b50\u7684\u72d7\u7ce7\u3002\u4e0d\u7528\u53bb\u7fa8\u6155\u9031\u906d\u90a3\u4e9b\u6200\u611b\u4e2d\u7684\u4eba\uff0c\u4e00\u500b\u4eba\u4e5f\u53ef\u4ee5\u628a\u65e5\u5b50\u904e\u5f97\u8c50\u5bcc\u591a\u5f69\uff0c\u5b78\u6703\u5b89\u6392\u81ea\u5df1\u7684\u751f\u6d3b\uff0c\u628a\u6bcf\u5929\u90fd\u5b89\u6392\u7684\u6eff\u6eff\u7684\uff0c\u9019\u6a23\u4f60\u6050\u6015\u5c31\u6c92\u6709\u6642\u9593\u53bb\u70ba\u81ea\u5df1\u7684\u55ae\u8eab\u611f\u5230\u54c0\u50b7\uff0c\u55ae\u8eab\u4e26\u4e0d\u53ef\u6065\uff0c\u5617\u8a66\u8457\u70ba\u81ea\u5df1\u5c0b\u627e\u4e00\u9ede\u6a02\u8da3\uff0c\u8010\u5fc3\u5730\u7b49\u5f85\u611b\u60c5\u4f86\u81e8\u5427\u3002\",\n          scores: {\n            \"\u8010\u5fc3\": 60,\n            \"\u958b\u653e\u5ea6\": 70,\n            \"\u793e\u4ea4\u529b\": 65,\n            \"\u671f\u5f85\u611f\": 75,\n            \"\u6e96\u5099\u5ea6\": 80\n          }\n        },\n        \"C\": {\n          title: \"\u4e00\u5e74\",\n          text: \"\u72d7\u7ce7\u6050\u6015\u6703\u5403\u5f97\u6bd4\u8f03\u4e45\u4e00\u9ede\uff0c\u5c0d\u7684\u4eba\u6c92\u51fa\u73fe\uff0c\u7e3d\u4e0d\u80fd\u53bb\u5c07\u5c31\u5427\uff1f\u611b\u60c5\u9019\u7a2e\u4e8b\u60c5\u662f\u6c92\u8fa6\u6cd5\u8b1b\u7a76\u7684\uff0c\u5118\u7ba1\u6211\u5011\u5728\u5bc2\u5bde\u7684\u6642\u5019\uff0c\u4e5f\u53ef\u4ee5\u96a8\u4fbf\u627e\u500b\u4eba\u4f86\u611b\uff0c\u4f46\u53c8\u6709\u591a\u5c11\u4eba\u80fd\u5920\u5728\u865b\u5047\u7684\u611f\u60c5\u4e16\u754c\u88e1\u6536\u7a6b\u5e78\u798f\u548c\u6eff\u8db3\u5462\uff1f\u6240\u4ee5\uff0c\u6050\u6015\u4f60\u9084\u662f\u53ea\u6709\u7b49\u5f85\u771f\u5be6\u7684\u611b\u60c5\u4f86\u4e86\uff0c\u624d\u6703\u89ba\u5f97\u5fc3\u6eff\u610f\u8db3\uff0c\u8a18\u4f4f\uff0c\u597d\u98ef\u4e0d\u6015\u665a\uff0c\u597d\u611b\u4e0d\u6015\u7b49\u3002\",\n          scores: {\n            \"\u8010\u5fc3\": 50,\n            \"\u958b\u653e\u5ea6\": 60,\n            \"\u793e\u4ea4\u529b\": 55,\n            \"\u671f\u5f85\u611f\": 70,\n            \"\u6e96\u5099\u5ea6\": 65\n          }\n        },\n        \"D\": {\n          title: \"\u4e00\u5e74\u534a\",\n          text: \"\u9084\u8981\u5403\u5f88\u9577\u4e00\u6bb5\u6642\u9593\u7684\u72d7\u7ce7\uff0c\u81f3\u5c11\u6709\u4e00\u5e74\u534a\u7684\u6642\u9593\uff0c\u96d6\u7136\u611b\u60c5\u4f86\u7684\u6bd4\u8f03\u665a\uff0c\u4f46\u662f\u4e0d\u59a8\u5229\u7528\u9019\u6bb5\u55ae\u8eab\u7684\u6642\u671f\u6539\u8b8a\u4e00\u4e0b\u81ea\u5df1\u3002\u7576\u611b\u60c5\u4f86\u7684\u6642\u5019\uff0c\u4f60\u624d\u80fd\u4ee5\u6700\u597d\u7684\u72c0\u614b\u53bb\u9762\u5c0d\u5b83\uff0c\u96e3\u9053\u4f60\u4e0d\u60f3\u628a\u6700\u597d\u7684\u81ea\u5df1\u5949\u737b\u7d66\u6700\u611b\u7684\u4eba\u55ce\uff1f\u8d81\u611b\u60c5\u9084\u6c92\u4f86\uff0c\u9664\u4e86\u4eab\u53d7\u55ae\u8eab\u6642\u5149\u4ee5\u5916\uff0c\u5118\u53ef\u80fd\u7684\u8b93\u81ea\u5df1\u66f4\u5b8c\u7f8e\u4e00\u4e9b\uff0c\u4e5f\u7b97\u662f\u4f60\u70ba\u611b\u60c5\u505a\u7684\u52aa\u529b\u4e86\u3002\",\n          scores: {\n            \"\u8010\u5fc3\": 40,\n            \"\u958b\u653e\u5ea6\": 55,\n            \"\u793e\u4ea4\u529b\": 45,\n            \"\u671f\u5f85\u611f\": 60,\n            \"\u6e96\u5099\u5ea6\": 70\n          }\n        }\n      }\n    };\n\n    \/\/ \u7372\u53d6DOM\u5143\u7d20\n    const introPage = document.getElementById('xlcy-wait-intro-page');\n    const testPage = document.getElementById('xlcy-wait-test-page');\n    const resultPage = document.getElementById('xlcy-wait-result-page');\n    const startButton = document.getElementById('xlcy-wait-start-test');\n    const prevButton = document.getElementById('xlcy-wait-prev-button');\n    const retakeButton = document.getElementById('xlcy-wait-retake-button');\n    const questionText = document.getElementById('xlcy-wait-question-text');\n    const optionsContainer = document.getElementById('xlcy-wait-options-container');\n    const progressFill = document.getElementById('xlcy-wait-progress-fill');\n    const progressText = document.getElementById('xlcy-wait-progress-text');\n    const resultType = document.getElementById('xlcy-wait-result-type');\n    const resultText = document.getElementById('xlcy-wait-result-text');\n    \n    \/\/ \u5b9a\u7fa9\u8b8a\u91cf\n    let currentQuestionIndex = 0;\n    let userAnswerHistory = [];\n    let chartInstance = null;\n\n    \/\/ \u7d81\u5b9a\u958b\u59cb\u6e2c\u9a57\u6309\u9215\u4e8b\u4ef6\n    startButton.addEventListener('click', function() {\n      introPage.classList.remove('active');\n      testPage.classList.add('active');\n      renderQuestion(0);\n      scrollToTop();\n    });\n\n    \/\/ \u7d81\u5b9a\u91cd\u65b0\u6e2c\u9a57\u6309\u9215\u4e8b\u4ef6\n    retakeButton.addEventListener('click', function() {\n      resultPage.classList.remove('active');\n      introPage.classList.add('active');\n      resetTest();\n      scrollToTop();\n    });\n\n    \/\/ \u7d81\u5b9a\u4e0a\u4e00\u984c\u6309\u9215\u4e8b\u4ef6\n    prevButton.addEventListener('click', function() {\n      if (userAnswerHistory.length > 0) {\n        userAnswerHistory.pop();\n        const prevQuestion = userAnswerHistory.length > 0 ? \n          userAnswerHistory[userAnswerHistory.length - 1].nextIndex : 0;\n        renderQuestion(prevQuestion);\n      }\n    });\n\n    \/\/ \u6e32\u67d3\u554f\u984c\u51fd\u6578\n    function renderQuestion(index) {\n      const question = waitTestData.questions[index];\n      questionText.textContent = question.text;\n      \n      \/\/ \u66f4\u65b0\u9032\u5ea6\n      const progress = ((index + 1) \/ waitTestData.questions.length) * 100;\n      progressFill.style.width = `${progress}%`;\n      progressText.textContent = `\u554f\u984c ${index + 1}\/${waitTestData.questions.length}`;\n      \n      \/\/ \u751f\u6210\u9078\u9805\n      optionsContainer.innerHTML = '';\n      question.options.forEach((option, optionIndex) => {\n        const button = document.createElement('button');\n        button.className = 'xlcy-wait-option-button';\n        button.textContent = option.text;\n        \n        button.addEventListener('click', function() {\n          \/\/ \u8a2d\u7f6e\u9078\u4e2d\u72c0\u614b\n          document.querySelectorAll('.xlcy-wait-option-button').forEach(btn => {\n            btn.classList.remove('selected');\n          });\n          button.classList.add('selected');\n          \n          \/\/ \u8a18\u9304\u7b54\u6848\u6b77\u53f2\n          userAnswerHistory.push({\n            questionIndex: index,\n            selectedOption: optionIndex,\n            nextIndex: option.next || null,\n            resultValue: option.value || null\n          });\n          \n          \/\/ \u986f\u793a\u6216\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n          prevButton.style.display = userAnswerHistory.length > 1 ? 'block' : 'none';\n          \n          \/\/ \u5ef6\u9072\u4ee5\u986f\u793a\u9078\u4e2d\u6548\u679c\uff0c\u7136\u5f8c\u9032\u5165\u4e0b\u4e00\u984c\u6216\u986f\u793a\u7d50\u679c\n          setTimeout(function() {\n            if (option.value) {\n              showResult(option.value);\n            } else {\n              renderQuestion(option.next);\n            }\n            scrollToTop();\n          }, 300);\n        });\n        \n        optionsContainer.appendChild(button);\n      });\n      \n      \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u986f\u793a\u72c0\u614b\n      prevButton.style.display = userAnswerHistory.length > 0 ? 'block' : 'none';\n      \n      \/\/ \u8a2d\u7f6e\u7576\u524d\u554f\u984c\u7d22\u5f15\n      currentQuestionIndex = index;\n    }\n\n    \/\/ \u986f\u793a\u7d50\u679c\u51fd\u6578\n    function showResult(resultKey) {\n      \/\/ \u96b1\u85cf\u6e2c\u9a57\u9801\u9762\uff0c\u986f\u793a\u7d50\u679c\u9801\u9762\n      testPage.classList.remove('active');\n      resultPage.classList.add('active');\n      \n      const result = waitTestData.results[resultKey];\n      \n      \/\/ \u986f\u793a\u7d50\u679c\u6a19\u984c\u548c\u6587\u5b57\n      resultType.textContent = result.title;\n      resultText.textContent = result.text;\n      \n      \/\/ \u5275\u5efa\u96f7\u9054\u5716\n      createRadarChart(result.scores);\n      \n      \/\/ \u6efe\u52d5\u5230\u9801\u9762\u9802\u90e8\n      scrollToTop();\n    }\n    \n    \/\/ \u5275\u5efa\u96f7\u9054\u5716\n    function createRadarChart(scores) {\n      const ctx = document.getElementById('xlcy-wait-result-chart').getContext('2d');\n      \n      \/\/ \u6e05\u9664\u73fe\u6709\u5716\u8868\n      if (chartInstance) {\n        chartInstance.destroy();\n      }\n      \n      \/\/ \u6e96\u5099\u6578\u64da\n      const labels = Object.keys(scores);\n      const data = Object.values(scores);\n      \n      \/\/ \u5275\u5efa\u65b0\u5716\u8868\n      chartInstance = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: labels,\n          datasets: [{\n            label: '\u4f60\u7684\u7279\u8cea\u5206\u6790',\n            data: data,\n            backgroundColor: 'rgba(231, 76, 60, 0.2)',\n            borderColor: 'rgba(231, 76, 60, 0.8)',\n            borderWidth: 2,\n            pointBackgroundColor: 'rgba(231, 76, 60, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(231, 76, 60, 1)',\n            pointRadius: 5\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: true,\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: 14,\n                  family: \"'Microsoft JhengHei', 'PingFang TC', sans-serif\"\n                },\n                color: '#333'\n              },\n              grid: {\n                color: 'rgba(0, 0, 0, 0.1)'\n              },\n              angleLines: {\n                color: 'rgba(0, 0, 0, 0.1)'\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              backgroundColor: 'rgba(0, 0, 0, 0.7)',\n              titleFont: {\n                size: 14,\n                family: \"'Microsoft JhengHei', 'PingFang TC', sans-serif\"\n              },\n              bodyFont: {\n                size: 14,\n                family: \"'Microsoft JhengHei', 'PingFang TC', sans-serif\"\n              },\n              callbacks: {\n                label: function(context) {\n                  return `${context.label}: ${context.raw}%`;\n                }\n              }\n            }\n          }\n        }\n      });\n    }\n\n    \/\/ \u91cd\u7f6e\u6e2c\u9a57\n    function resetTest() {\n      currentQuestionIndex = 0;\n      userAnswerHistory = [];\n      \n      if (chartInstance) {\n        chartInstance.destroy();\n        chartInstance = null;\n      }\n    }\n    \n    \/\/ \u6efe\u52d5\u5230\u6e2c\u9a57\u5bb9\u5668\u9802\u90e8\n    function scrollToTop() {\n      const container = document.querySelector('.xlcy-wait-test-container');\n      if (container) {\n        container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    }\n    \n    \/\/ \u52d5\u614b\u52a0\u8f09Chart.js\n    function loadChartJs(callback) {\n      if (window.Chart) {\n        callback();\n        return;\n      }\n      \n      const script = document.createElement('script');\n      script.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js';\n      script.integrity = 'sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA==';\n      script.crossOrigin = 'anonymous';\n      script.referrerPolicy = 'no-referrer';\n      \n      script.onload = callback;\n      document.head.appendChild(script);\n    }\n    \n    \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n    loadChartJs(function() {\n      \/\/ \u521d\u59cb\u986f\u793a\u5f15\u5c0e\u9801\u9762\n      introPage.classList.add('active');\n    });\n    \n  });\n})();\n<\/script>\n<!-- \u611b\u60c5\u7b49\u5f85\u6642\u9593\u6e2c\u9a57 - \u7d50\u675f -->","protected":false},"excerpt":{"rendered":"<p>\u4ec0\u4e48\u65f6\u5019\u624d\u4f1a\u8f6e\u5230\u4f60\u5411\u5468\u56f4\u7684\u4eba\u70ab\u8000\u7684\u7231\u60c5\uff1f\u4ec0\u4e48\u65f6\u5019\u5403\u72d7\u7cae\u7684\u65e5\u5b50\u624d\u4f1a\u7ed3\u675f\uff0c\u8ba9\u6d4b\u8bd5\u6765\u544a\u8bc9\u4f60\u7b54\u6848\u5427<\/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,160],"tags":[],"class_list":["post-2379","post","type-post","status-publish","format-standard","hentry","category-love","category-attitude-scales"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2379","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=2379"}],"version-history":[{"count":4,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2379\/revisions"}],"predecessor-version":[{"id":10312,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2379\/revisions\/10312"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}