{"id":9005,"date":"2025-02-28T10:28:30","date_gmt":"2025-02-28T02:28:30","guid":{"rendered":"https:\/\/xinliceyan.org\/?p=9005"},"modified":"2025-04-30T16:44:12","modified_gmt":"2025-04-30T08:44:12","slug":"social-creature-quiz","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/social-creature-quiz","title":{"rendered":"1\u5206\u949f\u7ebf\u4e0a\u514d\u8d39\u5e9f\u6d4b\u2728\uff01\u4f60\u7684\u6027\u683c\u9b45\u529b\u6709\u591a\u5927\uff0c\u4f60\u80fd\u62ff\u51e0\u5206\uff1f"},"content":{"rendered":"<p>1\u5206\u949f\u6d4b\u51fa\u4f60\u7684\u6027\u683c\u9b45\u529b\u6709\u591a\u5927\uff0c\u4f60\u80fd\u62ff\u51e0\u5206\uff1f\u4f60\u5230\u5e95\u662f\u300c\u793e\u4ea4\u5929\u82b1\u677f\u300d\u8fd8\u662f\u300c\u8fb9\u7f18\u7cfb\u751f\u7269\u300d\uff1f\u8d85\u310e\u3127\u3124\u60c5\u5883\u9898\u6d4b\u51fa\u9b45\u529b\u4eba\u8bbe<\/p>\n\n\n\n<div class=\"quiz-container\">\n  <div class=\"quiz-wrapper\">\n    <!-- \u6d4b\u9a8c\u95ee\u9898\u533a -->\n    <div id=\"quizQuestions\"><\/div>\n    \n    <!-- \u6d4b\u9a8c\u7ed3\u679c\u533a (\u521d\u59cb\u9690\u85cf) -->\n    <div id=\"quizResult\" style=\"display: none;\">\n      <h2 style=\"color: #2c3e50; border-bottom: 2px solid #3498db; padding-bottom: 0.5rem;\">\u4f60\u7684\u6027\u683c\u9b45\u529b\u5206\u6790<\/h2>\n      <div id=\"resultContent\" style=\"margin: 1.5rem 0;\"><\/div>\n      <button onclick=\"restartQuiz()\" style=\"background: #3498db; color: white; border: none; padding: 0.8rem 1.5rem; border-radius: 5px; cursor: pointer; transition: background 0.3s;\">\u91cd\u65b0\u53c2\u52a0\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .quiz-container {\n    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);\n    min-height: 40vh;\n    padding: 2rem;\n  }\n  .quiz-wrapper {\n    max-width: 600px;\n    margin: 0 auto;\n    background: rgba(255,255,255,0.95);\n    border-radius: 10px;\n    padding: 2rem;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n  }\n  .quiz-question { \n    display: none;\n    animation: fadeIn 0.4s ease;\n  }\n  .quiz-question.active { display: block; }\n  .quiz-option {\n    display: block;\n    width: 100%;\n    margin: 0.8rem 0;\n    padding: 1rem;\n    background: #e3f2fd;\n    color: #333;\n    border: none;\n    border-radius: 8px;\n    text-align: left;\n    cursor: pointer;\n    transition: all 0.3s;\n    font-size: 1rem;\n  }\n  .quiz-option:hover {\n    background: #bbdefb;\n    transform: translateY(-2px);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n  }\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n<\/style>\n\n<script>\n(function() {\n  const quizData = [\n    { id:1, question:\"1. \u60a8\u7d93\u5e38\u56e0\u70ba\u7a7a\u9592\u800c\u7121\u6240\u4e8b\u4e8b\u55ce\uff1f\", options:[\n      {text:\"\u662f\", next:2}, {text:\"\u4e0d\u662f\", next:3}\n    ]},\n    { id:2, question:\"2. \u5728\u4e00\u500b\u611c\u610f\u7684\u65e9\u6668\uff0c\u60a8\u66f4\u9858\u610f\u505a\u4e9b\u4ec0\u9ebc\uff1f\", options:[\n      {text:\"\u904b\u52d5\u6216\u8cfc\u7269\", next:3}, {text:\"\u4e00\u908a\u559d\u98f2\u6599\u4e00\u908a\u770b\u66f8\", next:4}\n    ]},\n    { id:3, question:\"3. \u60a8\u66f4\u559c\u6b61\u54ea\u7a2e\u98df\u7269\uff1f\", options:[\n      {text:\"\u751c\u9ede\", next:4}, {text:\"\u897f\u9910\", next:6}\n    ]},\n    { id:4, question:\"4. \u60a8\u66f4\u9858\u610f\u7528\u54ea\u7a2e\u65b9\u5f0f\u4fdd\u6301\u8eab\u6750\uff1f\", options:[\n      {text:\"\u4f11\u9592\u6563\u6b65\u5f0f\", next:5}, {text:\"\u5287\u70c8\u904b\u52d5\u5f0f\", next:6}\n    ]},\n    { id:5, question:\"5. \u60a8\u6709\u591a\u5c11\u500b\u77e5\u5fc3\u597d\u53cb\uff1f\", options:[\n      {text:\"\u4e00\u500b\u6216\u6c92\u6709\", next:7}, {text:\"\u5169\u500b\u53ca\u4ee5\u4e0a\", next:6}\n    ]},\n    { id:6, question:\"6. \u60a8\u66f4\u559c\u6b61\u54ea\u7a2e\u82b1\uff1f\", options:[\n      {text:\"\u512a\u96c5\u7684\u767e\u5408\", next:8}, {text:\"\u5b0c\u5c0f\u7684\u96db\u83ca\", next:7}\n    ]},\n    { id:7, question:\"7. \u60a8\u6703\u5c0d\u670b\u53cb\u63a8\u5fc3\u7f6e\u8179\u55ce\uff1f\", options:[\n      {text:\"\u662f\u7684\", next:8}, {text:\"\u4e0d\u662f\", result:\"D\"}\n    ]},\n    { id:8, question:\"8. \u60a8\u6bd4\u8f03\u559c\u6b61\u54ea\u7a2e\u98f2\u6599\uff1f\", options:[\n      {text:\"\u679c\u6c41\u6c7d\u6c34\u985e\", next:9}, {text:\"\u5496\u5561\u5976\u8336\u985e\", result:\"E\"}\n    ]},\n    { id:9, question:\"9. \u60a8\u8a66\u904e\u4e0d\u7761\u89ba\u8207\u670b\u53cb\u73a9\u901a\u5bb5\u55ce\uff1f\", options:[\n      {text:\"\u662f\u7684\", result:\"C\"}, {text:\"\u4e0d\u662f\", next:10}\n    ]},\n    { id:10, question:\"10. \u60a8\u6709\u5f88\u591a\u611f\u8208\u8da3\u7684\u8a71\u984c\u55ce\uff1f\", options:[\n      {text:\"\u662f\u7684\", result:\"B\"}, {text:\"\u4e00\u822c\u6216\u5f88\u5c11\", result:\"A\"}\n    ]}\n  ];\n\n  const results = {\n    A: { \n      score: \"A:50\u5206\",\n      description: \"\u5728\u60a8\u770b\u4f86\uff0c\u670b\u53cb\u4e0d\u9700\u8981\u592a\u591a\uff0c\u4e09\u4e94\u77e5\u5df1\u4fbf\u5df2\u8db3\u5920\u3002\u56e0\u70ba\u60a8\u4e0d\u662f\u4e00\u500b\u5584\u65bc\u8868\u9054\u81ea\u5df1\u7684\u4eba\uff0c\u5728\u4e0d\u719f\u6089\u7684\u4eba\u9762\u524d\u8a71\u5f88\u5c11\uff0c\u53ea\u6709\u5728\u670b\u53cb\u9762\u524d\u60a8\u624d\u80fd\u66a2\u6240\u6b32\u8a00\uff0c\u505a\u771f\u6b63\u7684\u81ea\u5df1\u3002\u6240\u4ee5\u5728\u5225\u4eba\u773c\u88e1\uff0c\u60a8\u53ef\u80fd\u4e0d\u662f\u90a3\u9ebc\u958b\u6717\uff0c\u4f46\u5176\u5be6\u60a8\u628a\u6eab\u6696\u7684\u4e00\u9762\u7559\u7d66\u4e86\u61c2\u60a8\u7684\u4eba\u3002\"\n    },\n    B: { \n      score: \"B:80\u5206\",\n      description: \"\u60a8\u662f\u500b\u5805\u5f37\u800c\u6a02\u89c0\u7684\u4eba\uff0c\u540c\u6642\u5f88\u6709\u6bc5\u529b\uff0c\u5e38\u5e38\u80fd\u5920\u5805\u6301\u81ea\u5df1\u7684\u6c7a\u5b9a\u6216\u8a08\u5283\uff0c\u9019\u8b93\u4eba\u89ba\u5f97\u60a8\u5f88\u6709\u60f3\u6cd5\u3002\u53e6\u5916\uff0c\u60a8\u548c\u670b\u53cb\u76f8\u8655\u5f97\u5f88\u597d\uff0c\u7e3d\u662f\u6709\u5f88\u591a\u7a00\u5947\u53e4\u602a\u7684\u60f3\u6cd5\uff0c\u8b93\u4eba\u89ba\u5f97\u967d\u5149\u800c\u958b\u6717\uff0c\u548c\u60a8\u804a\u5929\u662f\u4ef6\u5f88\u6109\u5feb\u7684\u4e8b\u60c5\u3002\"\n    },\n    C: { \n      score: \"C:99\u5206\",\n      description: \"\u60a8\u7387\u6027\u800c\u6a02\u89c0\uff0c\u60f3\u505a\u5c31\u505a\uff0c\u5118\u53ef\u80fd\u5730\u4e0d\u8b93\u81ea\u5df1\u7684\u4eba\u751f\u7559\u907a\u61be\u3002\u5728\u4eba\u5011\u773c\u4e2d\uff0c\u662f\u4e00\u500b\u5145\u6eff\u9b45\u529b\u7684\u4eba\uff0c\u56e0\u70ba\u60a8\u5e38\u5e38\u80fd\u505a\u5230\u4ed6\u5011\u6240\u4e0d\u80fd\u505a\u6216\u662f\u4e0d\u6562\u505a\u7684\u4e8b\u60c5\u3002\u53e6\u5916\uff0c\u60a8\u662f\u4e00\u500b\u5145\u6eff\u81ea\u4fe1\u7684\u4eba\uff0c\u76f8\u4fe1\u4e00\u5207\u554f\u984c\u7e3d\u6709\u8fa6\u6cd5\u7684\uff0c\u4e0d\u6703\u88ab\u773c\u524d\u7684\u96e3\u984c\u6240\u64ca\u5012\uff01\u6240\u4ee5\u6027\u683c\u9b45\u529b99\u5206\uff0c\u5c11\u4e00\u5206\u6015\u60a8\u9a55\u50b2\uff01\"\n    },\n    D: { \n      score: \"D:30\u5206\",\n      description: \"\u60a8\u4e0d\u592a\u64c5\u9577\u8207\u4eba\u4ea4\u969b\uff0c\u9762\u5c0d\u964c\u751f\u7684\u4eba\uff0c\u5e38\u5e38\u611f\u5230\u62d8\u675f\uff0c\u4e0d\u77e5\u9053\u8a72\u600e\u9ebc\u8868\u73fe\u3002\u800c\u591a\u6101\u5584\u611f\u7684\u60a8\uff0c\u4e5f\u7fd2\u6163\u5c07\u5fc3\u4e8b\u57cb\u85cf\u5728\u5fc3\u88e1\uff0c\u5225\u4eba\u5f88\u96e3\u660e\u767d\u60a8\u7684\u5167\u5fc3\u662f\u600e\u9ebc\u60f3\u7684\uff0c\u60a8\u4e5f\u611f\u5230\u4e0d\u88ab\u5225\u4eba\u7406\u89e3\uff0c\u9019\u7a2e\u4e0d\u88ab\u7406\u89e3\u53c8\u52a0\u6df1\u4e86\u60a8\u5c0d\u4eba\u969b\u4ea4\u5f80\u6642\u7684\u6297\u62d2\uff0c\u8b93\u60a8\u8eb2\u5728\u81ea\u5df1\u7684\u9632\u7a7a\u6d1e\u88e1\u3002\"\n    },\n    E: { \n      score: \"E:70\u5206\",\n      description: \"\u60a8\u662f\u4e00\u500b\u6709\u5167\u6db5\u7684\u4eba\uff0c\u4f46\u540c\u6642\u60a8\u4e5f\u662f\u4e00\u500b\u6bd4\u8f03\u7368\u7acb\u81ea\u4e3b\u7684\u4eba\uff0c\u6bd4\u8d77\u5718\u9ad4\u6d3b\u52d5\uff0c\u60a8\u66f4\u9858\u610f\u628a\u6642\u9593\u90fd\u82b1\u5728\u81ea\u5df1\u8eab\u4e0a\uff0c\u4e0d\u9858\u610f\u70ba\u4e86\u76f2\u76ee\u5408\u7fa4\u800c\u6d6a\u8cbb\u6642\u9593\u3002\u4e0d\u904e\u9019\u4e26\u4e0d\u59a8\u7919\u60a8\u6210\u70ba\u4e00\u500b\u5f88\u597d\u7684\u50be\u807d\u8005\u548c\u5408\u4f5c\u5925\u4f34\uff0c\u60a8\u6703\u7528\u60a8\u7684\u7406\u6027\u53bb\u5206\u6790\u76ee\u524d\u7684\u5c40\u52e2\uff0c\u8b93\u4eba\u89ba\u5f97\u5341\u5206\u53ef\u9760\u3002\"\n    }\n  };\n\n  let currentQuestion = 1;\n  let userPath = [];\n\n  function initQuiz() {\n    const container = document.getElementById('quizQuestions');\n    quizData.forEach(q => {\n      const div = document.createElement('div');\n      div.className = `quiz-question${q.id === 1 ? ' active' : ''}`;\n      div.innerHTML = `\n        <h3 style=\"color: #2c3e50; margin-bottom: 1.5rem;\">${q.question}<\/h3>\n        ${q.options.map(opt => `\n          <button class=\"quiz-option\" data-next=\"${opt.next || ''}\" data-result=\"${opt.result || ''}\">\n            ${opt.text}\n          <\/button>\n        `).join('')}\n      `;\n      container.appendChild(div);\n    });\n    \n    container.addEventListener('click', (e) => {\n      if(e.target.classList.contains('quiz-option')) {\n        const next = e.target.dataset.next;\n        const result = e.target.dataset.result;\n        userPath.push(currentQuestion);\n        \n        if(result) {\n          showResult(result);\n        } else {\n          showQuestion(parseInt(next));\n        }\n      }\n    });\n  }\n\n  function showQuestion(id) {\n    currentQuestion = id;\n    document.querySelectorAll('.quiz-question').forEach(q => q.classList.remove('active'));\n    document.querySelector(`.quiz-question:nth-child(${id})`).classList.add('active');\n  }\n\n  function showResult(resultKey) {\n    document.getElementById('quizQuestions').style.display = 'none';\n    const result = results[resultKey];\n    document.getElementById('resultContent').innerHTML = `\n      <h3 style=\"color: #3498db; margin: 1rem 0 0.5rem;\">\u6027\u683c\u9b45\u529b\u6307\u6578\uff1a${result.score}<\/h3>\n      <p style=\"line-height: 1.6; color: #555; margin-top: 1rem;\">${result.description}<\/p>\n    `;\n    document.getElementById('quizResult').style.display = 'block';\n  }\n\n  window.restartQuiz = function() {\n    currentQuestion = 1;\n    userPath = [];\n    document.getElementById('quizQuestions').style.display = 'block';\n    document.getElementById('quizResult').style.display = 'none';\n    showQuestion(1);\n  }\n\n  \/\/ \u521d\u59cb\u5316\u6d4b\u9a8c\n  initQuiz();\n})();\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u300c\u505a\u5b8c\u7b54\u6848\u5e9f\u5230\u7b11\uff01C\u578b\u4eba99\u5206\u592a\u72c2\u2192\u70b9\u51fb\u89e3\u9501\u4f60\u7684\u5947\u8469\u9b45\u529b\u6307\u6570\u300d\uff5c\u7ebf\u4e0a\u514d\u8d39\u5fc3\u7406\u6d4b\u9a8c\u3002 1\u5206\u949f\u6d4b\u51fa\u4f60\u7684\u6027\u683c\u9b45\u529b\u6709\u591a\u5927\uff0c\u4f60\u80fd\u62ff\u51e0\u5206\uff1f<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":[246,167],"tags":[],"class_list":["post-9005","post","type-post","status-publish","format-standard","hentry","category-fun-test","category-personality"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9005","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/comments?post=9005"}],"version-history":[{"count":10,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9005\/revisions"}],"predecessor-version":[{"id":9346,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9005\/revisions\/9346"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=9005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=9005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=9005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}