{"id":2774,"date":"2023-10-28T11:41:38","date_gmt":"2023-10-28T03:41:38","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2774"},"modified":"2025-06-14T20:38:55","modified_gmt":"2025-06-14T12:38:55","slug":"doers-or-dreamers","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/doers-or-dreamers","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff1a\u4f60\u662f\u4e2a\u5b9e\u5e72\u5bb6\u8fd8\u662f\u68a6\u60f3\u5bb6\uff0820\u9898\uff09"},"content":{"rendered":"\n <!-- 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<!-- \u7d50\u69cb (HTML) -->\n<main class=\"personality-quiz-container\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz-page active\">\n    <div class=\"container-fluid px-3 px-md-4\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12\">\n          <header class=\"text-center mb-5\">\n            <h2 class=\"display-4 fw-bold text-success mb-4\">\u5be6\u5e79\u5bb6 vs \u5922\u60f3\u5bb6\u4eba\u683c\u7279\u8cea\u6e2c\u9a57<\/h2>\n            <p class=\"h4 text-muted mb-4\">\u63a2\u7d22\u4f60\u7684\u4eba\u683c\u7279\u8cea<\/p>\n          <\/header>\n          \n          <div class=\"row g-4 mb-5\">\n            <div class=\"col-md-6\">\n              <div class=\"feature-card h-100 p-4 rounded-4 bg-success bg-opacity-10 border-0\">\n                <div class=\"feature-icon bg-success text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3\">\n                  <i class=\"bi bi-lightning-charge fs-2\"><\/i>\n                <\/div>\n                <h3 class=\"h5 fw-bold text-center mb-3\">\u5be6\u5e79\u5bb6\u7279\u8cea<\/h3>\n                <p class=\"text-center mb-0\">\u91cd\u8996\u884c\u52d5\u548c\u6548\u7387\uff0c\u559c\u6b61\u5fd9\u788c\u5145\u5be6\u7684\u751f\u6d3b\uff0c\u5177\u6709\u5f37\u70c8\u7684\u57f7\u884c\u529b\u548c\u76ee\u6a19\u5c0e\u5411<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"col-md-6\">\n              <div class=\"feature-card h-100 p-4 rounded-4 bg-warning bg-opacity-10 border-0\">\n                <div class=\"feature-icon bg-warning text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3\">\n                  <i class=\"bi bi-cloud-rain fs-2\"><\/i>\n                <\/div>\n                <h3 class=\"h5 fw-bold text-center mb-3\">\u5922\u60f3\u5bb6\u7279\u8cea<\/h3>\n                <p class=\"text-center mb-0\">\u504f\u597d\u601d\u8003\u548c\u60f3\u50cf\uff0c\u4eab\u53d7\u6df1\u5ea6\u601d\u8fa8\uff0c\u5177\u6709\u8c50\u5bcc\u7684\u5275\u9020\u529b\u548c\u5167\u7701\u80fd\u529b<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"intro-content bg-light rounded-4 p-4 p-md-5 mb-5\">\n            <h3 class=\"h4 fw-bold mb-4 text-center\">\u95dc\u65bc\u9019\u9805\u6e2c\u9a57<\/h3>\n            <div class=\"row g-4\">\n              <div class=\"col-md-4\">\n                <div class=\"d-flex align-items-center mb-3\">\n                  <i class=\"bi bi-clock text-success me-3 fs-4\"><\/i>\n                  <div>\n                    <div class=\"fw-semibold\">\u6e2c\u9a57\u6642\u9593<\/div>\n                    <small class=\"text-muted\">\u7d04 5-8 \u5206\u9418<\/small>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"col-md-4\">\n                <div class=\"d-flex align-items-center mb-3\">\n                  <i class=\"bi bi-list-check text-success me-3 fs-4\"><\/i>\n                  <div>\n                    <div class=\"fw-semibold\">\u984c\u76ee\u6578\u91cf<\/div>\n                    <small class=\"text-muted\">\u5171 22 \u984c<\/small>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"col-md-4\">\n                <div class=\"d-flex align-items-center mb-3\">\n                  <i class=\"bi bi-graph-up text-success me-3 fs-4\"><\/i>\n                  <div>\n                    <div class=\"fw-semibold\">\u7d50\u679c\u5206\u6790<\/div>\n                    <small class=\"text-muted\">\u8a73\u7d30\u89e3\u6790\u5831\u544a<\/small>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <p class=\"mt-4 mb-0\">\u9019\u9805\u6e2c\u9a57\u5c07\u5e6b\u52a9\u60a8\u4e86\u89e3\u81ea\u5df1\u662f\u66f4\u50be\u5411\u65bc\u5be6\u5e79\u5bb6\u9084\u662f\u5922\u60f3\u5bb6\u7279\u8cea\u3002\u8acb\u6839\u64da\u60a8\u7684\u771f\u5be6\u611f\u53d7\u548c\u65e5\u5e38\u884c\u70ba\u4f86\u56de\u7b54\u554f\u984c\uff0c\u6c92\u6709\u6a19\u6e96\u7b54\u6848\uff0c\u53ea\u6709\u6700\u9069\u5408\u60a8\u7684\u7d50\u679c\u3002<\/p>\n          <\/div>\n          \n          <div class=\"text-center\">\n            <button type=\"button\" class=\"btn btn-success btn-lg px-5 py-3 rounded-pill shadow-sm start-quiz-btn\">\n              <i class=\"bi bi-play-circle me-2\"><\/i>\u958b\u59cb\u6e2c\u9a57\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz-page\">\n    <div class=\"container-fluid px-3 px-md-4\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12\">\n          <header class=\"text-center mb-4\">\n            <h2 class=\"h3 fw-bold text-success mb-3\">\u5be6\u5e79\u5bb6 vs \u5922\u60f3\u5bb6\u4eba\u683c\u7279\u8cea\u6e2c\u9a57<\/h2>\n            <div class=\"progress mb-3\" style=\"height: 8px;\">\n              <div class=\"progress-bar bg-success progress-bar-striped progress-bar-animated\" \n                   role=\"progressbar\" style=\"width: 0%\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n            <\/div>\n            <p class=\"text-muted mb-0\">\n              <span class=\"current-question\">1<\/span> \/ <span class=\"total-questions\">22<\/span>\n            <\/p>\n          <\/header>\n          \n          <div class=\"quiz-content\">\n            <div class=\"question-card bg-white rounded-4 shadow-sm border-0 p-4 p-md-5 mb-4\">\n              <h3 class=\"question-text fw-bold mb-4\" style=\"font-size: 22px;\"><\/h3>\n              <div class=\"options-container\">\n                <!-- \u9078\u9805\u5c07\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n              <\/div>\n            <\/div>\n            \n            <div class=\"quiz-navigation text-center\">\n              <button type=\"button\" class=\"btn btn-outline-secondary prev-btn me-3\" style=\"display: none;\">\n                <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u984c\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"quizresult9\" data-page=\"result9\" class=\"quiz-page\">\n    <div class=\"container-fluid px-3 px-md-4\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12\">\n          <header class=\"text-center mb-5\">\n            <h2 class=\"display-5 fw-bold text-success mb-3\">\u60a8\u7684\u6e2c\u9a57\u7d50\u679c<\/h2>\n            <p class=\"h5 text-muted result-subtitle\"><\/p>\n          <\/header>\n          \n          <div class=\"result-content\">\n            <!-- \u7d50\u679c\u6982\u89bd\u5361\u7247 -->\n            <div class=\"result-overview bg-white rounded-4 shadow-sm border-0 p-4 p-md-5 mb-5\">\n              <div class=\"row align-items-center\">\n                <div class=\"col-md-12\">\n                  <div class=\"result-type-display text-center\">\n                    <div class=\"result-icon-wrapper mb-3\">\n                      <div class=\"result-icon rounded-circle d-flex align-items-center justify-content-center mx-auto\">\n                        <!-- \u5716\u793a\u5c07\u7531 JavaScript \u8a2d\u7f6e -->\n                      <\/div>\n                    <\/div>\n                    <h3 class=\"result-type-title h3 fw-bold mb-3\"><\/h3>\n                    <p class=\"result-type-description mb-4\"><\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n              <!-- \u6c34\u5e73\u5806\u758a\u67f1\u72c0\u5716 -->\n              <div class=\"score-chart-container mt-4\">\n                <h4 class=\"h5 fw-bold mb-3 text-center\">\u60a8\u5728\u8a55\u5206\u5206\u5e03\u4e2d\u7684\u4f4d\u7f6e<\/h4>\n                <div class=\"chart-container\">\n                  <canvas id=\"personalityChart\" height=\"120\"><\/canvas>\n                <\/div>\n              <\/div>\n            <\/div>\n            \n            <!-- \u8a73\u7d30\u5206\u6790 -->\n            <div class=\"detailed-analysis mb-5\">\n              <div class=\"row g-4\">\n                <div class=\"col-md-6\">\n                  <div class=\"analysis-card bg-light rounded-4 p-4 h-100\">\n                    <h4 class=\"h5 fw-bold mb-3\">\n                      <i class=\"bi bi-briefcase text-success me-2\"><\/i>\u8077\u696d\u9069\u6027\n                    <\/h4>\n                    <p class=\"career-suggestions mb-0\"><\/p>\n                  <\/div>\n                <\/div>\n                <div class=\"col-md-6\">\n                  <div class=\"analysis-card bg-light rounded-4 p-4 h-100\">\n                    <h4 class=\"h5 fw-bold mb-3\">\n                      <i class=\"bi bi-star text-warning me-2\"><\/i>\u4e3b\u8981\u512a\u52e2\n                    <\/h4>\n                    <p class=\"strengths mb-0\"><\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n              <div class=\"development-suggestions bg-warning bg-opacity-10 rounded-4 p-4 mt-4\">\n                <h4 class=\"h5 fw-bold mb-3\">\n                  <i class=\"bi bi-lightbulb text-warning me-2\"><\/i>\u767c\u5c55\u5efa\u8b70\n                <\/h4>\n                <p class=\"suggestions mb-0\"><\/p>\n              <\/div>\n            <\/div>\n            \n            <div class=\"text-center\">\n              <button type=\"button\" class=\"btn btn-success btn-lg px-5 py-3 rounded-pill shadow-sm restart-btn\">\n                <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6e2c\u9a57\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n\n<!-- Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/js\/bootstrap.bundle.min.js\"><\/script>\n\n<!-- \u6a23\u5f0f (CSS) -->\n<style>\n.personality-quiz-container {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  min-height: 100vh;\n  padding: 2rem 0;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n.quiz-page {\n  display: none;\n  animation: fadeIn 0.5s ease-in-out;\n}\n\n.quiz-page.active {\n  display: block;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.feature-icon {\n  width: 80px;\n  height: 80px;\n  font-size: 2rem;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n  transition: all 0.3s ease;\n}\n\n.feature-card:hover .feature-icon {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 35px rgba(0,0,0,0.15);\n}\n\n.start-quiz-btn, .restart-btn {\n  font-size: 1.1rem;\n  font-weight: 600;\n  transition: all 0.3s ease;\n  border: none;\n  background: linear-gradient(45deg, #28a745, #20c997);\n}\n\n.start-quiz-btn:hover, .restart-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(40,167,69,0.3);\n}\n\n.question-card {\n  border: 1px solid rgba(0,0,0,0.08);\n  transition: all 0.3s ease;\n}\n\n\/* \u9078\u9805\u5361\u7247\u6a23\u5f0f *\/\n.option-card {\n  border: 2px solid #e9ecef;\n  background: #fff;\n  transition: all 0.3s ease;\n  cursor: pointer;\n  margin-bottom: 0.75rem;\n  position: relative;\n  min-height: 44px;\n}\n\n.option-card:hover {\n  border-color: #28a745;\n  background: #f8f9fa;\n  transform: translateX(5px);\n  box-shadow: 0 4px 15px rgba(40,167,69,0.1);\n}\n\n.option-card.selected {\n  border-color: #28a745;\n  background: #28a745;\n  color: #fff;\n  transform: translateX(10px);\n  box-shadow: 0 6px 20px rgba(40,167,69,0.2);\n}\n\n.option-content {\n  display: flex;\n  align-items: center;\n  padding: 1rem 1.5rem;\n}\n\n.option-indicator {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #dee2e6;\n  border-radius: 50%;\n  margin-right: 1rem;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n  font-size: 14px;\n}\n\n.option-card:hover .option-indicator {\n  border-color: #28a745;\n}\n\n.option-card.selected .option-indicator {\n  border-color: #fff;\n  background: #fff;\n  color: #28a745;\n}\n\n.option-text {\n  font-size: 18px;\n  font-weight: 500;\n  color: #495057;\n  flex: 1;\n}\n\n.option-card.selected .option-text {\n  color: #fff;\n}\n\n.prev-btn {\n  min-width: 120px;\n  padding: 0.75rem 1.5rem;\n  font-weight: 600;\n}\n\n.result-icon {\n  width: 120px;\n  height: 120px;\n  font-size: 3rem;\n  margin-bottom: 1rem;\n}\n\n.chart-container {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  height: 120px;\n}\n\n.analysis-card {\n  transition: all 0.3s ease;\n}\n\n.analysis-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}\n\n\/* \u97ff\u61c9\u5f0f\u8abf\u6574 *\/\n@media (max-width: 768px) {\n  .personality-quiz-container {\n    padding: 1rem 0;\n  }\n  \n  .feature-icon {\n    width: 60px;\n    height: 60px;\n    font-size: 1.5rem;\n  }\n  \n  .display-4 {\n    font-size: 2.5rem;\n  }\n  \n  .option-text {\n    font-size: 16px;\n  }\n  \n  .option-content {\n    padding: 0.875rem 1.25rem;\n  }\n  \n  .result-icon {\n    width: 100px;\n    height: 100px;\n    font-size: 2.5rem;\n  }\n}\n\n.score-item {\n  transition: all 0.3s ease;\n}\n\n.score-item:hover {\n  transform: translateX(5px);\n}\n\n\/* \u78ba\u4fdd\u6309\u9215\u6587\u5b57\u984f\u8272 *\/\n.btn-success {\n  color: #fff !important;\n}\n\n.btn-outline-secondary {\n  color: #6c757d !important;\n}\n\n.btn-outline-secondary:hover {\n  color: #fff !important;\n}\n<\/style>\n\n<!-- \u884c\u70ba (JavaScript) -->\n<script>\n(() => {\n  'use strict';\n  \n  \/\/ \u6e2c\u9a57\u984c\u76ee\u6578\u64da\n  const quizData = [\n    \/\/ \u5be6\u5e79\u5bb6\u7279\u8cea\u984c\u7d44 (1-11, 17-20)\n    { id: 1, text: \"\u4f60\u559c\u6b61\u5fd9\u5fd9\u788c\u788c\u904e\u65e5\u5b50\u55ce\uff1f\", type: \"doer\" },\n    { id: 2, text: \"\u4f60\u6703\u5c0d\u585e\u8eca\u7684\u60c5\u6cc1\u4e0d\u8010\u7169\u55ce\uff1f\", type: \"doer\" },\n    { id: 3, text: \"\u4f60\u4e00\u76f4\u5728\u63db\u5de5\u4f5c\u55ce\uff1f\", type: \"doer\" },\n    { id: 4, text: \"\u4f60\u7121\u6cd5\u5fcd\u53d7\u9592\u8457\u6c92\u4e8b\u5e79\u7684\u60c5\u6cc1\u55ce\uff1f\", type: \"doer\" },\n    { id: 5, text: \"\u51e1\u4e8b\u4f60\u559c\u6b61\u53c3\u8207\uff0c\u800c\u52dd\u904e\u65c1\u89c0\u55ce\uff1f\", type: \"doer\" },\n    { id: 6, text: \"\u5982\u679c\u4e58\u96fb\u68af\u7684\u4eba\u592a\u591a\u6642\uff0c\u4f60\u5be7\u9858\u722c\u6a13\u68af\u55ce\uff1f\", type: \"doer\" },\n    { id: 7, text: \"\u5225\u4eba\u66fe\u7d93\u62b1\u6028\u4f60\u7684\u52d5\u4f5c\u592a\u5feb\u55ce\uff1f\", type: \"doer\" },\n    { id: 8, text: \"\u5373\u4f7f\u5728\u9031\u672b\uff0c\u4f60\u4e5f\u4e00\u6a23\u65e9\u8d77\u55ce\uff1f\", type: \"doer\" },\n    { id: 9, text: \"\u4f60\u7e3d\u662f\u5c0d\u65b0\u7684\u5de5\u4f5c\u8a08\u756b\u8868\u73fe\u7a4d\u6975\u55ce\uff1f\", type: \"doer\" },\n    { id: 10, text: \"\u4f60\u559c\u6b61\u7d44\u7e54\u7fa4\u773e\u55ce\uff1f\", type: \"doer\" },\n    { id: 11, text: \"\u4f60\u559c\u6b61\u884c\u52d5\u52dd\u904e\u8a08\u756b\u55ce\uff1f\", type: \"doer\" },\n    \/\/ \u5922\u60f3\u5bb6\u7279\u8cea\u984c\u7d44 (12-16)\n    { id: 12, text: \"\u4f60\u82b1\u8a31\u591a\u6642\u9593\u4f86\u82e6\u601d\u51a5\u60f3\u55ce\uff1f\", type: \"dreamer\" },\n    { id: 13, text: \"\u4f60\u66fe\u7d93\u81c6\u60f3\u300c\u7a76\u7adf\u4eba\u4f86\u81ea\u4f55\u8655\u300d\u548c\u300c\u70ba\u4ec0\u9ebc\u300d\u55ce\uff1f\", type: \"dreamer\" },\n    { id: 14, text: \"\u4f60\u559c\u6b61\u505a\u586b\u5b57\u904a\u6232\u55ce\uff1f\", type: \"dreamer\" },\n    { id: 15, text: \"\u4f60\u559c\u6b61\u53c3\u89c0\u535a\u7269\u9928\u548c\u756b\u5eca\u55ce\uff1f\", type: \"dreamer\" },\n    { id: 16, text: \"\u4f60\u559c\u6b61\u8a00\u4e4b\u6709\u7269\u7684\u804a\u5929\u55ce\uff1f\", type: \"dreamer\" },\n    \/\/ \u5be6\u5e79\u5bb6\u7279\u8cea\u984c\u7d44\u7e8c (17-20)\n    { id: 17, text: \"\u4f60\u7fd2\u6163\u4e00\u6b21\u722c\u5169\u7d1a\u6a13\u68af\u55ce\uff1f\", type: \"doer\" },\n    { id: 18, text: \"\u5728\u540c\u6a23\u7684\u6642\u9593\u5167\uff0c\u4f60\u5e38\u6bd4\u5225\u4eba\u5b8c\u6210\u8f03\u591a\u7684\u4e8b\u60c5\u55ce\uff1f\", type: \"doer\" },\n    { id: 19, text: \"\u5ea6\u5047\u7684\u6642\u5019\uff0c\u4f60\u559c\u6b61\u523a\u6fc0\u71b1\u9b27\u52dd\u904e\u65bc\u60a0\u9592\u81ea\u5728\u55ce\uff1f\", type: \"doer\" },\n    { id: 20, text: \"\u6210\u5929\u7121\u4e8b\u53ef\u505a\uff0c\u4f60\u6703\u89ba\u5f97\u7121\u804a\u55ce\uff1f\", type: \"doer\" },\n    \/\/ \u9a57\u8b49\u984c (21-22) - \u5be6\u969b\u4e0a\u662f\u5922\u60f3\u5bb6\u7279\u8cea\n    { id: 21, text: \"\u4f60\u5be7\u9858\u5148\u601d\u8003\u6e05\u695a\u518d\u884c\u52d5\uff0c\u800c\u4e0d\u662f\u7acb\u5373\u63a1\u53d6\u884c\u52d5\uff1f\", type: \"validation\" },\n    { id: 22, text: \"\u4f60\u8a8d\u70ba\u6df1\u5ea6\u601d\u8003\u6bd4\u5feb\u901f\u57f7\u884c\u66f4\u91cd\u8981\uff1f\", type: \"validation\" }\n  ];\n  \n  const options = [\n    { text: \"\u975e\u5e38\u7b26\u5408\", value: 4 },\n    { text: \"\u6bd4\u8f03\u7b26\u5408\", value: 3 },\n    { text: \"\u6bd4\u8f03\u4e0d\u7b26\", value: 2 },\n    { text: \"\u5b8c\u5168\u4e0d\u7b26\", value: 1 }\n  ];\n  \n  \/\/ \u61c9\u7528\u7a0b\u5f0f\u985e\u5225\n  class PersonalityQuiz {\n    constructor() {\n      this.currentQuestion = 0;\n      this.answers = [];\n      this.chart = null;\n      \n      \/\/ \u5feb\u53d6 DOM \u5143\u7d20\n      this.elements = {\n        introPage: document.getElementById('quizintro9'),\n        quizPage: document.getElementById('quizmain9'),\n        resultPage: document.getElementById('quizresult9'),\n        startBtn: document.querySelector('.start-quiz-btn'),\n        questionText: document.querySelector('.question-text'),\n        optionsContainer: document.querySelector('.options-container'),\n        progressBar: document.querySelector('.progress-bar'),\n        currentQuestionSpan: document.querySelector('.current-question'),\n        totalQuestionsSpan: document.querySelector('.total-questions'),\n        prevBtn: document.querySelector('.prev-btn'),\n        restartBtn: document.querySelector('.restart-btn')\n      };\n      \n      this.init();\n    }\n    \n    init() {\n      this.bindEvents();\n      this.elements.totalQuestionsSpan.textContent = quizData.length;\n    }\n    \n    bindEvents() {\n      this.elements.startBtn.addEventListener('click', () => this.startQuiz());\n      this.elements.prevBtn.addEventListener('click', () => this.prevQuestion());\n      this.elements.restartBtn.addEventListener('click', () => this.restartQuiz());\n      \n      \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u8a17\u8655\u7406\u9078\u9805\u9ede\u64ca\n      this.elements.optionsContainer.addEventListener('click', (e) => {\n        const optionCard = e.target.closest('.option-card');\n        if (optionCard) {\n          this.selectOption(optionCard);\n        }\n      });\n    }\n    \n    startQuiz() {\n      this.showPage('quiz9');\n      this.renderQuestion();\n      this.scrollToTop();\n    }\n    \n    renderQuestion() {\n      const question = quizData[this.currentQuestion];\n      this.elements.questionText.textContent = question.text;\n      \n      \/\/ \u6e05\u7a7a\u9078\u9805\u5bb9\u5668\n      this.elements.optionsContainer.innerHTML = '';\n      \n      \/\/ \u751f\u6210\u9078\u9805\u5361\u7247\n      options.forEach((option, index) => {\n        const cardDiv = document.createElement('div');\n        cardDiv.className = 'option-card card';\n        cardDiv.dataset.value = option.value;\n        cardDiv.setAttribute('role', 'button');\n        cardDiv.setAttribute('tabindex', '0');\n        cardDiv.setAttribute('aria-label', `\u9078\u9805 ${index + 1}: ${option.text}`);\n        \n        \/\/ \u5982\u679c\u5df2\u6709\u7b54\u6848\uff0c\u6a19\u8a18\u70ba\u9078\u4e2d\n        if (this.answers[this.currentQuestion] === option.value) {\n          cardDiv.classList.add('selected');\n        }\n        \n        cardDiv.innerHTML = `\n          <div class=\"option-content\">\n            <div class=\"option-indicator\">\n              ${this.answers[this.currentQuestion] === option.value ? '<i class=\"bi bi-check\"><\/i>' : ''}\n            <\/div>\n            <div class=\"option-text\">${option.text}<\/div>\n          <\/div>\n        `;\n        \n        this.elements.optionsContainer.appendChild(cardDiv);\n      });\n      \n      this.updateProgress();\n      this.updateNavigation();\n    }\n    \n    selectOption(card) {\n      \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u9805\u7684\u9078\u4e2d\u72c0\u614b\n      this.elements.optionsContainer.querySelectorAll('.option-card').forEach(c => {\n        c.classList.remove('selected');\n        const indicator = c.querySelector('.option-indicator');\n        indicator.innerHTML = '';\n      });\n      \n      \/\/ \u6a19\u8a18\u7576\u524d\u9078\u9805\u70ba\u9078\u4e2d\n      card.classList.add('selected');\n      const indicator = card.querySelector('.option-indicator');\n      indicator.innerHTML = '<i class=\"bi bi-check\"><\/i>';\n      \n      \/\/ \u5132\u5b58\u7b54\u6848\n      const value = parseInt(card.dataset.value);\n      this.answers[this.currentQuestion] = value;\n      \n      \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n      setTimeout(() => {\n        this.nextQuestion();\n      }, 300);\n    }\n    \n    nextQuestion() {\n      if (this.currentQuestion < quizData.length - 1) {\n        this.currentQuestion++;\n        this.renderQuestion();\n      } else {\n        this.calculateResults();\n      }\n    }\n    \n    prevQuestion() {\n      if (this.currentQuestion > 0) {\n        this.currentQuestion--;\n        this.renderQuestion();\n      }\n    }\n    \n    updateProgress() {\n      const progress = ((this.currentQuestion + 1) \/ quizData.length) * 100;\n      this.elements.progressBar.style.width = `${progress}%`;\n      this.elements.progressBar.setAttribute('aria-valuenow', progress);\n      this.elements.currentQuestionSpan.textContent = this.currentQuestion + 1;\n    }\n    \n    updateNavigation() {\n      this.elements.prevBtn.style.display = this.currentQuestion > 0 ? 'inline-block' : 'none';\n    }\n    \n    calculateResults() {\n      \/\/ \u4fee\u6b63\u5f8c\u7684\u8a08\u5206\u908f\u8f2f\n      let doerScore = 0;\n      let dreamerScore = 0;\n      \n      quizData.forEach((question, index) => {\n        const answer = this.answers[index] || 1;\n        \n        switch (question.type) {\n          case 'doer':\n            doerScore += answer;\n            break;\n          case 'dreamer':\n            dreamerScore += answer;\n            break;\n          case 'validation':\n            \/\/ \u9a57\u8b49\u984c\u76ee21-22\u672c\u8cea\u4e0a\u662f\u5922\u60f3\u5bb6\u7279\u8cea\u984c\u76ee\uff0c\u6b78\u5165dreamerScore\n            dreamerScore += answer;\n            break;\n        }\n      });\n      \n      \/\/ \u4fee\u6b63\u5f8c\u7684\u5be6\u5e79\u6307\u6578\u8a08\u7b97\u516c\u5f0f\n      \/\/ \u5be6\u5e79\u6307\u6578 = (\u5be6\u5e79\u5bb6\u5206\u6578 \u00d7 2.5) - (\u5922\u60f3\u5bb6\u5206\u6578 \u00d7 2)\n      const doerIndex = (doerScore * 2.5) - (dreamerScore * 2);\n      \n      \/\/ \u5224\u65b7\u985e\u578b\n      let resultType, resultData;\n      if (doerIndex >= 40) {\n        resultType = 'doer';\n        resultData = {\n          title: '\u6a19\u6e96\u5be6\u5e79\u5bb6',\n          subtitle: '\u884c\u52d5\u6d3e\u7684\u6548\u7387\u9054\u4eba',\n          description: '\u51e1\u4e8b\u90fd\u4e0d\u6703\u5149\u8aaa\u4e0d\u7df4\uff0c\u5c24\u5176\u559c\u6b61\u5fd9\u5fd9\u788c\u788c\u904e\u65e5\u5b50\u3002\u4f60\u559c\u6b61\u4e3b\u52d5\u53c3\u8207\uff0c\u8a08\u756b\u6c38\u9060\u6392\u5f97\u6eff\u6eff\u7684\uff0c\u8d8a\u5fd9\u8d8a\u6709\u52c1\u3002',\n          icon: 'bi-lightning-charge',\n          color: 'success',\n          careers: '\u7ba1\u7406\u8077\u3001\u696d\u52d9\u3001\u5275\u696d\u3001\u904b\u52d5\u6559\u7df4\u3001\u5c08\u6848\u7d93\u7406',\n          strengths: '\u57f7\u884c\u529b\u5f37\u3001\u6548\u7387\u9ad8\u3001\u76ee\u6a19\u5c0e\u5411\u3001\u9069\u61c9\u6027\u4f73',\n          suggestions: '\u907f\u514d\u904e\u5ea6\u5fd9\u788c\u9020\u6210\u5026\u6020\uff0c\u9069\u5ea6\u5b89\u6392\u4f11\u606f\u6642\u9593\uff0c\u5b78\u6703\u653e\u6162\u8173\u6b65\u4eab\u53d7\u751f\u6d3b'\n        };\n      } else if (doerIndex >= 20) {\n        resultType = 'balanced';\n        resultData = {\n          title: '\u5e73\u8861\u6df7\u5408\u578b',\n          subtitle: '\u601d\u884c\u4e26\u91cd\u7684\u5354\u8abf\u8005',\n          description: '\u4f60\u662f\u500b\u4ecb\u65bc\u5be6\u5e79\u5bb6\u548c\u5922\u60f3\u5bb6\u4e4b\u9593\u7684\u4eba\uff0c\u559c\u6b61\u904e\u5f97\u5fd9\u788c\uff0c\u4f46\u4e0d\u53cd\u5c0d\u5076\u723e\u975c\u4e0b\u4f86\u601d\u8003\u3002\u50cf\u4f60\u9019\u6a23\u7684\u4eba\uff0c\u66f4\u5bb9\u6613\u9069\u61c9\u5404\u7a2e\u74b0\u5883\u3002',\n          icon: 'bi-balance-scale',\n          color: 'warning',\n          careers: '\u6559\u80b2\u5de5\u4f5c\u3001\u8aee\u8a62\u9867\u554f\u3001\u7522\u54c1\u7d93\u7406\u3001\u7814\u767c\u4eba\u54e1',\n          strengths: '\u601d\u884c\u4e26\u91cd\u3001\u9069\u61c9\u6027\u5f37\u3001\u6e9d\u901a\u5354\u8abf\u80fd\u529b\u4f73',\n          suggestions: '\u4f9d\u60c5\u5883\u9748\u6d3b\u904b\u7528\u5be6\u5e79\u6216\u601d\u8003\u7279\u8cea\uff0c\u767c\u5c55\u6210\u70ba\u512a\u79c0\u7684\u5718\u968a\u5354\u8abf\u8005'\n        };\n      } else {\n        resultType = 'dreamer';\n        resultData = {\n          title: '\u6a19\u6e96\u5922\u60f3\u5bb6',\n          subtitle: '\u6df1\u5ea6\u601d\u8003\u7684\u5275\u610f\u5bb6',\n          description: '\u4f60\u5be7\u9858\u4e00\u500b\u4eba\u62b1\u8457\u4e00\u672c\u66f8\u770b\u6216\u4efb\u601d\u7dad\u56db\u8655\u9068\u904a\u3002\u96d6\u7136\u4f60\u4e5f\u559c\u6b61\u6709\u4eba\u505a\u4f34\uff0c\u548c\u4eba\u804a\u5929\uff0c\u4f46\u662f\u4f60\u5f88\u61c2\u5f97\u5a1b\u6a02\u81ea\u5df1\u3001\u4eab\u53d7\u7368\u8655\u7684\u6a02\u8da3\u3002',\n          icon: 'bi-cloud-rain',\n          color: 'info',\n          careers: '\u7814\u7a76\u5de5\u4f5c\u3001\u85dd\u8853\u5275\u4f5c\u3001\u54f2\u5b78\u601d\u8fa8\u3001\u5beb\u4f5c\u3001\u8a2d\u8a08',\n          strengths: '\u5275\u9020\u529b\u8c50\u5bcc\u3001\u601d\u8003\u6df1\u5ea6\u3001\u5167\u7701\u80fd\u529b\u3001\u7368\u7acb\u6027\u5f37',\n          suggestions: '\u589e\u5f37\u57f7\u884c\u529b\uff0c\u5c07\u5275\u610f\u60f3\u6cd5\u8f49\u5316\u70ba\u5177\u9ad4\u884c\u52d5\uff0c\u5b78\u7fd2\u8207\u4ed6\u4eba\u5354\u4f5c\u5b8c\u6210\u76ee\u6a19'\n        };\n      }\n      \n      this.showResults(resultData, doerScore, dreamerScore, doerIndex);\n    }\n    \n    showResults(resultData, doerScore, dreamerScore, doerIndex) {\n      this.showPage('result9');\n      \n      \/\/ \u66f4\u65b0\u7d50\u679c\u5167\u5bb9\n      document.querySelector('.result-subtitle').textContent = resultData.subtitle;\n      document.querySelector('.result-type-title').textContent = resultData.title;\n      document.querySelector('.result-type-description').textContent = resultData.description;\n      document.querySelector('.career-suggestions').textContent = resultData.careers;\n      document.querySelector('.strengths').textContent = resultData.strengths;\n      document.querySelector('.suggestions').textContent = resultData.suggestions;\n      \n      \/\/ \u8a2d\u7f6e\u5716\u793a\n      const iconElement = document.querySelector('.result-icon');\n      iconElement.className = `result-icon bg-${resultData.color} text-white rounded-circle d-flex align-items-center justify-content-center mx-auto`;\n      iconElement.innerHTML = `<i class=\"${resultData.icon} fs-1\"><\/i>`;\n      \n      \/\/ \u5275\u5efa\u6c34\u5e73\u5806\u758a\u67f1\u72c0\u5716\n      this.createHorizontalChart(doerIndex, resultData.color);\n      \n      this.scrollToTop();\n    }\n    \n    createHorizontalChart(userScore, colorTheme) {\n      \/\/ \u92b7\u6bc0\u73fe\u6709\u5716\u8868\n      if (this.chart) {\n        this.chart.destroy();\n      }\n      \n      const ctx = document.getElementById('personalityChart').getContext('2d');\n      \n      \/\/ \u5b9a\u7fa9\u5206\u6578\u5340\u9593\n      const ranges = [\n        { name: '\u6a19\u6e96\u5922\u60f3\u5bb6', min: 0, max: 19, color: '#17a2b8', width: 20 },\n        { name: '\u5e73\u8861\u6df7\u5408\u578b', min: 20, max: 39, color: '#ffc107', width: 20 },\n        { name: '\u6a19\u6e96\u5be6\u5e79\u5bb6', min: 40, max: 80, color: '#28a745', width: 41 }\n      ];\n      \n      this.chart = new Chart(ctx, {\n        type: 'bar',\n        data: {\n          labels: ['\u8a55\u5206\u5206\u5e03'],\n          datasets: [\n            {\n              label: '\u6a19\u6e96\u5922\u60f3\u5bb6 (0-19\u5206)',\n              data: [20],\n              backgroundColor: '#17a2b8',\n              borderWidth: 0,\n              barThickness: 60\n            },\n            {\n              label: '\u5e73\u8861\u6df7\u5408\u578b (20-39\u5206)', \n              data: [20],\n              backgroundColor: '#ffc107',\n              borderWidth: 0,\n              barThickness: 60\n            },\n            {\n              label: '\u6a19\u6e96\u5be6\u5e79\u5bb6 (40-80\u5206)',\n              data: [41],\n              backgroundColor: '#28a745',\n              borderWidth: 0,\n              barThickness: 60\n            }\n          ]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          indexAxis: 'y',\n          scales: {\n            x: {\n              stacked: true,\n              min: 0,\n              max: 81,\n              ticks: {\n                stepSize: 20,\n                font: { size: 14 },\n                callback: function(value) {\n                  return value + '\u5206';\n                }\n              },\n              grid: {\n                display: true,\n                color: '#e9ecef'\n              }\n            },\n            y: {\n              stacked: true,\n              display: false\n            }\n          },\n          plugins: {\n            legend: {\n              position: 'bottom',\n              labels: {\n                padding: 15,\n                font: { size: 14, weight: 'bold' },\n                boxWidth: 20,\n                boxHeight: 15,\n                usePointStyle: false\n              }\n            },\n            tooltip: {\n              enabled: true,\n              callbacks: {\n                title: function() {\n                  return '\u8a55\u5206\u5340\u9593';\n                },\n                label: function(context) {\n                  const ranges = [\n                    '\u6a19\u6e96\u5922\u60f3\u5bb6 (0-19\u5206)',\n                    '\u5e73\u8861\u6df7\u5408\u578b (20-39\u5206)',\n                    '\u6a19\u6e96\u5be6\u5e79\u5bb6 (40-80\u5206)'\n                  ];\n                  return ranges[context.datasetIndex];\n                }\n              }\n            }\n          },\n          animation: {\n            duration: 1500,\n            onComplete: () => {\n              \/\/ \u52d5\u756b\u5b8c\u6210\u5f8c\u6dfb\u52a0\u7528\u6236\u5206\u6578\u6a19\u8a18\n              this.addUserScoreMarker(userScore);\n            }\n          },\n          layout: {\n            padding: {\n              top: 25,\n              bottom: 15,\n              left: 10,\n              right: 10\n            }\n          }\n        }\n      });\n    }\n    \n    addUserScoreMarker(userScore) {\n      const canvas = document.getElementById('personalityChart');\n      const ctx = canvas.getContext('2d');\n      const chart = this.chart;\n      \n      \/\/ \u8a08\u7b97\u7528\u6236\u5206\u6578\u5728\u5716\u8868\u4e2d\u7684\u4f4d\u7f6e\n      const xPosition = chart.scales.x.getPixelForValue(userScore);\n      const yStart = chart.scales.y.getPixelForValue(0) - 30; \/\/ \u67f1\u72c0\u5716\u4e2d\u5fc3\u4f4d\u7f6e\n      const yEnd = chart.scales.y.getPixelForValue(0) + 30;\n      const yCenter = (yStart + yEnd) \/ 2;\n      \n      \/\/ \u7e6a\u88fd\u7d05\u8272\u5713\u9ede\u6a19\u8a18\n      ctx.save();\n      ctx.fillStyle = '#dc3545';\n      ctx.strokeStyle = '#fff';\n      ctx.lineWidth = 3;\n      ctx.beginPath();\n      ctx.arc(xPosition, yCenter, 8, 0, 2 * Math.PI);\n      ctx.fill();\n      ctx.stroke();\n      \n      \/\/ \u6dfb\u52a0\u6307\u5411\u7dda\n      ctx.strokeStyle = '#dc3545';\n      ctx.lineWidth = 2;\n      ctx.beginPath();\n      ctx.moveTo(xPosition, yCenter - 8);\n      ctx.lineTo(xPosition, yStart - 25);\n      ctx.stroke();\n      \n      \/\/ \u6dfb\u52a0\u5206\u6578\u6a19\u7c64\u80cc\u666f\n      const labelText = `\u60a8\u7684\u4f4d\u7f6e: ${Math.round(userScore)}\u5206`;\n      ctx.font = 'bold 13px Arial';\n      ctx.textAlign = 'center';\n      const textWidth = ctx.measureText(labelText).width;\n      const padding = 8;\n      \n      \/\/ \u7e6a\u88fd\u6a19\u7c64\u80cc\u666f\n      ctx.fillStyle = '#dc3545';\n      ctx.fillRect(xPosition - textWidth\/2 - padding, yStart - 40, textWidth + padding*2, 20);\n      \n      \/\/ \u6dfb\u52a0\u5206\u6578\u6a19\u7c64\u6587\u5b57\n      ctx.fillStyle = '#fff';\n      ctx.fillText(labelText, xPosition, yStart - 26);\n      \n      ctx.restore();\n    }\n    \n    showPage(pageType) {\n      \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n      document.querySelectorAll('.quiz-page').forEach(page => {\n        page.classList.remove('active');\n      });\n      \n      \/\/ \u986f\u793a\u76ee\u6a19\u9801\u9762\n      const targetPage = document.querySelector(`[data-page=\"${pageType}\"]`);\n      if (targetPage) {\n        targetPage.classList.add('active');\n      }\n    }\n    \n    scrollToTop() {\n      const targetElement = document.querySelector('.quiz-page.active h2');\n      if (targetElement) {\n        targetElement.scrollIntoView({ \n          behavior: 'smooth', \n          block: 'start',\n          inline: 'nearest'\n        });\n      }\n    }\n    \n    restartQuiz() {\n      this.currentQuestion = 0;\n      this.answers = [];\n      if (this.chart) {\n        this.chart.destroy();\n        this.chart = null;\n      }\n      this.showPage('intro9');\n      this.scrollToTop();\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u61c9\u7528\u7a0b\u5f0f\n  document.addEventListener('DOMContentLoaded', () => {\n    new PersonalityQuiz();\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4f60\u662f\u4e2a\u5149\u8bf4\u4e0d\u7ec3\u7684\u4eba\uff0c\u8fd8\u662f\u4e00\u4e2a\u4ed8\u8bf8\u5b9e\u9645\u884c\u52a8\u7684\u4eba\uff1f\u8bf7\u770b\u4e0b\u9762\u7684\u8fd9\u4e9b\u9648\u8ff0\uff0c\u662f\u5426\u7b26\u5408\u4f60\u7684\u5b9e\u9645\u3002\u9009\u62e9\u300c\u662f\u300d\u6216\u300c\u5426\u300d<\/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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[167,160],"tags":[],"class_list":["post-2774","post","type-post","status-publish","format-standard","hentry","category-personality","category-attitude-scales"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2774","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=2774"}],"version-history":[{"count":3,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2774\/revisions"}],"predecessor-version":[{"id":10218,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2774\/revisions\/10218"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}