{"id":2640,"date":"2023-10-17T09:44:50","date_gmt":"2023-10-17T01:44:50","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2640"},"modified":"2025-08-14T20:36:36","modified_gmt":"2025-08-14T12:36:36","slug":"four-temperaments","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/four-temperaments","title":{"rendered":"\u6c14\u8d28\u7c7b\u578b\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff08105\u9898\uff09"},"content":{"rendered":"<!-- \u5f15\u5165 Bootstrap \u548c Bootstrap Icons -->\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<!-- \u6c23\u8cea\u985e\u578b\u81ea\u6e2c\u554f\u5377 HTML \u7d50\u69cb -->\n<section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz9-container\">\n  <div class=\"quiz9-content\">\n    <!-- \u82f1\u96c4\u6a19\u984c\u5340 -->\n    <div class=\"quiz9-hero-section text-center mb-5\">\n      <div class=\"quiz9-badge-container mb-4\">\n        <span class=\"quiz9-badge\">\n          <i class=\"bi bi-award-fill\"><\/i>\n          \u5fc3\u7406\u5b78\u7d93\u5178\u6e2c\u8a55\n        <\/span>\n      <\/div>\n      <h1 class=\"quiz9-hero-title mb-3\">\n        <span class=\"quiz9-gradient-text\">\u6c14\u8d28\u7c7b\u578b<\/span>\u91cf\u8868\u81ea\u6e2c\n      <\/h1>\n      <p class=\"quiz9-hero-subtitle mb-4\">\n        \u57fa\u65bc\u53e4\u5e0c\u81d8\u56db\u5927\u6c23\u8cea\u985e\u578b\u7406\u8ad6\uff0c\u6df1\u5ea6\u89e3\u6790\u60a8\u7684\u500b\u6027\u5fc3\u7406\u7279\u5fb5\n      <\/p>\n      <div class=\"quiz9-hero-stats\">\n        <div class=\"quiz9-stat-item\">\n          <div class=\"quiz9-stat-number\">105<\/div>\n          <div class=\"quiz9-stat-label\">\u7cbe\u9078\u984c\u76ee<\/div>\n        <\/div>\n        <div class=\"quiz9-stat-divider\"><\/div>\n        <div class=\"quiz9-stat-item\">\n          <div class=\"quiz9-stat-number\">15<\/div>\n          <div class=\"quiz9-stat-label\">\u5206\u949f\u5b8c\u6210<\/div>\n        <\/div>\n        <div class=\"quiz9-stat-divider\"><\/div>\n        <div class=\"quiz9-stat-item\">\n          <div class=\"quiz9-stat-number\">4<\/div>\n          <div class=\"quiz9-stat-label\">\u6c14\u8d28\u7c7b\u578b<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u6838\u5fc3\u7279\u8272\u5361\u7247 -->\n    <div class=\"quiz9-features-grid mb-5\">\n      <div class=\"quiz9-feature-card quiz9-feature-card-1\">\n        <div class=\"quiz9-feature-icon\">\n          <div class=\"quiz9-icon-float\">\n            <i class=\"bi bi-book-half\"><\/i>\n          <\/div>\n        <\/div>\n        <h4 class=\"quiz9-feature-title\">\u79d1\u5b66\u4f9d\u636e<\/h4>\n        <p class=\"quiz9-feature-desc\">\n          \u57fa\u65bc\u5fc3\u7406\u5b78\u7d93\u5178\u7684\u56db\u5927\u6c23\u8cea\u985e\u578b\u7406\u8ad6\uff0c\u7d93\u904e\u9577\u671f\u9a57\u8b49\u7684\u5c08\u696d\u6e2c\u8a55\u65b9\u6cd5\n        <\/p>\n      <\/div>\n      \n      <div class=\"quiz9-feature-card quiz9-feature-card-2\">\n        <div class=\"quiz9-feature-icon\">\n          <div class=\"quiz9-icon-float\">\n            <i class=\"bi bi-lightning-charge-fill\"><\/i>\n          <\/div>\n        <\/div>\n        <h4 class=\"quiz9-feature-title\">\u5feb\u901f\u51c6\u786e<\/h4>\n        <p class=\"quiz9-feature-desc\">\n          105\u984c\u7cbe\u5fc3\u8a2d\u8a08\u984c\u76ee\uff0c10-15\u5206\u9418\u5373\u53ef\u5b8c\u6210\uff0c\u7372\u5f97\u7cbe\u6e96\u7684\u6c23\u8cea\u5206\u6790\n        <\/p>\n      <\/div>\n      \n      <div class=\"quiz9-feature-card quiz9-feature-card-3\">\n        <div class=\"quiz9-feature-icon\">\n          <div class=\"quiz9-icon-float\">\n            <i class=\"bi bi-graph-up\"><\/i>\n          <\/div>\n        <\/div>\n        <h4 class=\"quiz9-feature-title\">\u8be6\u7ec6\u5206\u6790<\/h4>\n        <p class=\"quiz9-feature-desc\">\n          \u591a\u7dad\u5ea6\u5206\u6790\u7d50\u679c\uff0c\u6e05\u6670\u77ad\u89e3\u81ea\u5df1\u7684\u6c23\u8cea\u7279\u5fb5\u8207\u767c\u5c55\u5efa\u8b70\n        <\/p>\n      <\/div>\n    <\/div>\n    \n    <!-- \u6c23\u8cea\u985e\u578b\u4ecb\u7d39 -->\n    <div class=\"quiz9-temperament-intro mb-5\">\n      <div class=\"quiz9-intro-card\">\n        <div class=\"quiz9-intro-header\">\n          <i class=\"bi bi-book-half\"><\/i>\n          <h3>\u4ec0\u9ebc\u662f\u6c23\u8cea\u985e\u578b\uff1f<\/h3>\n        <\/div>\n        <p class=\"quiz9-intro-text\">\n          \u6c23\u8cea\u662f\u4eba\u7684\u500b\u6027\u5fc3\u7406\u7279\u5fb5\u4e4b\u4e00\uff0c\u5b83\u662f\u6307\u5728\u4eba\u7684\u8a8d\u8b58\u3001\u60c5\u611f\u3001\u8a00\u8a9e\u3001\u884c\u52d5\u4e2d\uff0c\u5fc3\u7406\u6d3b\u52d5\u767c\u751f\u6642\u529b\u91cf\u7684\u5f37\u5f31\u3001\u8b8a\u5316\u7684\u5feb\u6162\u548c\u5747\u8861\u7a0b\u5ea6\u7b49\u7a69\u5b9a\u7684\u52d5\u529b\u7279\u5fb5\u3002\u53e4\u5e0c\u81d8\u5b78\u8005\u5c07\u4eba\u7684\u6c23\u8cea\u5206\u70ba4\u7a2e\u7d93\u5178\u985e\u578b\uff1a\n        <\/p>\n        \n        <div class=\"quiz9-types-grid\">\n          <div class=\"quiz9-type-mini\">\n            <div class=\"quiz9-type-icon\" style=\"background: linear-gradient(135deg, #ff6b6b, #ff5252);\">\n              <i class=\"bi bi-fire\"><\/i>\n            <\/div>\n            <h5>\u80c6\u6c41\u8d28<\/h5>\n            <span>\u8208\u596e\u578b<\/span>\n          <\/div>\n          \n          <div class=\"quiz9-type-mini\">\n            <div class=\"quiz9-type-icon\" style=\"background: linear-gradient(135deg, #ffd93d, #ffb73d);\">\n              <i class=\"bi bi-sun-fill\"><\/i>\n            <\/div>\n            <h5>\u591a\u8840\u8d28<\/h5>\n            <span>\u6d3b\u6f51\u578b<\/span>\n          <\/div>\n          \n          <div class=\"quiz9-type-mini\">\n            <div class=\"quiz9-type-icon\" style=\"background: linear-gradient(135deg, #6bcf7f, #52c77e);\">\n              <i class=\"bi bi-water\"><\/i>\n            <\/div>\n            <h5>\u9ecf\u6db2\u8d28<\/h5>\n            <span>\u5b89\u975c\u578b<\/span>\n          <\/div>\n          \n          <div class=\"quiz9-type-mini\">\n            <div class=\"quiz9-type-icon\" style=\"background: linear-gradient(135deg, #7b68ee, #6c5ce7);\">\n              <i class=\"bi bi-moon-stars-fill\"><\/i>\n            <\/div>\n            <h5>\u6291\u90c1\u8d28<\/h5>\n            <span>\u6291\u5236\u578b<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u6e2c\u8a66\u7dad\u5ea6\u5c55\u793a -->\n    <div class=\"quiz9-dimensions mb-5\">\n      <h3 class=\"quiz9-section-title text-center mb-4\">\n        <i class=\"bi bi-diagram-3-fill\"><\/i>\n        \u900f\u904e\u672c\u6e2c\u8a66\uff0c\u60a8\u5c07\u6df1\u5165\u77ad\u89e3\n      <\/h3>\n      \n      <div class=\"quiz9-dimension-cards\">\n        <div class=\"quiz9-dimension-card\">\n          <div class=\"quiz9-dimension-icon\">\n            <i class=\"bi bi-lightning-fill\"><\/i>\n          <\/div>\n          <div class=\"quiz9-dimension-content\">\n            <h5>\u5174\u594b\u5f3a\u5ea6<\/h5>\n            <p>\u60a8\u61c9\u5c0d\u523a\u6fc0\u7684\u80fd\u529b<\/p>\n            <div class=\"quiz9-dimension-bar\">\n              <div class=\"quiz9-bar-fill\" style=\"width: 85%;\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"quiz9-dimension-card\">\n          <div class=\"quiz9-dimension-icon\">\n            <i class=\"bi bi-shield-fill-check\"><\/i>\n          <\/div>\n          <div class=\"quiz9-dimension-content\">\n            <h5>\u6291\u5236\u5f3a\u5ea6<\/h5>\n            <p>\u60a8\u7684\u81ea\u6211\u63a7\u5236\u80fd\u529b<\/p>\n            <div class=\"quiz9-dimension-bar\">\n              <div class=\"quiz9-bar-fill\" style=\"width: 70%;\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"quiz9-dimension-card\">\n          <div class=\"quiz9-dimension-icon\">\n            <i class=\"bi bi-arrow-repeat\"><\/i>\n          <\/div>\n          <div class=\"quiz9-dimension-content\">\n            <h5>\u795e\u7ecf\u8fc7\u7a0b\u7075\u6d3b\u6027<\/h5>\n            <p>\u60a8\u9069\u61c9\u8b8a\u5316\u7684\u80fd\u529b<\/p>\n            <div class=\"quiz9-dimension-bar\">\n              <div class=\"quiz9-bar-fill\" style=\"width: 90%;\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u6eab\u99a8\u63d0\u9192 -->\n    <div class=\"quiz9-reminder mb-5\">\n      <div class=\"quiz9-reminder-icon\">\n        <i class=\"bi bi-info-circle-fill\"><\/i>\n      <\/div>\n      <div class=\"quiz9-reminder-content\">\n        <h5>\u6eab\u99a8\u63d0\u9192<\/h5>\n        <p>\u6c23\u8cea\u672c\u8eab\u7121\u597d\u58de\u4e4b\u5206\uff0c\u6bcf\u7a2e\u6c23\u8cea\u90fd\u6709\u5176\u7368\u7279\u512a\u52e2\u3002\u8acb\u8aa0\u5be6\u4f5c\u7b54\uff0c\u7121\u9700\u9867\u616e\uff0c\u8b93\u6211\u5011\u4e00\u8d77\u63a2\u7d22\u771f\u5be6\u7684\u60a8\u3002<\/p>\n      <\/div>\n    <\/div>\n    \n    <!-- CTA \u6309\u9215\u5340 -->\n    <div class=\"quiz9-cta-section text-center\">\n      <button type=\"button\" class=\"quiz9-cta-button\" data-action=\"start-quiz9\">\n        <span class=\"quiz9-btn-text\">\u958b\u59cb\u63a2\u7d22\u81ea\u6211<\/span>\n        <span class=\"quiz9-btn-icon\">\n          <i class=\"bi bi-arrow-right\"><\/i>\n        <\/span>\n      <\/button>\n      <p class=\"quiz9-cta-hint\">\n        <i class=\"bi bi-clock\"><\/i>\n        \u9810\u8a08\u7528\u6642 10-15 \u5206\u9418\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz9-container\" style=\"display: none;\">\n  <div class=\"quiz9-content\">\n    <header class=\"mb-4\">\n      <h2 class=\"h3 text-center mb-4\" data-section-title style=\"color: #2d4a3e;\"><\/h2>\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12\">\n          <div class=\"d-flex align-items-center mb-3\">\n            <span class=\"me-3\" style=\"color: #4a5d52; font-weight: 500;\">\n              \u95ee\u9898 <span data-current-q>1<\/span> \/ <span data-total-q>35<\/span>\n            <\/span>\n            <div class=\"progress flex-grow-1\" style=\"height: 12px; background-color: #e8f0ea;\">\n              <div class=\"progress-bar quiz9-progress-bar\" data-progress-fill role=\"progressbar\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/header>\n    \n    <main>\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12\">\n          <article class=\"card border-0 shadow-sm\">\n            <div class=\"card-body p-4\">\n              <h3 class=\"mb-4\" data-question-text style=\"font-size: 22px; font-weight: bold; color: #1a2e24; line-height: 1.5;\"><\/h3>\n              <div class=\"quiz9-options-container\" data-options-container>\n                <!-- \u9078\u9805\u5c07\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n              <\/div>\n              <div class=\"text-center mt-4\">\n                <button type=\"button\" class=\"btn quiz9-prev-btn\" data-action=\"previous9\" style=\"display: none;\">\n                  <i class=\"bi bi-arrow-left\" style=\"margin-right: 8px;\"><\/i>\u4e0a\u4e00\u9898\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/main>\n  <\/div>\n<\/section>\n\n<section id=\"quizresult9\" data-page=\"result9\" class=\"quiz9-container\" style=\"display: none;\">\n  <div class=\"quiz9-content\">\n    <header class=\"text-center mb-5\">\n      <h2 class=\"display-5 fw-bold mb-3\" style=\"color: #2d4a3e;\">\u60a8\u7684\u6c14\u8d28\u7c7b\u578b\u5206\u6790<\/h2>\n    <\/header>\n    \n    <div class=\"row justify-content-center mb-5\">\n      <div class=\"col-12\">\n        <div class=\"card border-0 shadow text-center p-4\" style=\"background: linear-gradient(135deg, #fafbfa 0%, #f0f2f0 100%);\">\n          <div class=\"card-body\">\n            <h3 class=\"h4 mb-3\" data-result-type style=\"color: #1a2e24;\"><\/h3>\n            <p class=\"lead\" data-result-description style=\"color: #3a4d42;\"><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"row justify-content-center mb-5\">\n      <div class=\"col-12\">\n        <div class=\"card border-0 shadow-sm\">\n          <div class=\"card-body p-4\">\n            <div style=\"height: 350px; position: relative;\">\n              <canvas data-result-chart><\/canvas>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"row justify-content-center mb-5\">\n      <div class=\"col-12\">\n        <h4 class=\"text-center mb-4\" style=\"color: #2d4a3e;\">\u7dad\u5ea6\u5206\u6578\u8a73\u89e3<\/h4>\n        \n        <!-- \u8208\u596e\u5f37\u5ea6 -->\n        <div class=\"card border-0 shadow-sm mb-3\">\n          <div class=\"card-body p-4\">\n            <div class=\"d-flex justify-content-between align-items-center mb-3\">\n              <div>\n                <h5 class=\"mb-1\" style=\"color: #2d4a3e;\">\n                  <i class=\"bi bi-lightning-fill\" style=\"margin-right: 8px; color: #6b9979;\"><\/i>\n                  \u5174\u594b\u5f3a\u5ea6\n                <\/h5>\n                <small style=\"color: #5a6c61;\">\u795e\u7d93\u7cfb\u7d71\u5c0d\u523a\u6fc0\u7684\u53cd\u61c9\u5f37\u5ea6<\/small>\n              <\/div>\n              <span class=\"badge fs-5\" data-excitation-score style=\"background-color: #6b9979;\">0%<\/span>\n            <\/div>\n            <div class=\"progress mb-3\" style=\"height: 14px; background-color: #e8f0ea;\">\n              <div class=\"progress-bar\" data-excitation-fill style=\"background: linear-gradient(90deg, #95c3a6 0%, #6b9979 100%);\"><\/div>\n            <\/div>\n            <p class=\"mb-0\" data-excitation-explain style=\"color: #3a4d42; font-size: 15px;\"><\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- \u6291\u5236\u5f37\u5ea6 -->\n        <div class=\"card border-0 shadow-sm mb-3\">\n          <div class=\"card-body p-4\">\n            <div class=\"d-flex justify-content-between align-items-center mb-3\">\n              <div>\n                <h5 class=\"mb-1\" style=\"color: #2d4a3e;\">\n                  <i class=\"bi bi-shield-check\" style=\"margin-right: 8px; color: #9680b8;\"><\/i>\n                  \u6291\u5236\u5f3a\u5ea6\n                <\/h5>\n                <small style=\"color: #5a6c61;\">\u81ea\u6211\u63a7\u5236\u8207\u60c5\u7dd2\u8abf\u7bc0\u80fd\u529b<\/small>\n              <\/div>\n              <span class=\"badge fs-5\" data-inhibition-score style=\"background-color: #9680b8;\">0%<\/span>\n            <\/div>\n            <div class=\"progress mb-3\" style=\"height: 14px; background-color: #f0ecf7;\">\n              <div class=\"progress-bar\" data-inhibition-fill style=\"background: linear-gradient(90deg, #b8a6d9 0%, #9680b8 100%);\"><\/div>\n            <\/div>\n            <p class=\"mb-0\" data-inhibition-explain style=\"color: #3a4d42; font-size: 15px;\"><\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- \u795e\u7d93\u9748\u6d3b\u6027 -->\n        <div class=\"card border-0 shadow-sm mb-3\">\n          <div class=\"card-body p-4\">\n            <div class=\"d-flex justify-content-between align-items-center mb-3\">\n              <div>\n                <h5 class=\"mb-1\" style=\"color: #2d4a3e;\">\n                  <i class=\"bi bi-arrow-repeat\" style=\"margin-right: 8px; color: #b89580;\"><\/i>\n                  \u795e\u7ecf\u7075\u6d3b\u6027\n                <\/h5>\n                <small style=\"color: #5a6c61;\">\u9069\u61c9\u8b8a\u5316\u8207\u601d\u7dad\u8f49\u63db\u80fd\u529b<\/small>\n              <\/div>\n              <span class=\"badge fs-5\" data-flexibility-score style=\"background-color: #b89580;\">0%<\/span>\n            <\/div>\n            <div class=\"progress mb-3\" style=\"height: 14px; background-color: #f5f0ec;\">\n              <div class=\"progress-bar\" data-flexibility-fill style=\"background: linear-gradient(90deg, #d4b5a0 0%, #b89580 100%);\"><\/div>\n            <\/div>\n            <p class=\"mb-0\" data-flexibility-explain style=\"color: #3a4d42; font-size: 15px;\"><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"row g-4 mb-5\" data-detailed-analysis>\n      <!-- \u52d5\u614b\u5167\u5bb9\u5c07\u7531 JavaScript \u586b\u5145 -->\n    <\/div>\n    \n    <div class=\"row justify-content-center mb-5\">\n      <div class=\"col-12\">\n        <div class=\"card border-0 shadow-sm\" style=\"background-color: #fafbfa;\">\n          <div class=\"card-body p-4\">\n            <h5 class=\"mb-3\" style=\"color: #2d4a3e;\">\n              <i class=\"bi bi-person-heart\" style=\"margin-right: 8px; color: #6b9979;\"><\/i>\n              \u500b\u6027\u5316\u5efa\u8b70\n            <\/h5>\n            <div data-personalized-advice style=\"color: #3a4d42;\">\n              <!-- \u500b\u6027\u5316\u5efa\u8b70\u5c07\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"text-center\">\n      <button type=\"button\" class=\"btn btn-lg px-5 py-3 shadow quiz9-restart-btn\" data-action=\"restart9\">\n        <i class=\"bi bi-arrow-clockwise\" style=\"margin-right: 8px;\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CSS \u6a23\u5f0f -->\n<style>\n\/* \u5bb9\u5668\u57fa\u790e\u6a23\u5f0f *\/\n.quiz9-container {\n  max-width: 750px;\n  margin: 0 auto;\n  padding: 20px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft JhengHei', '\u5fae\u8edf\u6b63\u9ed1\u9ad4', sans-serif;\n}\n\n\/* \u5f15\u5c0e\u9801\u65b0\u589e\u6a23\u5f0f *\/\n.quiz9-hero-section {\n  padding: 40px 0;\n  background: linear-gradient(135deg, rgba(107, 153, 121, 0.05) 0%, rgba(150, 128, 184, 0.05) 100%);\n  border-radius: 24px;\n  margin-bottom: 50px;\n}\n\n.quiz9-badge-container {\n  display: inline-block;\n}\n\n.quiz9-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: linear-gradient(135deg, #6b9979 0%, #7ba989 100%);\n  color: white;\n  font-size: 14px;\n  font-weight: 600;\n  border-radius: 50px;\n  box-shadow: 0 4px 12px rgba(107, 153, 121, 0.2);\n}\n\n.quiz9-hero-title {\n  font-size: 48px;\n  font-weight: 800;\n  color: #1a2e24;\n  line-height: 1.2;\n  margin-bottom: 20px;\n}\n\n.quiz9-gradient-text {\n  background: linear-gradient(135deg, #6b9979 0%, #9680b8 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.quiz9-hero-subtitle {\n  font-size: 20px;\n  color: #4a5d52;\n  font-weight: 400;\n  max-width: 600px;\n  margin: 0 auto 30px;\n  line-height: 1.6;\n}\n\n.quiz9-hero-stats {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 40px;\n  margin-top: 40px;\n}\n\n.quiz9-stat-item {\n  text-align: center;\n}\n\n.quiz9-stat-number {\n  font-size: 36px;\n  font-weight: 700;\n  color: #6b9979;\n  line-height: 1;\n  margin-bottom: 8px;\n}\n\n.quiz9-stat-label {\n  font-size: 14px;\n  color: #5a6c61;\n  font-weight: 500;\n}\n\n.quiz9-stat-divider {\n  width: 1px;\n  height: 40px;\n  background: linear-gradient(to bottom, transparent, #d4dbd6, transparent);\n}\n\n\/* \u7279\u8272\u5361\u7247\u7db2\u683c *\/\n.quiz9-features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 24px;\n  margin: 50px 0;\n}\n\n.quiz9-feature-card {\n  position: relative;\n  padding: 30px 20px;\n  background: white;\n  border-radius: 20px;\n  text-align: center;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n  border: 1px solid rgba(0, 0, 0, 0.04);\n}\n\n.quiz9-feature-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n}\n\n.quiz9-feature-icon {\n  position: relative;\n  margin-bottom: 20px;\n}\n\n.quiz9-icon-float {\n  width: 80px;\n  height: 80px;\n  margin: 0 auto;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 32px;\n  color: white;\n  position: relative;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n  animation: float 3s ease-in-out infinite;\n}\n\n.quiz9-feature-card-1 .quiz9-icon-float {\n  background: linear-gradient(135deg, #95c3a6 0%, #6b9979 100%);\n  animation-delay: 0s;\n}\n\n.quiz9-feature-card-2 .quiz9-icon-float {\n  background: linear-gradient(135deg, #b8a6d9 0%, #9680b8 100%);\n  animation-delay: 0.5s;\n}\n\n.quiz9-feature-card-3 .quiz9-icon-float {\n  background: linear-gradient(135deg, #d4b5a0 0%, #b89580 100%);\n  animation-delay: 1s;\n}\n\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n.quiz9-feature-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: #2d4a3e;\n  margin-bottom: 12px;\n}\n\n.quiz9-feature-desc {\n  font-size: 15px;\n  color: #5a6c61;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* \u6c23\u8cea\u985e\u578b\u4ecb\u7d39\u5361\u7247 *\/\n.quiz9-temperament-intro {\n  margin: 60px 0;\n}\n\n.quiz9-intro-card {\n  background: linear-gradient(135deg, #ffffff 0%, #f8faf9 100%);\n  border-radius: 24px;\n  padding: 40px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n  border: 1px solid rgba(107, 153, 121, 0.1);\n}\n\n.quiz9-intro-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.quiz9-intro-header i {\n  font-size: 28px;\n  color: #6b9979;\n}\n\n.quiz9-intro-header h3 {\n  font-size: 24px;\n  font-weight: 700;\n  color: #2d4a3e;\n  margin: 0;\n}\n\n.quiz9-intro-text {\n  font-size: 16px;\n  color: #4a5d52;\n  line-height: 1.8;\n  margin-bottom: 30px;\n}\n\n.quiz9-types-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));\n  gap: 20px;\n}\n\n.quiz9-type-mini {\n  text-align: center;\n  padding: 20px 10px;\n  background: white;\n  border-radius: 16px;\n  transition: all 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.quiz9-type-mini:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n}\n\n.quiz9-type-icon {\n  width: 60px;\n  height: 60px;\n  margin: 0 auto 12px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  color: white;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.quiz9-type-mini h5 {\n  font-size: 16px;\n  font-weight: 700;\n  color: #2d4a3e;\n  margin: 0 0 4px 0;\n}\n\n.quiz9-type-mini span {\n  font-size: 13px;\n  color: #7a8b80;\n  font-weight: 500;\n}\n\n\/* \u6e2c\u8a66\u7dad\u5ea6\u5c55\u793a *\/\n.quiz9-dimensions {\n  margin: 60px 0;\n}\n\n.quiz9-section-title {\n  font-size: 28px;\n  font-weight: 700;\n  color: #2d4a3e;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n}\n\n.quiz9-section-title i {\n  color: #6b9979;\n}\n\n.quiz9-dimension-cards {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.quiz9-dimension-card {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  padding: 24px;\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n  transition: all 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n}\n\n.quiz9-dimension-card:hover {\n  transform: translateX(8px);\n  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);\n}\n\n.quiz9-dimension-icon {\n  width: 60px;\n  height: 60px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.quiz9-dimension-card:nth-child(1) .quiz9-dimension-icon {\n  background: linear-gradient(135deg, rgba(107, 153, 121, 0.1) 0%, rgba(107, 153, 121, 0.2) 100%);\n  color: #6b9979;\n}\n\n.quiz9-dimension-card:nth-child(2) .quiz9-dimension-icon {\n  background: linear-gradient(135deg, rgba(150, 128, 184, 0.1) 0%, rgba(150, 128, 184, 0.2) 100%);\n  color: #9680b8;\n}\n\n.quiz9-dimension-card:nth-child(3) .quiz9-dimension-icon {\n  background: linear-gradient(135deg, rgba(184, 149, 128, 0.1) 0%, rgba(184, 149, 128, 0.2) 100%);\n  color: #b89580;\n}\n\n.quiz9-dimension-content {\n  flex: 1;\n}\n\n.quiz9-dimension-content h5 {\n  font-size: 18px;\n  font-weight: 700;\n  color: #2d4a3e;\n  margin: 0 0 4px 0;\n}\n\n.quiz9-dimension-content p {\n  font-size: 14px;\n  color: #5a6c61;\n  margin: 0 0 12px 0;\n}\n\n.quiz9-dimension-bar {\n  height: 8px;\n  background: #e8f0ea;\n  border-radius: 50px;\n  overflow: hidden;\n}\n\n.quiz9-bar-fill {\n  height: 100%;\n  border-radius: 50px;\n  animation: fillBar 1.5s ease-out;\n}\n\n.quiz9-dimension-card:nth-child(1) .quiz9-bar-fill {\n  background: linear-gradient(90deg, #95c3a6 0%, #6b9979 100%);\n}\n\n.quiz9-dimension-card:nth-child(2) .quiz9-bar-fill {\n  background: linear-gradient(90deg, #b8a6d9 0%, #9680b8 100%);\n}\n\n.quiz9-dimension-card:nth-child(3) .quiz9-bar-fill {\n  background: linear-gradient(90deg, #d4b5a0 0%, #b89580 100%);\n}\n\n@keyframes fillBar {\n  from { width: 0; }\n}\n\n\/* \u6eab\u99a8\u63d0\u9192 *\/\n.quiz9-reminder {\n  display: flex;\n  align-items: flex-start;\n  gap: 20px;\n  padding: 24px;\n  background: linear-gradient(135deg, rgba(107, 153, 121, 0.08) 0%, rgba(107, 153, 121, 0.04) 100%);\n  border-radius: 16px;\n  border: 1px solid rgba(107, 153, 121, 0.2);\n}\n\n.quiz9-reminder-icon {\n  width: 48px;\n  height: 48px;\n  background: white;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-shadow: 0 4px 12px rgba(107, 153, 121, 0.15);\n}\n\n.quiz9-reminder-icon i {\n  font-size: 24px;\n  color: #6b9979;\n}\n\n.quiz9-reminder-content h5 {\n  font-size: 18px;\n  font-weight: 700;\n  color: #2d4a3e;\n  margin: 0 0 8px 0;\n}\n\n.quiz9-reminder-content p {\n  font-size: 15px;\n  color: #4a5d52;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA \u6309\u9215\u5340 *\/\n.quiz9-cta-section {\n  margin-top: 50px;\n}\n\n.quiz9-cta-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 18px 40px;\n  background: linear-gradient(135deg, #6b9979 0%, #5a8066 100%);\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: 0 8px 24px rgba(107, 153, 121, 0.3);\n  position: relative;\n  overflow: hidden;\n}\n\n.quiz9-cta-button::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n  transition: left 0.5s;\n}\n\n.quiz9-cta-button:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 12px 36px rgba(107, 153, 121, 0.4);\n}\n\n.quiz9-cta-button:hover::before {\n  left: 100%;\n}\n\n.quiz9-btn-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 50%;\n  transition: transform 0.3s ease;\n}\n\n.quiz9-cta-button:hover .quiz9-btn-icon {\n  transform: translateX(4px);\n}\n\n.quiz9-cta-hint {\n  margin-top: 16px;\n  font-size: 14px;\n  color: #7a8b80;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.quiz9-cta-hint i {\n  font-size: 16px;\n}\n\n.quiz9-content {\n  width: 100%;\n}\n\n\/* \u5361\u7247\u61f8\u505c\u6548\u679c *\/\n.quiz9-hover-card {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.quiz9-hover-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08) !important;\n}\n\n\/* \u9078\u9805\u5361\u7247\u6a23\u5f0f *\/\n.quiz9-option-card {\n  display: flex;\n  align-items: center;\n  border: 2px solid #e5e9e6;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 12px;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background-color: #ffffff;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n  gap: 16px;\n}\n\n.quiz9-option-card:hover {\n  border-color: #95c3a6;\n  background-color: #fafffe;\n  transform: translateX(4px);\n  box-shadow: 0 4px 12px rgba(107, 153, 121, 0.15);\n}\n\n.quiz9-option-card.selected {\n  border-color: #6b9979;\n  background: linear-gradient(135deg, #f5faf7 0%, #e8f3ec 100%);\n  box-shadow: 0 4px 12px rgba(107, 153, 121, 0.2);\n}\n\n\/* \u9078\u9805\u6307\u793a\u5668 *\/\n.quiz9-option-indicator {\n  flex-shrink: 0;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  border: 2px solid #d4dbd6;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n\n.quiz9-option-card:hover .quiz9-option-indicator {\n  border-color: #95c3a6;\n  background-color: #f5faf7;\n}\n\n.quiz9-option-card.selected .quiz9-option-indicator {\n  border-color: #6b9979;\n  background-color: #6b9979;\n}\n\n.quiz9-option-indicator i {\n  color: #ffffff;\n  font-size: 16px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  line-height: 1;\n}\n\n.quiz9-option-card.selected .quiz9-option-indicator i {\n  opacity: 1;\n}\n\n\/* \u9078\u9805\u6587\u5b57 *\/\n.quiz9-option-text {\n  flex-grow: 1;\n  font-size: 18px;\n  color: #1a2e24;\n  font-weight: 500;\n  margin: 0;\n  line-height: 1.4;\n  display: block;\n}\n\n.quiz9-option-card:hover .quiz9-option-text {\n  color: #2d4a3e;\n}\n\n.quiz9-option-card.selected .quiz9-option-text {\n  color: #1a2e24;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.quiz9-start-btn,\n.quiz9-restart-btn {\n  background: linear-gradient(135deg, #6b9979 0%, #4a6b54 100%);\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\n.quiz9-start-btn:hover,\n.quiz9-restart-btn:hover {\n  background: linear-gradient(135deg, #7ba989 0%, #5a7b64 100%);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(107, 153, 121, 0.25);\n  color: white;\n}\n\n.quiz9-prev-btn {\n  background-color: #7a8b80;\n  border: none;\n  color: white;\n  padding: 10px 30px;\n  border-radius: 25px;\n  font-weight: 500;\n  transition: all 0.3s ease;\n}\n\n.quiz9-prev-btn:hover {\n  background-color: #6a7b70;\n  transform: translateY(-2px);\n  color: white;\n}\n\n\/* \u9032\u5ea6\u689d *\/\n.quiz9-progress-bar {\n  background: linear-gradient(90deg, #95c3a6 0%, #6b9979 100%);\n  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* \u52d5\u756b *\/\n@keyframes quiz9FadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.quiz9-fade-in {\n  animation: quiz9FadeIn 0.5s ease-out;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8abf\u6574 *\/\n@media (max-width: 768px) {\n  .quiz9-hero-title {\n    font-size: 36px;\n  }\n  \n  .quiz9-hero-subtitle {\n    font-size: 18px;\n  }\n  \n  .quiz9-hero-stats {\n    gap: 20px;\n  }\n  \n  .quiz9-stat-number {\n    font-size: 28px;\n  }\n  \n  .quiz9-types-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .quiz9-dimension-card {\n    padding: 20px;\n    gap: 16px;\n  }\n  \n  .quiz9-cta-button {\n    padding: 16px 32px;\n    font-size: 16px;\n  }\n}\n\n@media (max-width: 576px) {\n  .quiz9-container {\n    padding: 15px;\n  }\n  \n  .quiz9-hero-title {\n    font-size: 32px;\n  }\n  \n  .quiz9-hero-subtitle {\n    font-size: 16px;\n  }\n  \n  .quiz9-hero-stats {\n    flex-direction: column;\n    gap: 16px;\n  }\n  \n  .quiz9-stat-divider {\n    display: none;\n  }\n  \n  .quiz9-features-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .quiz9-intro-card {\n    padding: 24px;\n  }\n  \n  .quiz9-option-card {\n    padding: 14px;\n    gap: 14px;\n  }\n  \n  .quiz9-option-indicator {\n    width: 24px;\n    height: 24px;\n  }\n  \n  .quiz9-option-text {\n    font-size: 16px;\n  }\n  \n  #quizmain9 h3[data-question-text] {\n    font-size: 20px !important;\n  }\n  \n  .quiz9-start-btn,\n  .quiz9-restart-btn {\n    font-size: 16px;\n    padding: 12px 30px;\n  }\n}\n\n\/* \u78ba\u4fdd\u8207 WordPress \u517c\u5bb9 *\/\n.quiz9-container * {\n  box-sizing: border-box;\n}\n\n\/* \u9078\u9805\u5bb9\u5668\u7279\u5b9a\u6a23\u5f0f *\/\n.quiz9-options-container {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n\/* \u78ba\u4fdd\u9078\u9805\u5361\u7247\u5167\u5143\u7d20\u6b63\u78ba\u5c0d\u9f4a *\/\n.quiz9-option-card * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u9632\u6b62\u6a23\u5f0f\u885d\u7a81 *\/\n#quizintro9, #quizmain9, #quizresult9 {\n  line-height: 1.6;\n}\n\n#quizintro9 h2, #quizmain9 h2, #quizresult9 h2,\n#quizintro9 h3, #quizmain9 h3, #quizresult9 h3,\n#quizintro9 h4, #quizmain9 h4, #quizresult9 h4,\n#quizintro9 h5, #quizmain9 h5, #quizresult9 h5 {\n  margin-top: 0;\n  line-height: 1.3;\n}\n\n\/* \u4fee\u5fa9WordPress\u53ef\u80fd\u7684p\u6a19\u7c64\u6a23\u5f0f\u5e72\u64fe *\/\n.quiz9-option-card p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n\n<!-- JavaScript \u884c\u70ba -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n(function() {\n  'use strict';\n  \n  \/\/ \u6e2c\u9a57\u8cc7\u6599\n  const quizData = {\n    sections: [\n      {\n        name: \"\u7b2c\u4e00\u90e8\u5206\uff1a\u8208\u596e\u5f37\u5ea6\",\n        questions: [\n          \"\u77ed\u66ab\u4f11\u606f\u80fd\u89e3\u9664\u60a8\u7684\u5de5\u4f5c\u75b2\u52de\u55ce\uff1f\",\n          \"\u60a8\u80fd\u5728\u4e0d\u5229\u74b0\u5883\u4e2d\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u7576\u60a8\u57cb\u982d\u5de5\u4f5c\u6642\uff0c\u662f\u5426\u80fd\u5fd8\u8a18\u75b2\u52de\u5462\uff1f\",\n          \"\u60a8\u559c\u6b61\u8166\u529b\u52de\u52d5\u55ce\uff1f\",\n          \"\u7d93\u904e\u5f37\u70c8\u60c5\u7dd2\u4e4b\u5f8c\uff0c\u60a8\u6703\u5f88\u5bb9\u6613\u5165\u7761\u55ce\uff1f\",\n          \"\u5728\u964c\u751f\u4eba\u9762\u524d\uff0c\u60a8\u80fd\u6309\u60a8\u7fd2\u6163\u7684\u65b9\u5f0f\u6d3b\u52d5\u55ce\uff1f\",\n          \"\u5728\u9762\u81e8\u56f0\u96e3\u7684\u6642\u5019\uff0c\u60a8\u80fd\u63a7\u5236\u60c5\u7dd2\u55ce\uff1f\",\n          \"\u60a8\u6e96\u5099\u5f9e\u4e8b\u4e00\u4e9b\u6709\u8cac\u4efb\u6027\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u80fd\u6230\u52dd\u632b\u6298\u55ce\uff1f\",\n          \"\u60a8\u80fd\u5fcd\u53d7\u75db\u82e6\u7684\u85e5\u7269\u6216\u624b\u8853\u6cbb\u7642\u55ce\uff1f\",\n          \"\u7576\u770b\u5230\u4e00\u8d77\u4ea4\u901a\u4e8b\u6545\u6642\uff0c\u60a8\u80fd\u4fdd\u6301\u5e73\u975c\u55ce\uff1f\",\n          \"\u767c\u751f\u4e8b\u6545\u6642\uff0c\u60a8\u671f\u671b\u81ea\u5df1\u89e3\u6c7a\u554f\u984c\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u9700\u8981\u5f37\u70c8\u6d3b\u52d5\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u8a8d\u70ba\u81ea\u5df1\u662f\u500b\u5f88\u6709\u52c7\u6c23\u7684\u4eba\u55ce\uff1f\",\n          \"\u5728\u95dc\u9375\u6642\u523b\uff0c\u60a8\u7684\u8072\u97f3\u6703\u964d\u4f4e\u55ce\uff1f\",\n          \"\u60a8\u80fd\u514b\u670d\u5931\u6557\u9020\u6210\u7684\u6cae\u55aa\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u516c\u958b\u6f14\u8aaa\u55ce\uff1f\",\n          \"\u5728\u8a31\u591a\u4eba\u6216\u964c\u751f\u4eba\u9762\u524d\uff0c\u60a8\u611f\u5230\u5f88\u8212\u670d\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u9700\u8981\u8ca0\u8cac\u4efb\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u80fd\u6291\u5236\u4f4f\u77ac\u606f\u9593\u7522\u751f\u7684\u6cae\u55aa\u5fc3\u60c5\u55ce\uff1f\",\n          \"\u7d93\u904e\u4e00\u5929\u7684\u5de5\u4f5c\uff0c\u60a8\u9084\u80fd\u5728\u591c\u88e1\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u7531\u65bc\u4e00\u4e9b\u56f0\u96e3\uff0c\u60a8\u6703\u7d93\u5e38\u653e\u68c4\u8a08\u756b\u55ce\uff1f\",\n          \"\u566a\u97f3\u6703\u5e72\u64fe\u60a8\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u597d\u597d\u7761\u4e00\u89ba\u6703\u6d88\u9664\u60a8\u4e00\u5929\u7dca\u5f35\u6d3b\u52d5\u9020\u6210\u7684\u75b2\u52de\u55ce\uff1f\",\n          \"\u901a\u5e38\u60a8\u80fd\u7368\u7acb\u89e3\u6c7a\u81ea\u5df1\u7684\u554f\u984c\u55ce\uff1f\",\n          \"\u60a8\u5de5\u4f5c\uff08\u6216\u5b78\u7fd2\uff09\u52aa\u529b\u55ce\uff1f\",\n          \"\u60a8\u6703\u8fc5\u901f\u514b\u670d\u56f0\u96e3\u55ce\uff1f\",\n          \"\u5047\u5982\u6703\u6e38\u6cf3\uff0c\u60a8\u6703\u8df3\u5165\u6c34\u4e2d\u6436\u6551\u4e00\u500b\u8981\u6eba\u6b7b\u7684\u4eba\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u9ad8\u5f37\u5ea6\u7684\u8077\u696d\u55ce\uff1f\",\n          \"\u60a8\u80fd\u9577\u6642\u9593\u5730\u96c6\u4e2d\u7cbe\u529b\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u7576\u770b\u5230\u4e00\u500b\u4e0d\u6109\u5feb\u7684\u60b2\u75db\u7684\u60c5\u666f\u6642\uff0c\u60a8\u80fd\u4ee5\u6b63\u5e38\u7684\u6548\u7387\u6d3b\u52d5\u55ce\uff1f\",\n          \"\u7576\u591c\u88e1\u7761\u7720\u4e0d\u597d\u6642\uff0c\u60a8\u80fd\u50cf\u5e73\u6642\u4e00\u6a23\u6b63\u5e38\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u80fd\u5920\u9577\u6642\u9593\u4e0d\u53d7\u5e72\u64fe\u5730\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u7259\u75db\u6216\u982d\u75db\u6703\u56b4\u91cd\u5730\u5e72\u64fe\u60a8\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u5728\u95dc\u9375\u6642\u523b\uff0c\u60a8\u6703\u5f88\u81ea\u4fe1\u55ce\uff1f\"\n        ]\n      },\n      {\n        name: \"\u7b2c\u4e8c\u90e8\u5206\uff1a\u6291\u5236\u5f37\u5ea6\",\n        questions: [\n          \"\u8a0e\u8ad6\u4e2d\uff0c\u60a8\u80fd\u6291\u5236\u7121\u7406\u7684\u60c5\u7dd2\u6027\u7684\u722d\u8ad6\u55ce\uff1f\",\n          \"\u7576\u8b93\u67d0\u4eba\u505a\u67d0\u4e8b\u6642\uff0c\u60a8\u80fd\u8010\u5fc3\u7b49\u5230\u4ed6\u5b8c\u6210\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u80fd\u5805\u6301\u4e00\u500b\u4fe1\u5ff5\u55ce\uff1f\",\n          \"\u5728\u63d0\u4f9b\u8aaa\u660e\u6642\uff0c\u60a8\u6709\u8010\u5fc3\u55ce\uff1f\",\n          \"\u5fc5\u8981\u7684\u6642\u5019\uff0c\u60a8\u80fd\u63a7\u5236\u8868\u73fe\u81ea\u5df1\u7684\u512a\u52e2\u55ce\uff1f\",\n          \"\u63a7\u5236\u6fc0\u52d5\u6216\u61a4\u6012\uff0c\u5c0d\u60a8\u4f86\u8aaa\u56f0\u96e3\u55ce\uff1f\",\n          \"\u60a8\u6703\u5f88\u5bb9\u6613\u9075\u5b88\u60a8\u751f\u6d3b\u4e2d\u7684\u898f\u5247\u55ce\uff1f\",\n          \"\u60a8\u80fd\u8abf\u6574\u81ea\u5df1\u7684\u6b65\u4f10\u901f\u5ea6\u6216\u5403\u98ef\u7fd2\u6027\u9069\u61c9\u6bd4\u60a8\u6162\u7684\u4eba\u55ce\uff1f\",\n          \"\u60a8\u5f88\u96e3\u5f9e\u5168\u795e\u8cab\u6ce8\u7684\u5de5\u4f5c\u4e2d\u89e3\u812b\u51fa\u4f86\u55ce\uff1f\",\n          \"\u7576\u8ac7\u8a71\u6253\u64fe\u4ed6\u4eba\u6642\uff0c\u60a8\u80fd\u505c\u6b62\u55ce\uff1f\",\n          \"\u60a8\u7684\u813e\u6c23\u66b4\u8e81\u55ce\uff1f\",\n          \"\u7576\u60a8\u8207\u540c\u4e8b\u5408\u4f5c\u6642\uff0c\u60a8\u80fd\u8f15\u9b06\u5730\u8ddf\u4e0a\u4ed6\u7684\u7bc0\u594f\u55ce\uff1f\",\n          \"\u5728\u6c7a\u5b9a\u4e00\u9805\u6d3b\u52d5\u4e4b\u524d\uff0c\u60a8\u6703\u601d\u8003\u518d\u4e09\u55ce\uff1f\",\n          \"\u7576\u722d\u8ad6\u6beb\u7121\u7d50\u679c\u6642\uff0c\u60a8\u80fd\u505c\u6b62\u8207\u4e00\u500b\u8aaa\u6cd5\u932f\u8aa4\u7684\u4eba\u7684\u722d\u8ad6\u55ce\uff1f\",\n          \"\u7576\u60c5\u6cc1\u9700\u8981\u6642\uff0c\u60a8\u80fd\u4fdd\u6301\u5e73\u975c\u55ce\uff1f\",\n          \"\u60a8\u80fd\u63a7\u5236\u6c92\u6709\u9810\u60f3\u5230\u7684\u53cd\u61c9\u885d\u52d5\u55ce\uff1f\",\n          \"\u7576\u9700\u8981\u4fdd\u5bc6\u6642\uff0c\u60a8\u80fd\u63a7\u5236\u5411\u4ed6\u4eba\u5831\u544a\u5be6\u60c5\u7684\u617e\u671b\u55ce\uff1f\",\n          \"\u7576\u60a8\u7b49\u5f85\u4e00\u500b\u8003\u8a66\u6216\u4e00\u7a2e\u4e0d\u6109\u5feb\u7684\u4e8b\u60c5\u6642\uff0c\u60a8\u80fd\u63a7\u5236\u81ea\u5df1\u55ce\uff1f\",\n          \"\u7576\u5176\u4ed6\u7d44\u7e54\u6210\u54e1\u4e0d\u63d0\u51fa\u81ea\u5df1\u7684\u5efa\u8b70\u6642\uff0c\u60a8\u80fd\u63d0\u51fa\u81ea\u5df1\u7684\u770b\u6cd5\u55ce\uff1f\",\n          \"\u7576\u9762\u81e8\u91cd\u8981\u6289\u64c7\u6642\uff0c\u60a8\u4ed4\u7d30\u9078\u64c7\u300c\u662f\u300d\u548c\u300c\u5426\u300d\u55ce\uff1f\",\n          \"\u7576\u6709\u6a5f\u6703\u89c0\u770b\u4ed6\u4eba\u65e5\u8a18\u6216\u79c1\u4e8b\u6642\uff0c\u60a8\u5f88\u96e3\u63a7\u5236\u9019\u7a2e\u597d\u5947\u5fc3\u55ce\uff1f\",\n          \"\u60a8\u5f88\u5bb9\u6613\u5728\u516c\u5171\u5834\u6240\u9075\u5b88\u898f\u5247\u55ce\uff1f\",\n          \"\u7576\u9032\u884c\u8ac7\u8a71\u3001\u516c\u958b\u767c\u8a00\u6216\u53e3\u8a9e\u6e2c\u9a57\u6642\uff0c\u60a8\u80fd\u6d88\u9664\u591a\u9918\u7684\u5c0f\u52d5\u4f5c\u55ce\uff1f\",\n          \"\u5728\u56f0\u96e3\u60c5\u6cc1\u4e0b\uff0c\u60a8\u80fd\u4fdd\u6301\u5e73\u975c\u55ce\uff1f\",\n          \"\u5fc5\u8981\u7684\u6642\u5019\uff0c\u60a8\u80fd\u975c\u975c\u5730\u5f88\u9577\u6642\u9593\u5730\u7ad9\u8457\u6216\u5750\u8457\u55ce\uff1f\",\n          \"\u60a8\u80fd\u5728\u7b49\u4eba\u6642\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u6709\u8010\u5fc3\u55ce\uff1f\",\n          \"\u5982\u679c\u4e00\u500b\u4eba\u7684\u5de5\u4f5c\u7bc0\u594f\u5f88\u6162\u6642\uff0c\u60a8\u4e5f\u80fd\u9069\u61c9\u4ed6\u55ce\uff1f\",\n          \"\u7576\u770b\u5230\u5fc3\u611b\u7684\u4eba\u906d\u53d7\u75db\u82e6\u6642\uff0c\u60a8\u80fd\u4fdd\u6301\u5e73\u975c\u55ce\uff1f\",\n          \"\u5230\u6642\u9593\u6642\uff0c\u60a8\u80fd\u7acb\u523b\u7d50\u675f\u4ea4\u8ac7\u55ce\uff1f\",\n          \"\u60a8\u80fd\u6291\u5236\u4e0d\u5408\u6642\u5b9c\u7684\u5fae\u7b11\u55ce\uff1f\",\n          \"\u60a8\u80fd\u975c\u975c\u5730\u6392\u9577\u968a\u55ce\uff1f\",\n          \"\u7576\u5c0d\u4f4f\u5bbf\u60c5\u6cc1\u7684\u62b1\u6028\u6beb\u7121\u610f\u7fa9\u6642\uff0c\u60a8\u80fd\u505c\u6b62\u62b1\u6028\u55ce\uff1f\",\n          \"\u5728\u6fc0\u70c8\u7684\u8a0e\u8ad6\u4e2d\uff0c\u60a8\u80fd\u5e73\u975c\u5730\u722d\u8ad6\u55ce\uff1f\",\n          \"\u7576\u9700\u8981\u6642\uff0c\u60a8\u80fd\u5e73\u975c\u5730\u6d3b\u52d5\u55ce\uff1f\"\n        ]\n      },\n      {\n        name: \"\u7b2c\u4e09\u90e8\u5206\uff1a\u795e\u7d93\u904e\u7a0b\u9748\u6d3b\u6027\",\n        questions: [\n          \"\u60a8\u5f88\u5bb9\u6613\u4ea4\u670b\u53cb\u55ce\uff1f\",\n          \"\u7121\u8ad6\u4e00\u5929\u4e2d\u4ec0\u9ebc\u6642\u5019\uff0c\u53ea\u8981\u4e00\u4e0a\u5e8a\uff0c\u60a8\u5c31\u80fd\u5f88\u5feb\u5165\u7761\u55ce\uff1f\",\n          \"\u60a8\u80fd\u5f88\u5bb9\u6613\u6062\u5fa9\u4e00\u9805\u505c\u6b62\u4e86\u5e7e\u661f\u671f\u6216\u5e7e\u500b\u6708\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u7576\u9032\u884c\u4e00\u9805\u55ae\u8abf\u5de5\u4f5c\u6642\uff0c\u60a8\u611f\u5230\u5f88\u53ad\u5026\u55ce\uff1f\",\n          \"\u60a8\u7684\u5fc3\u60c5\u5e38\u5e38\u53d7\u5230\u5468\u570d\u74b0\u5883\u7684\u5f71\u97ff\u55ce\uff1f\",\n          \"\u5728\u60a8\u751f\u6d3b\u4e2d\u51fa\u73fe\u672a\u9810\u898b\u7684\u4e8b\u4ef6\u6642\u6703\u6fc0\u6012\u55ce\uff1f\",\n          \"\u60a8\u6e96\u5099\u56de\u61c9\u6bcf\u4e00\u6b21\u722d\u8ad6\u55ce\uff1f\",\n          \"\u5728\u5047\u65e5\u88e1\uff0c\u60a8\u80fd\u5f88\u5feb\u5e73\u975c\u4e0b\u4f86\u55ce\uff1f\",\n          \"\u60a8\u6703\u5c0d\u610f\u5916\u7684\u523a\u6fc0\u8fc5\u901f\u505a\u51fa\u53cd\u61c9\u55ce\uff1f\",\n          \"\u60a8\u5f88\u5bb9\u6613\u53d7\u632b\u55ce\uff1f\",\n          \"\u8207\u964c\u751f\u4eba\u540c\u884c\u6642\uff0c\u60a8\u6703\u5f88\u5feb\u52a0\u5165\u8ac7\u8a71\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u5f9e\u4e8b\u624b\u5de5\u9748\u5de7\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u7576\u9047\u5230\u65b0\u722d\u8ad6\u6642\uff0c\u60a8\u80fd\u6539\u4e3b\u610f\u55ce\uff1f\",\n          \"\u60a8\u5bb9\u6613\u7fd2\u6163\u65b0\u7684\u5de5\u4f5c\u5b89\u6392\u55ce\uff1f\",\n          \"\u60a8\u95b1\u8b80\u5c0f\u8aaa\u7684\u901f\u5ea6\u5f88\u5feb\u55ce\uff1f\",\n          \"\u60a8\u80fd\u6beb\u7121\u56f0\u96e3\u5730\u8fc5\u901f\u9192\u4f86\u55ce\uff1f\",\n          \"\u60a8\u80fd\u8fc5\u901f\u9069\u61c9\u65b0\u74b0\u5883\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u7d93\u5e38\u6027\u8b8a\u5316\u548c\u8f49\u63db\u55ce\uff1f\",\n          \"\u60a8\u6703\u8ff4\u907f\u5728\u77ed\u6642\u9593\u5167\u9700\u8981\u4e0d\u540c\u64cd\u4f5c\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u5728\u5de5\u4f5c\u3001\u5b78\u7fd2\u6216\u8b1b\u6f14\u5927\u5ef3\u4e2d\u6709\u500b\u56fa\u5b9a\u7684\u5ea7\u4f4d\u55ce\uff1f\",\n          \"\u60a8\u5bb9\u6613\u8f49\u63db\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u7576\u9032\u884c\u5e38\u898f\u6027\u6d3b\u52d5\u6642\uff0c\u60a8\u6703\u611f\u5230\u53ad\u5026\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u6df7\u4e82\u548c\u55a7\u9b27\u7684\u74b0\u5883\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u9700\u8981\u8fc5\u901f\u6d3b\u52d5\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u5fc5\u8981\u6642\uff0c\u60a8\u80fd\u7acb\u523b\u9192\u4f86\u55ce\uff1f\",\n          \"\u60a8\u80fd\u8fc5\u901f\u700f\u89bd\u4e00\u5929\u7684\u5831\u7d19\u55ce\uff1f\",\n          \"\u6709\u6642\u5019\uff0c\u60a8\u8aaa\u8a71\u6703\u5feb\u5f97\u96e3\u4ee5\u7406\u89e3\u55ce\uff1f\",\n          \"\u60a8\u7d93\u5e38\u6539\u8b8a\u81ea\u5df1\u7684\u8077\u696d\u55ce\uff1f\",\n          \"\u60a8\u8aaa\u8a71\u5f88\u5feb\u55ce\uff1f\",\n          \"\u5728\u6709\u8aaa\u670d\u529b\u7684\u722d\u8ad6\u4e2d\uff0c\u60a8\u6703\u5bb9\u6613\u5730\u6539\u8b8a\u81ea\u5df1\u7684\u770b\u6cd5\u55ce\uff1f\",\n          \"\u5982\u679c\u53ef\u80fd\u7684\u8a71\uff0c\u60a8\u80fd\u8a08\u756b\u81ea\u5df1\u540c\u6642\u9032\u884c\u5e7e\u9805\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u4e00\u500b\u5e7d\u9ed8\u7684\u540c\u4f34\u6703\u4f7f\u60a8\u5f9e\u6291\u9b31\u4e2d\u89e3\u812b\u51fa\u4f86\u55ce\uff1f\",\n          \"\u60a8\u80fd\u540c\u6642\u9032\u884c\u5e7e\u9805\u6d3b\u52d5\u800c\u4e0d\u9700\u904e\u591a\u52aa\u529b\u55ce\uff1f\",\n          \"\u60a8\u559c\u6b61\u9700\u8981\u8f49\u63db\u64cd\u4f5c\u7684\u5de5\u4f5c\u55ce\uff1f\",\n          \"\u60a8\u5bb9\u6613\u9069\u61c9\u4ed6\u4eba\u7684\u5de5\u4f5c\u65b9\u5f0f\u55ce\uff1f\"\n        ]\n      }\n    ],\n    results: {\n      \"\u81bd\u6c41\u8cea\": {\n        desc: \"\u60a8\u5c6c\u65bc\u81bd\u6c41\u8cea\u985e\u578b\u3002\u9019\u985e\u578b\u7684\u4eba\u8208\u596e\u6027\u5f88\u9ad8\uff0c\u813e\u6c23\u8f03\u70ba\u76f4\u7387\uff0c\u7cbe\u529b\u65fa\u76db\uff0c\u80fd\u4ee5\u5f88\u9ad8\u7684\u71b1\u60c5\u6295\u5165\u4e8b\u696d\u3002\u60a8\u901a\u5e38\u884c\u52d5\u8fc5\u901f\uff0c\u6c7a\u7b56\u679c\u65b7\uff0c\u5bcc\u6709\u958b\u62d3\u7cbe\u795e\u3002\",\n        scores: [1, -1, -1],\n        analysis: {\n          strengths: [\"\u884c\u52d5\u529b\u5f37\", \"\u6c7a\u7b56\u679c\u65b7\", \"\u71b1\u60c5\u6d0b\u6ea2\", \"\u52c7\u65bc\u6311\u6230\", \"\u9818\u5c0e\u624d\u80fd\"],\n          weaknesses: [\"\u60c5\u7dd2\u8d77\u4f0f\u5927\", \"\u5bb9\u6613\u6025\u8e81\", \"\u8010\u5fc3\u4e0d\u8db3\"],\n          suitable: [\"\u9818\u5c0e\u8077\u4f4d\", \"\u5275\u696d\", \"\u696d\u52d9\u62d3\u5c55\", \"\u5371\u6a5f\u8655\u7406\", \"\u7af6\u6280\u904b\u52d5\"],\n          tips: [\"\u7df4\u7fd2\u6df1\u547c\u5438\u548c\u51a5\u60f3\", \"\u57f9\u990a\u8010\u5fc3\u548c\u6301\u4e45\u529b\", \"\u5b78\u6703\u50be\u807d\u4ed6\u4eba\u610f\u898b\", \"\u5236\u5b9a\u9577\u671f\u8a08\u756b\"]\n        }\n      },\n      \"\u591a\u8840\u8cea\": {\n        desc: \"\u60a8\u5c6c\u65bc\u591a\u8840\u8cea\u985e\u578b\u3002\u9019\u985e\u578b\u7684\u4eba\u71b1\u60c5\u3001\u6709\u80fd\u529b\uff0c\u9069\u61c9\u6027\u5f37\uff0c\u559c\u6b61\u4ea4\u969b\uff0c\u7cbe\u795e\u6109\u5feb\uff0c\u6a5f\u667a\u9748\u6d3b\u3002\u60a8\u5584\u65bc\u8207\u4eba\u6e9d\u901a\uff0c\u601d\u7dad\u654f\u6377\u3002\",\n        scores: [1, 1, 1],\n        analysis: {\n          strengths: [\"\u9069\u61c9\u6027\u5f37\", \"\u793e\u4ea4\u80fd\u529b\u4f73\", \"\u6a02\u89c0\u958b\u6717\", \"\u6a5f\u667a\u9748\u6d3b\", \"\u5275\u9020\u529b\u8c50\u5bcc\"],\n          weaknesses: [\"\u6ce8\u610f\u529b\u6613\u5206\u6563\", \"\u7f3a\u4e4f\u6301\u4e45\u529b\", \"\u8a08\u756b\u6027\u4e0d\u8db3\"],\n          suitable: [\"\u516c\u95dc\u884c\u92b7\", \"\u5ba2\u6236\u670d\u52d9\", \"\u6559\u80b2\u57f9\u8a13\", \"\u5a92\u9ad4\u50b3\u64ad\", \"\u5275\u610f\u7522\u696d\"],\n          tips: [\"\u57f9\u990a\u5c08\u6ce8\u529b\", \"\u5236\u5b9a\u8a73\u7d30\u8a08\u756b\", \"\u7df4\u7fd2\u6642\u9593\u7ba1\u7406\", \"\u6df1\u5316\u5c08\u696d\u6280\u80fd\"]\n        }\n      },\n      \"\u9ecf\u6db2\u8cea\": {\n        desc: \"\u60a8\u5c6c\u65bc\u9ecf\u6db2\u8cea\u985e\u578b\u3002\u9019\u985e\u578b\u7684\u4eba\u5e73\u975c\uff0c\u5584\u65bc\u514b\u5236\u5fcd\u8b93\uff0c\u751f\u6d3b\u6709\u898f\u5f8b\uff0c\u4e0d\u70ba\u7121\u95dc\u4e8b\u60c5\u5206\u5fc3\u3002\u60a8\u505a\u4e8b\u8a8d\u771f\u7d30\u7dfb\uff0c\u503c\u5f97\u4fe1\u8cf4\u3002\",\n        scores: [1, 1, -1],\n        analysis: {\n          strengths: [\"\u7a69\u91cd\u53ef\u9760\", \"\u8010\u529b\u6301\u4e45\", \"\u81ea\u6211\u514b\u5236\", \"\u5c08\u6ce8\u529b\u5f37\", \"\u7d30\u5fc3\u8b39\u614e\"],\n          weaknesses: [\"\u7f3a\u4e4f\u9748\u6d3b\u6027\", \"\u53cd\u61c9\u8f03\u6162\", \"\u4e0d\u5584\u8b8a\u901a\"],\n          suitable: [\"\u6280\u8853\u7814\u767c\", \"\u8ca1\u52d9\u6703\u8a08\", \"\u54c1\u8cea\u7ba1\u7406\", \"\u884c\u653f\u4e8b\u52d9\", \"\u5b78\u8853\u7814\u7a76\"],\n          tips: [\"\u57f9\u990a\u5275\u65b0\u601d\u7dad\", \"\u589e\u52a0\u793e\u4ea4\u6d3b\u52d5\", \"\u5617\u8a66\u65b0\u4e8b\u7269\", \"\u63d0\u9ad8\u6c7a\u7b56\u901f\u5ea6\"]\n        }\n      },\n      \"\u6291\u9b31\u8cea\": {\n        desc: \"\u60a8\u5c6c\u65bc\u6291\u9b31\u8cea\u985e\u578b\u3002\u9019\u985e\u578b\u7684\u4eba\u6c89\u975c\uff0c\u6df1\u601d\u719f\u616e\uff0c\u6613\u76f8\u8655\uff0c\u4eba\u7de3\u597d\uff0c\u8fa6\u4e8b\u7a69\u59a5\u53ef\u9760\u3002\u60a8\u89c0\u5bdf\u529b\u654f\u92b3\uff0c\u5bcc\u6709\u540c\u7406\u5fc3\u3002\",\n        scores: [-1, -1, -1],\n        analysis: {\n          strengths: [\"\u6df1\u601d\u719f\u616e\", \"\u7d30\u5fc3\u8b39\u614e\", \"\u60c5\u611f\u8c50\u5bcc\", \"\u85dd\u8853\u5929\u8ce6\", \"\u89c0\u5bdf\u654f\u92b3\"],\n          weaknesses: [\"\u5bb9\u6613\u53d7\u632b\", \"\u4fe1\u5fc3\u4e0d\u8db3\", \"\u6c7a\u7b56\u7de9\u6162\"],\n          suitable: [\"\u85dd\u8853\u5275\u4f5c\", \"\u5fc3\u7406\u8f14\u5c0e\", \"\u7cbe\u5bc6\u5de5\u4f5c\", \"\u7814\u7a76\u5206\u6790\", \"\u6587\u5b78\u5275\u4f5c\"],\n          tips: [\"\u5efa\u7acb\u81ea\u4fe1\u5fc3\", \"\u7df4\u7fd2\u7a4d\u6975\u601d\u7dad\", \"\u8a2d\u5b9a\u5c0f\u76ee\u6a19\", \"\u5c0b\u6c42\u793e\u6703\u652f\u6301\"]\n        }\n      },\n      \"\u6df7\u5408\u578b\": {\n        desc: \"\u60a8\u5c6c\u65bc\u6df7\u5408\u578b\u6c23\u8cea\u3002\u60a8\u7684\u6c23\u8cea\u7279\u5fb5\u7d50\u5408\u4e86\u591a\u7a2e\u985e\u578b\u7684\u7279\u9ede\uff0c\u80fd\u5920\u5728\u4e0d\u540c\u60c5\u5883\u4e0b\u9748\u6d3b\u8abf\u6574\uff0c\u5c55\u73fe\u51fa\u9069\u61c9\u6027\u7684\u884c\u70ba\u6a21\u5f0f\u3002\",\n        analysis: {\n          strengths: [\"\u9069\u61c9\u6027\u5f37\", \"\u5e73\u8861\u5354\u8abf\", \"\u7d9c\u5408\u512a\u52e2\", \"\u767c\u5c55\u6f5b\u529b\u5927\", \"\u9748\u6d3b\u8b8a\u901a\"],\n          weaknesses: [\"\u7279\u5fb5\u4e0d\u660e\u986f\", \"\u9700\u8981\u66f4\u591a\u81ea\u6211\u63a2\u7d22\"],\n          suitable: [\"\u7d9c\u5408\u7ba1\u7406\", \"\u9805\u76ee\u5354\u8abf\", \"\u8de8\u9818\u57df\u5de5\u4f5c\", \"\u9867\u554f\u8aee\u8a62\", \"\u5718\u968a\u5408\u4f5c\"],\n          tips: [\"\u6df1\u5165\u77ad\u89e3\u81ea\u5df1\", \"\u767c\u5c55\u6838\u5fc3\u512a\u52e2\", \"\u4fdd\u6301\u958b\u653e\u5fc3\u614b\", \"\u6301\u7e8c\u5b78\u7fd2\u6210\u9577\"]\n        }\n      }\n    }\n  };\n  \n  \/\/ \u72c0\u614b\u7ba1\u7406\u985e\n  class QuizState {\n    constructor() {\n      this.currentSection = 0;\n      this.currentQuestion = 0;\n      this.answers = [[], [], []];\n      this.history = [];\n      this.chartInstance = null;\n      this.isTransitioning = false;\n      \n      \/\/ \u5feb\u53d6 DOM \u5143\u7d20\n      this.elements = this.cacheElements();\n    }\n    \n    cacheElements() {\n      return {\n        \/\/ \u9801\u9762\n        introPage: document.getElementById('quizintro9'),\n        quizPage: document.getElementById('quizmain9'),\n        resultPage: document.getElementById('quizresult9'),\n        \n        \/\/ \u6309\u9215\n        startBtn: document.querySelector('[data-action=\"start-quiz9\"]'),\n        restartBtn: document.querySelector('[data-action=\"restart9\"]'),\n        previousBtn: document.querySelector('[data-action=\"previous9\"]'),\n        \n        \/\/ \u6e2c\u9a57\u5143\u7d20\n        sectionTitle: document.querySelector('[data-section-title]'),\n        currentQ: document.querySelector('[data-current-q]'),\n        totalQ: document.querySelector('[data-total-q]'),\n        questionText: document.querySelector('[data-question-text]'),\n        optionsContainer: document.querySelector('[data-options-container]'),\n        progressFill: document.querySelector('[data-progress-fill]'),\n        \n        \/\/ \u7d50\u679c\u5143\u7d20\n        resultType: document.querySelector('[data-result-type]'),\n        resultDescription: document.querySelector('[data-result-description]'),\n        chartCanvas: document.querySelector('[data-result-chart]'),\n        excitationScore: document.querySelector('[data-excitation-score]'),\n        inhibitionScore: document.querySelector('[data-inhibition-score]'),\n        flexibilityScore: document.querySelector('[data-flexibility-score]'),\n        excitationFill: document.querySelector('[data-excitation-fill]'),\n        inhibitionFill: document.querySelector('[data-inhibition-fill]'),\n        flexibilityFill: document.querySelector('[data-flexibility-fill]'),\n        excitationExplain: document.querySelector('[data-excitation-explain]'),\n        inhibitionExplain: document.querySelector('[data-inhibition-explain]'),\n        flexibilityExplain: document.querySelector('[data-flexibility-explain]'),\n        detailedAnalysis: document.querySelector('[data-detailed-analysis]'),\n        personalizedAdvice: document.querySelector('[data-personalized-advice]')\n      };\n    }\n    \n    reset() {\n      this.currentSection = 0;\n      this.currentQuestion = 0;\n      this.answers = [[], [], []];\n      this.history = [];\n      this.isTransitioning = false;\n      \n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n        this.chartInstance = null;\n      }\n    }\n  }\n  \n  \/\/ \u6e2c\u9a57\u63a7\u5236\u5668\u985e\n  class QuizController {\n    constructor(state, data) {\n      this.state = state;\n      this.data = data;\n      this.init();\n    }\n    \n    init() {\n      this.bindEvents();\n    }\n    \n    bindEvents() {\n      const { elements } = this.state;\n      \n      elements.startBtn?.addEventListener('click', () => this.startQuiz());\n      elements.restartBtn?.addEventListener('click', () => this.restartQuiz());\n      elements.previousBtn?.addEventListener('click', () => this.previousQuestion());\n      \n      \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u8a17\u8655\u7406\u9078\u9805\u9ede\u64ca\n      elements.optionsContainer?.addEventListener('click', (e) => {\n        const option = e.target.closest('.quiz9-option-card');\n        if (option && !this.state.isTransitioning) {\n          this.handleOptionClick(option);\n        }\n      });\n    }\n    \n    startQuiz() {\n      this.showPage('quiz');\n      this.loadQuestion();\n      this.scrollToElement(this.state.elements.sectionTitle);\n    }\n    \n    restartQuiz() {\n      this.state.reset();\n      this.showPage('intro');\n      this.scrollToElement(this.state.elements.introPage);\n    }\n    \n    loadQuestion() {\n      const { currentSection, currentQuestion, elements } = this.state;\n      const section = this.data.sections[currentSection];\n      const question = section.questions[currentQuestion];\n      \n      elements.sectionTitle.textContent = section.name;\n      elements.questionText.textContent = question;\n      elements.currentQ.textContent = currentQuestion + 1;\n      elements.totalQ.textContent = section.questions.length;\n      \n      this.updateProgress();\n      this.updatePreviousButton();\n      this.renderOptions();\n    }\n    \n    updateProgress() {\n      const { currentSection, currentQuestion, elements } = this.state;\n      const section = this.data.sections[currentSection];\n      const progress = ((currentQuestion + 1) \/ section.questions.length) * 100;\n      elements.progressFill.style.width = `${progress}%`;\n    }\n    \n    updatePreviousButton() {\n      const { history, elements } = this.state;\n      elements.previousBtn.style.display = history.length > 0 ? 'inline-block' : 'none';\n    }\n    \n    renderOptions() {\n      const { currentSection, currentQuestion, answers, elements } = this.state;\n      const savedAnswer = answers[currentSection][currentQuestion];\n      \n      const options = [\n        { value: 1, text: '\u662f', icon: 'bi-check-lg' },\n        { value: 0, text: '\u4e0d\u78ba\u5b9a\u6216\u4e0d\u77e5\u9053', icon: 'bi-question-lg' },\n        { value: -1, text: '\u5426', icon: 'bi-x-lg' }\n      ];\n      \n      elements.optionsContainer.innerHTML = options.map(option => `\n        <div class=\"quiz9-option-card ${savedAnswer === option.value ? 'selected' : ''}\" data-option=\"${option.value}\">\n          <div class=\"quiz9-option-indicator\">\n            <i class=\"bi bi-check-lg\" style=\"color: white; font-size: 16px;\"><\/i>\n          <\/div>\n          <span class=\"quiz9-option-text\">\n            ${option.text}\n          <\/span>\n        <\/div>\n      `).join('');\n    }\n    \n    handleOptionClick(option) {\n      const { currentSection, currentQuestion, answers, history } = this.state;\n      \n      this.state.isTransitioning = true;\n      \n      \/\/ \u66f4\u65b0\u9078\u4e2d\u72c0\u614b\n      const options = this.state.elements.optionsContainer.querySelectorAll('.quiz9-option-card');\n      options.forEach(opt => opt.classList.remove('selected'));\n      option.classList.add('selected');\n      \n      \/\/ \u4fdd\u5b58\u7b54\u6848\n      const value = parseInt(option.dataset.option);\n      if (answers[currentSection][currentQuestion] === undefined) {\n        history.push({ section: currentSection, question: currentQuestion });\n      }\n      answers[currentSection][currentQuestion] = value;\n      \n      \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n      setTimeout(() => {\n        this.nextQuestion();\n        this.state.isTransitioning = false;\n      }, 300);\n    }\n    \n    nextQuestion() {\n      let { currentSection, currentQuestion } = this.state;\n      \n      currentQuestion++;\n      \n      if (currentQuestion >= this.data.sections[currentSection].questions.length) {\n        currentSection++;\n        currentQuestion = 0;\n        \n        if (currentSection >= this.data.sections.length) {\n          this.showResults();\n          return;\n        }\n      }\n      \n      this.state.currentSection = currentSection;\n      this.state.currentQuestion = currentQuestion;\n      \n      this.loadQuestion();\n    }\n    \n    previousQuestion() {\n      const { history } = this.state;\n      \n      if (history.length === 0) return;\n      \n      const lastState = history.pop();\n      this.state.currentSection = lastState.section;\n      this.state.currentQuestion = lastState.question;\n      \n      this.loadQuestion();\n    }\n    \n    showResults() {\n      this.calculateResults();\n      this.showPage('result');\n      this.scrollToElement(this.state.elements.resultPage);\n    }\n    \n    calculateResults() {\n      const { answers } = this.state;\n      const scores = [0, 0, 0];\n      \n      \/\/ \u8a08\u7b97\u539f\u59cb\u5206\u6578\n      for (let i = 0; i < 3; i++) {\n        scores[i] = answers[i].reduce((sum, val) => sum + (val || 0), 0);\n      }\n      \n      \/\/ \u6a19\u6e96\u5316\u5206\u6578\n      const maxPossible = this.data.sections[0].questions.length;\n      const normalizedScores = scores.map(score => \n        Math.round(((score + maxPossible) \/ (2 * maxPossible)) * 100)\n      );\n      \n      \/\/ \u78ba\u5b9a\u6c23\u8cea\u985e\u578b\n      const signScores = scores.map(score => Math.sign(score));\n      let resultType = \"\u6df7\u5408\u578b\";\n      \n      for (const [type, data] of Object.entries(this.data.results)) {\n        if (type !== \"\u6df7\u5408\u578b\" && \n            JSON.stringify(data.scores) === JSON.stringify(signScores)) {\n          resultType = type;\n          break;\n        }\n      }\n      \n      this.displayResults(resultType, normalizedScores, scores);\n    }\n    \n    getScoreExplanation(dimension, score) {\n      const explanations = {\n        excitation: {\n          high: `\u60a8\u7684\u8208\u596e\u5f37\u5ea6\u9054\u5230 ${score}%\uff0c\u986f\u793a\u60a8\u64c1\u6709\u5f37\u5927\u7684\u795e\u7d93\u7cfb\u7d71\u627f\u53d7\u80fd\u529b\u3002\u60a8\u80fd\u5920\u5728\u9ad8\u58d3\u74b0\u5883\u4e0b\u4fdd\u6301\u826f\u597d\u8868\u73fe\uff0c\u5c0d\u6311\u6230\u5145\u6eff\u71b1\u60c5\uff0c\u4e26\u4e14\u7cbe\u529b\u5145\u6c9b\u3002\u9019\u7a2e\u7279\u8cea\u4f7f\u60a8\u9069\u5408\u627f\u64d4\u91cd\u8981\u8cac\u4efb\u548c\u9818\u5c0e\u89d2\u8272\u3002`,\n          medium: `\u60a8\u7684\u8208\u596e\u5f37\u5ea6\u70ba ${score}%\uff0c\u8868\u793a\u60a8\u7684\u795e\u7d93\u7cfb\u7d71\u53cd\u61c9\u9069\u4e2d\u3002\u60a8\u80fd\u5920\u61c9\u5c0d\u65e5\u5e38\u58d3\u529b\uff0c\u5728\u9700\u8981\u6642\u53ef\u4ee5\u63d0\u5347\u8868\u73fe\uff0c\u4f46\u4e5f\u61c2\u5f97\u9069\u6642\u4f11\u606f\u3002\u9019\u7a2e\u5e73\u8861\u6709\u52a9\u65bc\u9577\u671f\u7a69\u5b9a\u767c\u5c55\u3002`,\n          low: `\u60a8\u7684\u8208\u596e\u5f37\u5ea6\u70ba ${score}%\uff0c\u986f\u793a\u60a8\u504f\u597d\u7a69\u5b9a\u548c\u5e73\u975c\u7684\u74b0\u5883\u3002\u60a8\u53ef\u80fd\u9700\u8981\u66f4\u591a\u6642\u9593\u4f86\u9069\u61c9\u8b8a\u5316\u548c\u58d3\u529b\uff0c\u4f46\u9019\u4e5f\u610f\u5473\u8457\u60a8\u66f4\u52a0\u8b39\u614e\u548c\u6df1\u601d\u719f\u616e\u3002`\n        },\n        inhibition: {\n          high: `\u60a8\u7684\u6291\u5236\u5f37\u5ea6\u9054\u5230 ${score}%\uff0c\u5c55\u73fe\u51fa\u5353\u8d8a\u7684\u81ea\u6211\u63a7\u5236\u80fd\u529b\u3002\u60a8\u80fd\u5920\u6709\u6548\u7ba1\u7406\u60c5\u7dd2\uff0c\u4fdd\u6301\u51b7\u975c\u7406\u6027\uff0c\u5728\u9700\u8981\u8010\u5fc3\u548c\u5805\u6301\u7684\u4efb\u52d9\u4e2d\u8868\u73fe\u51fa\u8272\u3002\u9019\u662f\u6210\u719f\u4eba\u683c\u7684\u91cd\u8981\u6a19\u8a8c\u3002`,\n          medium: `\u60a8\u7684\u6291\u5236\u5f37\u5ea6\u70ba ${score}%\uff0c\u8868\u793a\u60a8\u5728\u81ea\u6211\u63a7\u5236\u65b9\u9762\u8868\u73fe\u826f\u597d\u3002\u60a8\u901a\u5e38\u80fd\u5920\u7ba1\u7406\u60c5\u7dd2\u53cd\u61c9\uff0c\u4f46\u5076\u723e\u4e5f\u6703\u8868\u9054\u771f\u5be6\u611f\u53d7\u3002\u9019\u7a2e\u5e73\u8861\u6709\u52a9\u65bc\u7dad\u6301\u771f\u8aa0\u7684\u4eba\u969b\u95dc\u4fc2\u3002`,\n          low: `\u60a8\u7684\u6291\u5236\u5f37\u5ea6\u70ba ${score}%\uff0c\u986f\u793a\u60a8\u50be\u5411\u65bc\u76f4\u63a5\u8868\u9054\u60c5\u611f\u3002\u96d6\u7136\u6709\u6642\u53ef\u80fd\u986f\u5f97\u885d\u52d5\uff0c\u4f46\u60a8\u7684\u771f\u8aa0\u548c\u76f4\u7387\u4e5f\u662f\u5bf6\u8cb4\u7684\u54c1\u8cea\uff0c\u80fd\u5920\u5feb\u901f\u5efa\u7acb\u4fe1\u4efb\u95dc\u4fc2\u3002`\n        },\n        flexibility: {\n          high: `\u60a8\u7684\u795e\u7d93\u9748\u6d3b\u6027\u9054\u5230 ${score}%\uff0c\u986f\u793a\u51fa\u6975\u5f37\u7684\u9069\u61c9\u80fd\u529b\u3002\u60a8\u80fd\u5920\u5feb\u901f\u8abf\u6574\u601d\u7dad\u548c\u884c\u70ba\u6a21\u5f0f\uff0c\u8f15\u9b06\u61c9\u5c0d\u8b8a\u5316\uff0c\u5728\u591a\u4efb\u52d9\u8655\u7406\u548c\u5275\u65b0\u601d\u7dad\u65b9\u9762\u8868\u73fe\u512a\u7570\u3002`,\n          medium: `\u60a8\u7684\u795e\u7d93\u9748\u6d3b\u6027\u70ba ${score}%\uff0c\u8868\u793a\u60a8\u5728\u7a69\u5b9a\u6027\u548c\u9748\u6d3b\u6027\u4e4b\u9593\u53d6\u5f97\u826f\u597d\u5e73\u8861\u3002\u60a8\u65e2\u80fd\u9069\u61c9\u65b0\u74b0\u5883\uff0c\u53c8\u80fd\u4fdd\u6301\u4e00\u5b9a\u7684\u7a69\u5b9a\u6027\uff0c\u9019\u6709\u52a9\u65bc\u5728\u8b8a\u5316\u4e2d\u4fdd\u6301\u65b9\u5411\u611f\u3002`,\n          low: `\u60a8\u7684\u795e\u7d93\u9748\u6d3b\u6027\u70ba ${score}%\uff0c\u986f\u793a\u60a8\u504f\u597d\u7a69\u5b9a\u548c\u898f\u5f8b\u3002\u96d6\u7136\u9069\u61c9\u8b8a\u5316\u53ef\u80fd\u9700\u8981\u66f4\u591a\u6642\u9593\uff0c\u4f46\u60a8\u7684\u5c08\u6ce8\u529b\u548c\u6301\u7e8c\u6027\u662f\u5b8c\u6210\u9577\u671f\u9805\u76ee\u7684\u91cd\u8981\u512a\u52e2\u3002`\n        }\n      };\n      \n      let level = score >= 75 ? 'high' : score >= 40 ? 'medium' : 'low';\n      return explanations[dimension][level];\n    }\n    \n    displayResults(type, scores, rawScores) {\n      const { elements } = this.state;\n      const result = this.data.results[type];\n      \n      \/\/ \u986f\u793a\u57fa\u672c\u8cc7\u8a0a\n      elements.resultType.textContent = `\u6c23\u8cea\u985e\u578b\uff1a${type}`;\n      elements.resultDescription.textContent = result.desc;\n      \n      \/\/ \u986f\u793a\u5206\u6578\n      elements.excitationScore.textContent = `${scores[0]}%`;\n      elements.inhibitionScore.textContent = `${scores[1]}%`;\n      elements.flexibilityScore.textContent = `${scores[2]}%`;\n      \n      \/\/ \u986f\u793a\u8a73\u7d30\u89e3\u91cb\n      elements.excitationExplain.textContent = this.getScoreExplanation('excitation', scores[0]);\n      elements.inhibitionExplain.textContent = this.getScoreExplanation('inhibition', scores[1]);\n      elements.flexibilityExplain.textContent = this.getScoreExplanation('flexibility', scores[2]);\n      \n      \/\/ \u52d5\u756b\u9032\u5ea6\u689d\n      setTimeout(() => {\n        elements.excitationFill.style.width = `${scores[0]}%`;\n        elements.inhibitionFill.style.width = `${scores[1]}%`;\n        elements.flexibilityFill.style.width = `${scores[2]}%`;\n      }, 100);\n      \n      \/\/ \u7e6a\u88fd\u5716\u8868\n      this.drawChart(scores);\n      \n      \/\/ \u986f\u793a\u8a73\u7d30\u5206\u6790\n      this.displayDetailedAnalysis(type, result.analysis);\n      \n      \/\/ \u751f\u6210\u500b\u6027\u5316\u5efa\u8b70\n      this.generatePersonalizedAdvice(type, scores, rawScores);\n    }\n    \n    generatePersonalizedAdvice(type, scores, rawScores) {\n      const { elements } = this.state;\n      \n      \/\/ \u5206\u6790\u7b54\u6848\u6a21\u5f0f\n      const positiveCount = this.state.answers.flat().filter(a => a === 1).length;\n      const negativeCount = this.state.answers.flat().filter(a => a === -1).length;\n      const uncertainCount = this.state.answers.flat().filter(a => a === 0).length;\n      \n      let adviceHTML = `\n        <div class=\"mb-4\">\n          <h6 class=\"mb-3\" style=\"color: #2d4a3e;\">\n            <i class=\"bi bi-bar-chart-line-fill\" style=\"margin-right: 8px; color: #6b9979;\"><\/i>\n            \u57fa\u65bc\u60a8\u7684\u56de\u7b54\u5206\u6790\n          <\/h6>\n          <div class=\"row g-3 mb-3\">\n            <div class=\"col-4\">\n              <div class=\"text-center p-3\" style=\"background-color: #f5faf7; border-radius: 8px;\">\n                <div class=\"fs-4 fw-bold\" style=\"color: #6b9979;\">${positiveCount}<\/div>\n                <small style=\"color: #5a6c61;\">\u80af\u5b9a\u56de\u7b54<\/small>\n              <\/div>\n            <\/div>\n            <div class=\"col-4\">\n              <div class=\"text-center p-3\" style=\"background-color: #f5f0ec; border-radius: 8px;\">\n                <div class=\"fs-4 fw-bold\" style=\"color: #b89580;\">${uncertainCount}<\/div>\n                <small style=\"color: #5a6c61;\">\u4e0d\u78ba\u5b9a<\/small>\n              <\/div>\n            <\/div>\n            <div class=\"col-4\">\n              <div class=\"text-center p-3\" style=\"background-color: #f0ecf7; border-radius: 8px;\">\n                <div class=\"fs-4 fw-bold\" style=\"color: #9680b8;\">${negativeCount}<\/div>\n                <small style=\"color: #5a6c61;\">\u5426\u5b9a\u56de\u7b54<\/small>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      `;\n      \n      \/\/ \u6839\u64da\u985e\u578b\u63d0\u4f9b\u5177\u9ad4\u5efa\u8b70\n      const typeAdvice = {\n        \"\u81bd\u6c41\u8cea\": [\n          \"\u60a8\u7684\u884c\u52d5\u529b\u662f\u6700\u5927\u512a\u52e2\uff0c\u5efa\u8b70\u5c07\u5176\u904b\u7528\u5728\u958b\u5275\u6027\u5de5\u4f5c\u4e2d\",\n          \"\u7df4\u7fd2\u300c\u66ab\u505c\u53cd\u61c9\u300d\u6280\u5de7\uff0c\u5728\u505a\u6c7a\u5b9a\u524d\u7d66\u81ea\u5df13\u79d2\u601d\u8003\u6642\u9593\",\n          \"\u6bcf\u9031\u5b89\u6392\u56fa\u5b9a\u7684\u653e\u9b06\u6642\u9593\uff0c\u5982\u745c\u4f3d\u6216\u51a5\u60f3\",\n          \"\u57f9\u990a\u4e00\u500b\u9700\u8981\u8010\u5fc3\u7684\u611b\u597d\uff0c\u5982\u5712\u85dd\u6216\u624b\u5de5\u85dd\"\n        ],\n        \"\u591a\u8840\u8cea\": [\n          \"\u767c\u63ee\u60a8\u7684\u793e\u4ea4\u512a\u52e2\uff0c\u8003\u616e\u64d4\u4efb\u5718\u968a\u5354\u8abf\u89d2\u8272\",\n          \"\u4f7f\u7528\u756a\u8304\u5de5\u4f5c\u6cd5\u63d0\u9ad8\u5c08\u6ce8\u529b\uff0c\u6bcf25\u5206\u9418\u5c08\u6ce8\u4e00\u9805\u4efb\u52d9\",\n          \"\u5efa\u7acb\u8a73\u7d30\u7684\u5f85\u8fa6\u6e05\u55ae\uff0c\u907f\u514d\u540c\u6642\u9032\u884c\u592a\u591a\u9805\u76ee\",\n          \"\u5b9a\u671f\u56de\u9867\u548c\u7e3d\u7d50\uff0c\u5c07\u5275\u610f\u8f49\u5316\u70ba\u5be6\u969b\u6210\u679c\"\n        ],\n        \"\u9ecf\u6db2\u8cea\": [\n          \"\u60a8\u7684\u7a69\u5b9a\u6027\u662f\u5718\u968a\u7684\u5b9a\u6d77\u795e\u91dd\uff0c\u7e7c\u7e8c\u767c\u63ee\u9019\u500b\u512a\u52e2\",\n          \"\u6bcf\u6708\u5617\u8a66\u4e00\u9805\u65b0\u6d3b\u52d5\uff0c\u9010\u6b65\u64f4\u5c55\u8212\u9069\u5708\",\n          \"\u8a2d\u5b9a\u6c7a\u7b56\u6642\u9650\uff0c\u907f\u514d\u904e\u5ea6\u5206\u6790\",\n          \"\u4e3b\u52d5\u53c3\u8207\u8166\u529b\u6fc0\u76ea\u6703\u8b70\uff0c\u7df4\u7fd2\u5feb\u901f\u601d\u8003\"\n        ],\n        \"\u6291\u9b31\u8cea\": [\n          \"\u60a8\u7684\u654f\u92b3\u89c0\u5bdf\u529b\u9069\u5408\u5f9e\u4e8b\u9700\u8981\u7d30\u7bc0\u95dc\u6ce8\u7684\u5de5\u4f5c\",\n          \"\u6bcf\u5929\u8a18\u9304\u4e09\u4ef6\u503c\u5f97\u611f\u6069\u7684\u4e8b\uff0c\u57f9\u990a\u7a4d\u6975\u5fc3\u614b\",\n          \"\u8a2d\u5b9a\u5c0f\u800c\u53ef\u9054\u6210\u7684\u76ee\u6a19\uff0c\u9010\u6b65\u5efa\u7acb\u81ea\u4fe1\",\n          \"\u5c0b\u627e\u5fd7\u540c\u9053\u5408\u7684\u793e\u7fa4\uff0c\u5728\u652f\u6301\u6027\u74b0\u5883\u4e2d\u6210\u9577\"\n        ],\n        \"\u6df7\u5408\u578b\": [\n          \"\u60a8\u7684\u9069\u61c9\u6027\u662f\u6700\u5927\u512a\u52e2\uff0c\u5584\u7528\u4e0d\u540c\u60c5\u5883\u4e0b\u7684\u9748\u6d3b\u6027\",\n          \"\u5b9a\u671f\u9032\u884c\u81ea\u6211\u8a55\u4f30\uff0c\u77ad\u89e3\u5728\u4e0d\u540c\u60c5\u5883\u4e0b\u7684\u53cd\u61c9\u6a21\u5f0f\",\n          \"\u9078\u64c7\u4e00\u500b\u4e3b\u8981\u767c\u5c55\u65b9\u5411\uff0c\u540c\u6642\u4fdd\u6301\u5176\u4ed6\u80fd\u529b\",\n          \"\u5efa\u7acb\u500b\u4eba\u54c1\u724c\uff0c\u7a81\u51fa\u60a8\u7684\u591a\u5143\u5316\u512a\u52e2\"\n        ]\n      };\n      \n      adviceHTML += `\n        <div>\n          <h6 class=\"mb-3\" style=\"color: #2d4a3e;\">\n            <i class=\"bi bi-compass-fill\" style=\"margin-right: 8px; color: #9680b8;\"><\/i>\n            \u70ba\u60a8\u91cf\u8eab\u5b9a\u5236\u7684\u767c\u5c55\u5efa\u8b70\n          <\/h6>\n          <ol class=\"ps-3\">\n            ${typeAdvice[type].map(advice => `\n              <li class=\"mb-2\" style=\"color: #3a4d42;\">${advice}<\/li>\n            `).join('')}\n          <\/ol>\n        <\/div>\n      `;\n      \n      \/\/ \u6839\u64da\u5206\u6578\u7d66\u51fa\u5e73\u8861\u5efa\u8b70\n      if (Math.max(...scores) - Math.min(...scores) > 40) {\n        adviceHTML += `\n          <div class=\"alert border-0 mt-3\" style=\"background-color: #fff9f0;\">\n            <i class=\"bi bi-lightbulb-fill\" style=\"margin-right: 8px; color: #b89580;\"><\/i>\n            <strong>\u5e73\u8861\u767c\u5c55\u63d0\u793a\uff1a<\/strong>\u60a8\u7684\u5404\u7dad\u5ea6\u5dee\u7570\u8f03\u5927\uff0c\u5efa\u8b70\u91cd\u9ede\u63d0\u5347\u8f03\u5f31\u7684\u7dad\u5ea6\uff0c\u5be6\u73fe\u66f4\u5747\u8861\u7684\u767c\u5c55\u3002\n          <\/div>\n        `;\n      }\n      \n      elements.personalizedAdvice.innerHTML = adviceHTML;\n    }\n    \n    drawChart(scores) {\n      const { elements, chartInstance } = this.state;\n      const ctx = elements.chartCanvas.getContext('2d');\n      \n      \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n      if (chartInstance) {\n        chartInstance.destroy();\n      }\n      \n      \/\/ \u5275\u5efa\u65b0\u5716\u8868\n      this.state.chartInstance = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: ['\u8208\u596e\u5f37\u5ea6', '\u6291\u5236\u5f37\u5ea6', '\u795e\u7d93\u9748\u6d3b\u6027'],\n          datasets: [{\n            label: '\u60a8\u7684\u5206\u6578',\n            data: scores,\n            backgroundColor: 'rgba(107, 153, 121, 0.15)',\n            borderColor: 'rgba(107, 153, 121, 0.8)',\n            borderWidth: 2.5,\n            pointBackgroundColor: 'rgba(107, 153, 121, 1)',\n            pointBorderColor: '#ffffff',\n            pointBorderWidth: 2,\n            pointRadius: 7,\n            pointHoverRadius: 9\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          scales: {\n            r: {\n              angleLines: {\n                display: true,\n                color: 'rgba(0, 0, 0, 0.03)'\n              },\n              grid: {\n                color: 'rgba(0, 0, 0, 0.06)',\n                circular: true\n              },\n              pointLabels: {\n                font: {\n                  size: 16,\n                  weight: '600'\n                },\n                color: '#2d4a3e',\n                padding: 15\n              },\n              suggestedMin: 0,\n              suggestedMax: 100,\n              ticks: {\n                stepSize: 20,\n                showLabelBackdrop: false,\n                font: {\n                  size: 12\n                },\n                color: '#7a8b80',\n                backdropPadding: 5\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              backgroundColor: 'rgba(45, 74, 62, 0.95)',\n              titleFont: {\n                size: 15,\n                weight: '600'\n              },\n              bodyFont: {\n                size: 14\n              },\n              padding: 14,\n              cornerRadius: 8,\n              displayColors: false,\n              callbacks: {\n                label: function(context) {\n                  return `${context.raw}%`;\n                },\n                title: function(context) {\n                  return context[0].label;\n                }\n              }\n            }\n          },\n          animation: {\n            duration: 1800,\n            easing: 'easeInOutQuart'\n          }\n        }\n      });\n    }\n    \n    displayDetailedAnalysis(type, analysis) {\n      const { elements } = this.state;\n      \n      if (!analysis) return;\n      \n      const sections = [\n        { title: '\u512a\u52e2\u7279\u8cea', items: analysis.strengths, icon: 'bi-star-fill', color: '#6b9979' },\n        { title: '\u6210\u9577\u7a7a\u9593', items: analysis.weaknesses, icon: 'bi-graph-up', color: '#9680b8' },\n        { title: '\u9069\u5408\u9818\u57df', items: analysis.suitable, icon: 'bi-briefcase-fill', color: '#b89580' },\n        { title: '\u63d0\u5347\u5efa\u8b70', items: analysis.tips, icon: 'bi-lightbulb-fill', color: '#7a9fa8' }\n      ];\n      \n      const html = sections.map(section => {\n        if (!section.items || section.items.length === 0) return '';\n        \n        return `\n          <div class=\"col-md-6\">\n            <div class=\"card border-0 shadow-sm h-100\">\n              <div class=\"card-body p-4\">\n                <div class=\"d-flex align-items-center mb-3\">\n                  <i class=\"${section.icon}\" style=\"font-size: 24px; margin-right: 12px; color: ${section.color};\"><\/i>\n                  <h5 class=\"mb-0\" style=\"color: #2d4a3e;\">${section.title}<\/h5>\n                <\/div>\n                <ul class=\"list-unstyled mb-0\">\n                  ${section.items.map(item => `\n                    <li class=\"mb-2\" style=\"color: #3a4d42;\">\n                      <i class=\"bi bi-check2\" style=\"color: ${section.color}; margin-right: 8px;\"><\/i>\n                      ${item}\n                    <\/li>\n                  `).join('')}\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n        `;\n      }).join('');\n      \n      elements.detailedAnalysis.innerHTML = html;\n    }\n    \n    showPage(page) {\n      const { elements } = this.state;\n      const pages = {\n        intro: elements.introPage,\n        quiz: elements.quizPage,\n        result: elements.resultPage\n      };\n      \n      \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n      Object.values(pages).forEach(p => {\n        if (p) p.style.display = 'none';\n      });\n      \n      \/\/ \u986f\u793a\u6307\u5b9a\u9801\u9762\n      if (pages[page]) {\n        pages[page].style.display = 'block';\n        pages[page].classList.add('quiz9-fade-in');\n      }\n    }\n    \n    scrollToElement(element) {\n      if (element) {\n        setTimeout(() => {\n          element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }, 100);\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n  document.addEventListener('DOMContentLoaded', function() {\n    const state = new QuizState();\n    const controller = new QuizController(state, quizData);\n  });\n  \n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u56db\u7a2e\u6c23\u8cea\uff08\u82f1\u8a9e\uff1aFour temperaments\uff09\uff0c\u6e90\u81ea\u65bc\u53e4\u5e0c\u81d8\u7684\u6027\u683c\u5206\u985e\uff0c\u6839\u64da\u9ad4\u6db2\u5b78\u8aaa\u6240\u63d0\u51fa\uff0c\u672c\u6e2c\u8a66\u5305\u542b\u4e09\u500b\u90e8\u5206\u3002\u4eba\u7684\u6c23\u8cea\u672c\u8eab\u7121\u597d\u58de\u4e4b\u5206\uff0c\u6c23\u8cea\u985e\u578b\u4e5f\u7121\u597d\u58de\u4e4b\u5206\uff0c\u6240\u4ee5\u5728\u56de\u7b54\u4e0b\u9762\u9019\u4e9b\u554f\u984c\u7684\u6642\u5019\u8acb\u8aa0\u5be6\u4f5c\u7b54\uff0c\u4e0d\u5fc5\u6709\u6240\u9867\u616e\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","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],"tags":[],"class_list":["post-2640","post","type-post","status-publish","format-standard","hentry","category-personality"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2640","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=2640"}],"version-history":[{"count":19,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2640\/revisions"}],"predecessor-version":[{"id":10467,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2640\/revisions\/10467"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2640"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2640"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}