{"id":2415,"date":"2023-10-07T09:14:39","date_gmt":"2023-10-07T01:14:39","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2415"},"modified":"2025-05-10T01:26:23","modified_gmt":"2025-05-09T17:26:23","slug":"blind-date-attitude","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/blind-date-attitude","title":{"rendered":"\u76f8\u4eb2\u59ff\u6001\u6001\u5ea6\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c"},"content":{"rendered":"<!-- \u76f8\u89aa\u614b\u5ea6\u6e2c\u9a57 - \u6700\u7c21\u5316\u7248\u672c -->\n<div id=\"nt-quiz-container\" style=\"min-height: 70vh; position: relative; background: linear-gradient(135deg, #f6f9fe, #e1efff); border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,0.1); margin: 20px auto; padding: 20px; font-family: 'Microsoft JhengHei', 'PingFang TC', 'Segoe UI', sans-serif;\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <div id=\"nt-intro\" style=\"text-align: center; padding: 2rem; background: rgba(255,255,255,0.92); border-radius: 16px; box-shadow: 0 10px 30px rgba(74,137,220,0.15);\">\n    <div style=\"margin: 0 auto 1.5rem; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(135deg, #4a89dc, #3bafda); display: flex; justify-content: center; align-items: center; box-shadow: 0 10px 25px rgba(74,137,220,0.25);\">\n      <svg width=\"60\" height=\"60\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 5.02944 7.02944 1 12 1C16.9706 1 21 5.02944 21 10Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <path d=\"M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/div>\n    \n    <h2 style=\"color: #2c3e50; font-size: 28px; margin-bottom: 1.5rem; line-height: 1.3;\">\u76f8\u4eb2\u6001\u5ea6\u6d4b\u9a8c<\/h2>\n    \n    <div style=\"max-width: 600px; margin: 0 auto;\">\n      <p style=\"color: #5a6c8a; font-size: 18px; line-height: 1.7; margin-bottom: 1.5rem; text-align: left;\">\u5927\u9f84\u9752\u5e74\uff0c\u96be\u9003\u76f8\u4eb2\u300c\u5927\u52ab\u300d\uff0c\u4f46\u6bcf\u4e2a\u4eba\u9762\u5bf9\u76f8\u4eb2\u65f6\u7684\u6001\u5ea6\u5404\u4e0d\u76f8\u540c\u3002\u4f60\u662f\u4f18\u96c5\u4ece\u5bb9\u8fd8\u662f\u76f4\u7387\u679c\u65ad\uff1f\u662f\u7ec6\u5fc3\u89c2\u5bdf\u8fd8\u662f\u5766\u8bda\u76f8\u5f85\uff1f<\/p>\n      \n      <p style=\"color: #5a6c8a; font-size: 18px; line-height: 1.7; margin-bottom: 2rem; text-align: left;\">\u900f\u8fc7\u8fd9\u4e2a\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u6d4b\u9a8c\uff0c\u6211\u4eec\u5c06\u5e2e\u52a9\u4f60\u53d1\u73b0\u81ea\u5df1\u5728\u76f8\u4eb2\u573a\u5408\u4e2d\u7684\u72ec\u7279\u59ff\u6001\u4e0e\u6027\u683c\u7279\u8d28\uff0c\u8ba9\u4f60\u66f4\u4e86\u89e3\u81ea\u5df1\u5728\u611f\u60c5\u4e92\u52a8\u4e2d\u7684\u6a21\u5f0f\u3002<\/p>\n    <\/div>\n    \n    <button onclick=\"startQuiz()\" style=\"background: linear-gradient(135deg, #4a89dc 0%, #3bafda 100%); color: white; border: none; padding: 1rem 2.5rem; border-radius: 8px; font-size: 18px; cursor: pointer; box-shadow: 0 8px 15px rgba(74,137,220,0.3); margin-top: 1rem;\">\n      \u5f00\u59cb\u6d4b\u9a8c\n      <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"margin-left: 8px; vertical-align: middle;\">\n        <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n\n  <!-- \u9032\u5ea6\u689d -->\n  <div id=\"nt-progress\" style=\"display: none; width: 100%; padding: 15px 20px 0;\">\n    <div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n      <span id=\"nt-progress-text\" style=\"font-size: 16px; color: #5a6c8a;\">\u9898\u76ee <span id=\"nt-current\">1<\/span>\/<span id=\"nt-total\">4<\/span><\/span>\n      <span id=\"nt-progress-percent\" style=\"font-size: 16px; color: #4a89dc; font-weight: 500;\">25%<\/span>\n    <\/div>\n    <div style=\"width: 100%; height: 8px; background: #e1efff; border-radius: 10px; overflow: hidden;\">\n      <div id=\"nt-progress-bar\" style=\"width: 25%; height: 100%; background: linear-gradient(90deg, #4a89dc, #3bafda);\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u984c\u76ee\u5bb9\u5668 -->\n  <div id=\"nt-quiz\" style=\"display: none; padding: 1rem 0;\"><\/div>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <div id=\"nt-result\" style=\"display: none; padding: 2rem; text-align: center; background: rgba(255,255,255,0.92); border-radius: 16px; box-shadow: 0 10px 30px rgba(74,137,220,0.15);\">\n    <h2 id=\"nt-result-title\" style=\"color: #2c3e50; font-size: 28px; margin-bottom: 1.5rem; line-height: 1.3;\">\u7ed3\u679c\u5206\u6790<\/h2>\n    \n    <div style=\"margin: 2rem auto; max-width: 500px; height: 300px;\">\n      <canvas id=\"nt-result-chart\"><\/canvas>\n    <\/div>\n    \n    <div id=\"nt-result-content\" style=\"margin: 2rem auto; max-width: 700px; text-align: left;\"><\/div>\n    \n    <button onclick=\"restartQuiz()\" style=\"background: linear-gradient(135deg, #4a89dc 0%, #3bafda 100%); color: white; border: none; padding: 1rem 2.5rem; border-radius: 8px; font-size: 18px; cursor: pointer; box-shadow: 0 8px 15px rgba(74,137,220,0.3); margin-top: 2rem;\">\n      \u91cd\u65b0\u6d4b\u9a8c\n      <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"margin-left: 8px; vertical-align: middle;\">\n        <path d=\"M2 12C2 16.9706 6.02944 21 11 21C13.8273 21 16.35 19.6667 18 17.5M22 12C22 7.02944 17.9706 3 13 3C10.1727 3 7.65 4.33333 6 6.5M2 6L6 10L10 6M22 18L18 14L14 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<script>\n\/\/ \u6e2c\u9a57\u6578\u64da\nconst quizData = [\n  {\n    question: \"\u5982\u679c\u4f60\u8981\u8cb7\u4e00\u90e8\u8173\u8e0f\u8eca\uff0c\u4f60\u53ef\u80fd\u6703\u8cb7\u54ea\u7a2e\uff1f\",\n    options: [\n      { text: \"\u85dd\u6587\u6c23\u606f\u5f88\u6fc3\u7684\u5fa9\u53e4\u81ea\u4fe1\u8eca\", result: \"A\" },\n      { text: \"\u5f88\u9177\u70ab\u7684\u6b7b\u98db\", result: \"B\" },\n      { text: \"\u5c0f\u5de7\u4fbf\u4e8e\u6536\u7d0d\u7684\u647a\u758a\u8eca\", result: \"C\" },\n      { text: \"\u9a0e\u8457\u5f88\u8212\u670d\uff0c\u6a23\u5b50\u6a38\u5be6\u7684\u5c71\u5730\u8eca\", result: \"D\" }\n    ]\n  },\n  {\n    question: \"\u4f60\u559c\u6b61\u5728\u4ec0\u9ebc\u6a23\u7684\u74b0\u5883\u4e0b\u5403\u98ef\uff1f\",\n    options: [\n      { text: \"\u5bcc\u6709\u60c5\u8abf\u7684\u9910\u5ef3\uff0c\u80fd\u5920\u6162\u6162\u54c1\u5617\u7f8e\u98df\", result: \"A\" },\n      { text: \"\u74b0\u5883\u4e0d\u91cd\u8981\uff0c\u4e3b\u8981\u662f\u98df\u7269\u7f8e\u5473\", result: \"B\" },\n      { text: \"\u7c21\u55ae\u8212\u9069\u7684\u5bb6\u5e38\u83dc\u9928\", result: \"C\" },\n      { text: \"\u71b1\u9b27\u7684\u5927\u6392\u6a94\uff0c\u4eba\u591a\u71b1\u60c5\", result: \"D\" }\n    ]\n  },\n  {\n    question: \"\u7576\u4f60\u9762\u5c0d\u4e00\u500b\u964c\u751f\u4eba\u6642\uff0c\u4f60\u901a\u5e38\u6703\uff1a\",\n    options: [\n      { text: \"\u5fae\u7b11\u4e26\u7b49\u5f85\u5c0d\u65b9\u958b\u53e3\", result: \"A\" },\n      { text: \"\u89c0\u5bdf\u4e00\u4e0b\u518d\u6c7a\u5b9a\u662f\u5426\u4ea4\u6d41\", result: \"B\" },\n      { text: \"\u79ae\u8c8c\u554f\u5019\uff0c\u4fdd\u6301\u9069\u7576\u8ddd\u96e2\", result: \"C\" },\n      { text: \"\u4e3b\u52d5\u6253\u62db\u547c\uff0c\u958b\u59cb\u5c0d\u8a71\", result: \"D\" }\n    ]\n  },\n  {\n    question: \"\u4f60\u66f4\u559c\u6b61\u54ea\u7a2e\u98a8\u683c\u7684\u8863\u8457\uff1f\",\n    options: [\n      { text: \"\u512a\u96c5\u8212\u9069\u7684\u98a8\u683c\uff0c\u6ce8\u91cd\u54c1\u8cea\", result: \"A\" },\n      { text: \"\u6642\u5c1a\u6709\u500b\u6027\uff0c\u80fd\u5c55\u73fe\u81ea\u6211\", result: \"B\" },\n      { text: \"\u7c21\u7d04\u5be6\u7528\uff0c\u8212\u9069\u70ba\u4e3b\", result: \"C\" },\n      { text: \"\u5927\u65b9\u5f97\u9ad4\uff0c\u9069\u5408\u5834\u5408\u7684\u7a7f\u8457\", result: \"D\" }\n    ]\n  }\n];\n\n\/\/ \u7d50\u679c\u6578\u64da\nconst results = {\n  A: {\n    title: \"\u4f3c\u6c34\u67d4\u60c5\u578b\",\n    description: \"<div style='padding:1.5rem;background:rgba(225,239,254,0.2);border-radius:12px;border-left:4px solid #4a89dc;'>\" +\n      \"<p style='margin-bottom:1rem;font-size:16px;text-indent:2em;'>\u90fd\u8aaa\u60a8\u67d4\u60c5\u4f3c\u6c34\uff0c\u9ad4\u8cbc\u5584\u826f\uff0c\u5f88\u591a\u4eba\u90fd\u56e0\u70ba\u60a8\u7684\u9019\u500b\u7279\u8cea\u5c0d\u60a8\u5bb9\u6613\u591a\u5e7e\u5206\u597d\u611f\u3002\u5373\u4f7f\u60a8\u6dea\u843d\u5230\u8981\u9760\u76f8\u89aa\u4f86\u89e3\u6c7a\u81ea\u5df1\u7684\u7d42\u751f\u5927\u4e8b\uff0c\u4f9d\u7136\u7121\u6cd5\u6539\u8b8a\u90a3\u4f3c\u6dbc\u98a8\u822c\u5b0c\u7f9e\u7684\u59ff\u614b\u3002\u4e5f\u8a31\u4e26\u4e0d\u662f\u60a8\u80fd\u5584\u65bc\u81ea\u8eab\u7684\u9b45\u529b\u5708\u4f4f\u4f01\u5716\u8d70\u9032\u60a8\u5167\u5fc3\u7684\u7537\u4eba\u3002<\/p>\" +\n      \"<p style='font-size:16px;text-indent:2em;'>\u5728\u76f8\u89aa\u6642\uff0c\u60a8\u53ef\u4e0d\u6703\u554f\u5c0d\u65b9\u4ec0\u9ebc\u5b78\u6b77\uff0c\u6536\u5165\u591a\u5c11\uff0c\u8ac7\u904e\u5e7e\u6b21\u6200\u611b\u3002\u55ae\u7d14\u7684\u60a8\uff0c\u7d55\u5c0d\u4e0d\u6703\u4e00\u898b\u9762\u5c31\u8aaa\u51fa\u300c\u5f69\u79ae\u5341\u842c\uff0c\u623f\u8cb8\u6309\u6708\u60a8\u9084\uff0c\u63a5\u53d7\u626f\u8b49\uff0c\u4e0d\u63a5\u53d7\u6efe\u86cb\uff01\u300d\u9019\u6a23\u7684\u8a71\u4f86\u3002\u53ea\u6709\u5728\u95dc\u4fc2\u78ba\u5b9a\u4e86\u4e4b\u5f8c\uff0c\u624d\u6703\u5076\u723e\u627e\u6200\u4eba\u8981\u4e00\u9ede\u9ede\u6771\u897f\u2026\u2026\u7b49\u5230\u7d50\u5a5a\u7684\u6642\u5019\uff0c\u7537\u4eba\u90fd\u5fc3\u7518\u60c5\u9858\u628a\u5de5\u8cc7\u5361\u4ea4\u7d66\u60a8\u4fdd\u7ba1\u3002<\/p><\/div>\",\n    traits: {\n      \"\u67d4\u60c5\u6eab\u5a49\": 90,\n      \"\u8868\u9054\u80fd\u529b\": 70,\n      \"\u611f\u60c5\u5c08\u4e00\": 85,\n      \"\u95dc\u4fc2\u8010\u5fc3\": 80\n    }\n  },\n  B: {\n    title: \"\u654f\u92b3\u52d9\u5be6\u578b\",\n    description: \"<div style='padding:1.5rem;background:rgba(225,239,254,0.2);border-radius:12px;border-left:4px solid #4a89dc;'>\" +\n      \"<p style='margin-bottom:1rem;font-size:16px;text-indent:2em;'>\u60a8\u5341\u5206\u5730\u654f\u611f\uff0c\u4e5f\u5341\u5206\u5730\u8b1b\u7a76\u5206\u5bf8\uff0c\u53ea\u8981\u4e0d\u8d85\u51fa\u81ea\u5df1\u7684\u5fcd\u53d7\u5e95\u7dda\uff0c\u5728\u75db\u82e6\u7684\u4e8b\u60c5\u4e5f\u80fd\u627f\u53d7\u4e0b\u4f86\u3002\u4e5f\u8a31\uff0c\u60a8\u7684\u76f8\u89aa\u5c0d\u8c61\u4e8b\u696d\u9084\u8655\u5728\u8d77\u6b65\u968e\u6bb5\uff0c\u9700\u8981\u5169\u500b\u4eba\u4e00\u8d77\u52aa\u529b\u624d\u80fd\u5275\u9020\u660e\u5929\u3002<\/p>\" +\n      \"<p style='font-size:16px;text-indent:2em;'>\u5f88\u591a\u5973\u5b69\u898b\u5230\u9019\u6a23\u7684\u7537\u4eba\uff0c\u7d55\u5c0d\u4e8c\u8a71\u4e0d\u8aaa\u5c31\u8f49\u8eab\u96e2\u958b\u4e86\u3002\u4f46\u60a8\u7d55\u5c0d\u4e0d\u6703\uff0c\u60a8\u6703\u7559\u4e0b\u4f86\u6162\u6162\u5730\u77ad\u89e3\u5c0d\u65b9\uff0c\u8a8d\u70ba\u5c0d\u65b9\u78ba\u5be6\u9760\u5f97\u4f4f\uff0c\u503c\u5f97\u8a17\u4ed8\u7d42\u751f\uff0c\u5c31\u6703\u8ddf\u5c0d\u65b9\u958b\u59cb\u4ea4\u5f80\u3002\u95dc\u4fc2\u78ba\u5b9a\u4e0b\u4f86\u4e4b\u5f8c\uff0c\u60a8\u6703\u70ba\u505a\u5f88\u591a\u5f88\u591a\u7684\u4e8b\u60c5\uff0c\u6709\u6642\u5019\u514d\u4e0d\u4e86\u8499\u53d7\u4e00\u4e9b\u51a4\u5c48\uff0c\u60a8\u4e5f\u53ef\u4ee5\u9ed8\u9ed8\u5730\u63a5\u53d7\uff0c\u76f4\u5230\u5c0d\u65b9\u7684\u4e8b\u696d\u6b65\u5165\u4e86\u6b63\u8ecc\uff0c\u60a8\u624d\u6703\u62ff\u51fa\u5973\u4e3b\u4eba\u7684\u505a\u6d3e\u4f86\u3002<\/p><\/div>\",\n    traits: {\n      \"\u6d1e\u5bdf\u529b\": 85,\n      \"\u52d9\u5be6\u614b\u5ea6\": 90,\n      \"\u8010\u5fc3\u7a0b\u5ea6\": 75,\n      \"\u5354\u4f5c\u7cbe\u795e\": 80\n    }\n  },\n  C: {\n    title: \"\u5927\u667a\u82e5\u611a\u578b\",\n    description: \"<div style='padding:1.5rem;background:rgba(225,239,254,0.2);border-radius:12px;border-left:4px solid #4a89dc;'>\" +\n      \"<p style='margin-bottom:1rem;font-size:16px;text-indent:2em;'>\u53e4\u8a9e\u8b1b\uff1a\u5973\u5b50\u7121\u624d\u4fbf\u662f\u5fb7\u3002\u60a8\u53ef\u662f\u6df1\u8af3\u6b64\u9053\uff0c\u5225\u770b\u60a8\u5e73\u6642\u4e00\u526f\u7cbe\u660e\u80fd\u5e79\u7684\u6a23\u5b50\uff0c\u53ef\u662f\u5728\u4e00\u4e9b\u5927\u4e8b\u4ef6\u4e0a\u9762\uff0c\u60a8\u5c31\u8868\u73fe\u51fa\u81ea\u5df1\u7684\u5973\u4eba\u5c0f\u6027\u5b50\u4f86\u4e86\uff0c\u8b93\u81ea\u5df1\u7684\u7537\u4eba\u4f86\u62ff\u4e3b\u610f\u3002<\/p>\" +\n      \"<p style='font-size:16px;text-indent:2em;'>\u5f88\u591a\u7537\u4eba\u5c0d\u65bc\u9019\u6a23\u7684\u60a8\u611b\u4e0d\u91cb\u624b\uff0c\u89ba\u5f97\u60a8\u6d12\u812b\uff0c\u4e0d\u7cfe\u7d50\uff0c\u8a72\u5e79\u5c31\u5e79\u4ec0\u9ebc\uff0c\u4e0d\u6703\u7121\u7406\u53d6\u9b27\u8b93\u81ea\u5df1\u5728\u670b\u53cb\u548c\u5bb6\u4eba\u9762\u524d\u4e0b\u4e0d\u4e86\u81fa\u3002\u90fd\u8aaa\u50bb\u50bb\u7684\u60a8\u6700\u6709\u798f\u6c23\uff0c\u800c\u60a8\u4e5f\u5c07\u9019\u7a2e\u798f\u6c23\u5e36\u7d66\u4e86\u81ea\u5df1\u7684\u53e6\u4e00\u534a\u3002<\/p><\/div>\",\n    traits: {\n      \"\u8070\u660e\u6a5f\u667a\": 90,\n      \"\u96b1\u85cf\u667a\u6167\": 85,\n      \"\u9748\u6d3b\u8b8a\u901a\": 80,\n      \"\u8655\u4e8b\u5713\u6ed1\": 85\n    }\n  },\n  D: {\n    title: \"\u76f4\u7387\u679c\u65b7\u578b\",\n    description: \"<div style='padding:1.5rem;background:rgba(225,239,254,0.2);border-radius:12px;border-left:4px solid #4a89dc;'>\" +\n      \"<p style='margin-bottom:1rem;font-size:16px;text-indent:2em;'>\u60a8\u5728\u76f8\u89aa\u7684\u5834\u5408\uff0c\u90fd\u6bd4\u8f03\u76f4\u63a5\uff0c\u6c92\u6709\u90a3\u9ebc\u62d0\u5f4e\u62b9\u89d2\uff0c\u4e5f\u7684\u78ba\uff0c\u60a8\u6c92\u6709\u90a3\u9ebc\u591a\u5fc3\u601d\u53bb\u62d0\u5f4e\u3002\u90fd\u5df2\u7d93\u4f86\u5230\u76f8\u89aa\u7684\u6aaf\u9762\u4e86\uff0c\u7576\u7136\u662f\u6709\u5565\u8aaa\u5565\uff0c\u76f4\u9054\u76ee\u7684\uff0c\u5225\u6d6a\u8cbb\u5927\u5bb6\u7684\u6642\u9593\u4e86\u3002<\/p>\" +\n      \"<p style='font-size:16px;text-indent:2em;'>\u5c07\u81ea\u5df1\u7684\u689d\u4ef6\u64fa\u51fa\u4f86\uff0c\u4e00\u8a9e\u76f4\u9054\u76ee\u7684\uff0c\u90a3\u5c31\u662f\u5c0d\u65bc\u7d50\u5a5a\u6709\u4ec0\u9ebc\u60f3\u6cd5\u8207\u6253\u7b97\uff1f\u5982\u679c\u5c0d\u65bc\u672a\u4f86\u7684\u60f3\u6cd5\u8207\u6253\u7b97\uff0c\u8ddf\u81ea\u5df1\u60f3\u7684\u4e00\u6a23\uff0c\u90a3\u9ebc\u5f88\u4e0d\u932f\uff0c\u60a8\u662f\u6975\u6709\u53ef\u80fd\u8003\u616e\u8207\u5c0d\u65b9\u76f8\u8655\u7684\u3002<\/p><\/div>\",\n    traits: {\n      \"\u76f4\u7387\u8868\u9054\": 90,\n      \"\u6c7a\u65b7\u529b\": 85,\n      \"\u76ee\u6a19\u660e\u78ba\": 95,\n      \"\u6642\u9593\u6548\u7387\": 85\n    }\n  }\n};\n\n\/\/ \u5168\u5c40\u8b8a\u91cf\nlet currentQuestion = 0;\nlet userAnswers = [];\nlet resultCounts = {'A': 0, 'B': 0, 'C': 0, 'D': 0};\nlet radarChart = null;\n\n\/\/ \u958b\u59cb\u6e2c\u9a57\nfunction startQuiz() {\n  document.getElementById('nt-intro').style.display = 'none';\n  document.getElementById('nt-progress').style.display = 'block';\n  document.getElementById('nt-quiz').style.display = 'block';\n  document.getElementById('nt-total').textContent = quizData.length;\n  renderQuestion();\n}\n\n\/\/ \u6e32\u67d3\u7576\u524d\u984c\u76ee\nfunction renderQuestion() {\n  const questionData = quizData[currentQuestion];\n  const prevBtnHtml = currentQuestion > 0 ? \n    `<button onclick=\"prevQuestion()\" style=\"background: rgba(220,220,220,0.5); color: #5a6c8a; border: none; padding: 0.8rem 2rem; border-radius: 8px; font-size: 16px; cursor: pointer; display: block; margin: 1.5rem auto 0;\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"margin-right: 8px; vertical-align: middle;\">\n        <path d=\"M19 12H5M5 12L11 6M5 12L11 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n      \u4e0a\u4e00\u984c\n    <\/button>` : '';\n  \n  document.getElementById('nt-quiz').innerHTML = `\n    <div style=\"padding: 2rem; background: rgba(255,255,255,0.92); border-radius: 16px; box-shadow: 0 10px 30px rgba(74,137,220,0.15); margin-top: 10px;\">\n      <h3 style=\"color: #2c3e50; font-size: 22px; font-weight: bold; margin-bottom: 1.5rem;\">${questionData.question}<\/h3>\n      <div>\n        ${questionData.options.map((option, index) => `\n          <button onclick=\"selectOption('${option.result}')\" style=\"display: flex; align-items: center; justify-content: flex-start; min-height: 80px; width: 100%; padding: 1.2rem 1.5rem; background: rgba(225,239,254,0.95); color: #2c3e50; border: none; border-radius: 12px; font-size: 16px; cursor: pointer; text-align: left; line-height: 1.6; box-shadow: 0 4px 15px rgba(52,152,219,0.2); margin-bottom: 1rem; position: relative;\">\n            <span style=\"position: relative; z-index: 2;\">${String.fromCharCode(65 + index)}. ${option.text}<\/span>\n          <\/button>\n        `).join('')}\n      <\/div>\n      ${prevBtnHtml}\n    <\/div>\n  `;\n  \n  \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n  updateProgress();\n}\n\n\/\/ \u9078\u64c7\u9078\u9805\nfunction selectOption(result) {\n  userAnswers.push(result);\n  resultCounts[result]++;\n  \n  if (currentQuestion < quizData.length - 1) {\n    currentQuestion++;\n    renderQuestion();\n    window.scrollTo({top: 0, behavior: 'smooth'});\n  } else {\n    showResult();\n  }\n}\n\n\/\/ \u8fd4\u56de\u4e0a\u4e00\u984c\nfunction prevQuestion() {\n  if (currentQuestion > 0) {\n    currentQuestion--;\n    userAnswers.pop();\n    updateResultCounts();\n    renderQuestion();\n  }\n}\n\n\/\/ \u66f4\u65b0\u7d50\u679c\u8a08\u6578\nfunction updateResultCounts() {\n  resultCounts = {'A': 0, 'B': 0, 'C': 0, 'D': 0};\n  userAnswers.forEach(result => {\n    resultCounts[result]++;\n  });\n}\n\n\/\/ \u66f4\u65b0\u9032\u5ea6\u689d\nfunction updateProgress() {\n  const progress = ((currentQuestion + 1) \/ quizData.length) * 100;\n  document.getElementById('nt-progress-bar').style.width = `${progress}%`;\n  document.getElementById('nt-current').textContent = currentQuestion + 1;\n  document.getElementById('nt-progress-percent').textContent = `${Math.round(progress)}%`;\n}\n\n\/\/ \u986f\u793a\u7d50\u679c\nfunction showResult() {\n  \/\/ \u627e\u51fa\u6700\u591a\u7684\u7d50\u679c\u985e\u578b\n  let maxResult = 'A';\n  let maxCount = resultCounts['A'];\n  \n  for (let result in resultCounts) {\n    if (resultCounts[result] > maxCount) {\n      maxCount = resultCounts[result];\n      maxResult = result;\n    }\n  }\n  \n  const result = results[maxResult];\n  \n  \/\/ \u66f4\u65b0\u7d50\u679c\u9801\u9762\n  document.getElementById('nt-result-title').innerHTML = `\n    <div style=\"color:#4a89dc;font-size:22px;margin-bottom:0.5rem;\">\u76f8\u89aa\u59ff\u614b\u89e3\u6790<\/div>\n    <div style=\"font-size:28px;color:#2c3e50;\">${result.title}<\/div>\n  `;\n  document.getElementById('nt-result-content').innerHTML = result.description;\n  \n  \/\/ \u96b1\u85cf\u554f\u984c\u5340\u57df\uff0c\u986f\u793a\u7d50\u679c\n  document.getElementById('nt-quiz').style.display = 'none';\n  document.getElementById('nt-progress').style.display = 'none';\n  document.getElementById('nt-result').style.display = 'block';\n  \n  \/\/ \u6e32\u67d3\u96f7\u9054\u5716\n  setTimeout(() => {\n    renderChart(result.traits);\n  }, 100);\n  \n  \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n  window.scrollTo({top: 0, behavior: 'smooth'});\n}\n\n\/\/ \u6e32\u67d3\u96f7\u9054\u5716\nfunction renderChart(traits) {\n  const ctx = document.getElementById('nt-result-chart').getContext('2d');\n  const labels = Object.keys(traits);\n  const data = Object.values(traits);\n  \n  \/\/ \u5982\u679c\u5df2\u6709\u5716\u8868\uff0c\u5148\u92b7\u6bc0\n  if (radarChart) {\n    radarChart.destroy();\n  }\n  \n  \/\/ \u5275\u5efa\u65b0\u5716\u8868\n  radarChart = new Chart(ctx, {\n    type: 'radar',\n    data: {\n      labels: labels,\n      datasets: [{\n        label: '\u7279\u8cea\u5206\u6790',\n        data: data,\n        backgroundColor: 'rgba(74, 137, 220, 0.2)',\n        borderColor: 'rgba(74, 137, 220, 0.8)',\n        pointBackgroundColor: 'rgba(74, 137, 220, 1)',\n        pointBorderColor: '#fff',\n        pointHoverBackgroundColor: '#fff',\n        pointHoverBorderColor: 'rgba(74, 137, 220, 1)'\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.1)'\n          },\n          suggestedMin: 0,\n          suggestedMax: 100,\n          ticks: {\n            stepSize: 20,\n            backdropColor: 'rgba(0, 0, 0, 0)',\n            color: '#5a6c8a'\n          },\n          grid: {\n            color: 'rgba(0, 0, 0, 0.1)'\n          },\n          pointLabels: {\n            color: '#2c3e50',\n            font: {\n              size: 14\n            }\n          }\n        }\n      },\n      plugins: {\n        legend: {\n          display: false\n        },\n        tooltip: {\n          callbacks: {\n            label: function(context) {\n              return `${context.label}: ${context.raw}%`;\n            }\n          }\n        }\n      }\n    }\n  });\n}\n\n\/\/ \u91cd\u65b0\u6e2c\u9a57\nfunction restartQuiz() {\n  currentQuestion = 0;\n  userAnswers = [];\n  resultCounts = {'A': 0, 'B': 0, 'C': 0, 'D': 0};\n  \n  document.getElementById('nt-result').style.display = 'none';\n  document.getElementById('nt-progress').style.display = 'block';\n  document.getElementById('nt-quiz').style.display = 'block';\n  \n  renderQuestion();\n  window.scrollTo({top: 0, behavior: 'smooth'});\n}\n<\/script>\n\n<style>\n\/* \u61f8\u505c\u6548\u679c *\/\nbutton:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 25px rgba(74,137,220,0.3) !important;\n}\n\nbutton:active {\n  transform: translateY(-1px);\n  box-shadow: 0 6px 15px rgba(74,137,220,0.25) !important;\n}\n\n\/* \u6d6e\u52d5\u52d5\u756b *\/\n@keyframes float {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n  #nt-quiz-container {\n    margin: 10px;\n    padding: 10px;\n  }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>\u5927\u90e8\u5206\u4eba\u90fd\u4e00\u6837\uff0c\u641e\u4e0d\u6e05\u695a\u81ea\u5df1\u7684\u76f8\u4eb2\u59ff\u6001\u662f\u600e\u6837\u7684\uff0c\u6bd5\u7adf\u76f8\u4eb2\u662f\u5bf9\u7740\u76f8\u4eb2\u5bf9\u8c61\uff0c\u4e0d\u662f\u9762\u5bf9\u955c\u5b50\u7684\u3002\u4e0d\u5982\u8ba9\u6d4b\u8bd5\u5e2e\u4f60\u770b\u770b\u4f60\u7684\u76f8\u4eb2\u59ff\u6001\u662f\u600e\u6837\u7684\uff1f<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[179,178],"tags":[],"class_list":["post-2415","post","type-post","status-publish","format-standard","hentry","category-marriage","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2415","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=2415"}],"version-history":[{"count":19,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2415\/revisions"}],"predecessor-version":[{"id":10374,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2415\/revisions\/10374"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}