\u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b<\/title>\n <style>\n :root {\n --primary: #2c3e50;\n --accent: #e74c3c;\n --bg: #f5f7fa;\n --card: #ffffff;\n --text: #333333;\n --border: #e2e8f0;\n }\n\n * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }\n body { background-color: var(--bg); color: var(--text); line-height: 1.6; margin: 0; padding: 20px; }\n \n .container { max-width: 720px; margin: 0 auto; background: var(--card); border-radius: 16px; padding: 32px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }\n h1 { color: var(--primary); text-align: center; margin-bottom: 8px; font-size: 1.8rem; }\n .subtitle { text-align: center; color: #666; margin-bottom: 24px; font-weight: 500; }\n \n .intro-card { background: #edf2f7; padding: 20px; border-radius: 12px; margin-bottom: 28px; font-size: 0.95rem; }\n\n .section-title { font-size: 1.2rem; border-left: 4px solid var(--primary); padding-left: 10px; margin: 24px 0 16px; color: var(--primary); }\n \n \/* \u984c\u7d44\u6a23\u5f0f *\/\n .q-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 18px; margin-bottom: 16px; }\n .q-text { font-weight: 600; margin-bottom: 12px; }\n .rating-group { display: flex; gap: 8px; justify-content: space-between; }\n .rating-label { flex: 1; text-align: center; padding: 10px 0; background: #f7fafc; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; font-size: 0.85rem; transition: all 0.2s; }\n .rating-label input { display: none; }\n .rating-label:has(input:checked) { background: var(--primary); color: #fff; border-color: var(--primary); font-weight: bold; }\n\n .option-list { display: flex; flex-direction: column; gap: 8px; }\n .option-item { padding: 12px 16px; background: #f7fafc; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 10px; }\n .option-item:has(input:checked) { background: #ebf8ff; border-color: #3182ce; font-weight: 600; }\n textarea { width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 12px; font-size: 0.95rem; resize: vertical; min-height: 80px; }\n\n .btn { display: block; width: 100%; padding: 16px; background: var(--primary); color: white; border: none; border-radius: 10px; font-size: 1.1rem; font-weight: bold; cursor: pointer; margin-top: 24px; text-align: center; }\n .btn:hover { opacity: 0.9; }\n \n \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n #result-page { display: none; }\n .result-header { text-align: center; padding: 20px 0; border-bottom: 2px dashed var(--border); }\n .type-badge { display: inline-block; background: var(--accent); color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; margin-bottom: 8px; }\n .type-title { font-size: 1.6rem; color: var(--primary); margin: 4px 0; }\n .keywords { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }\n .kw-tag { background: #edf2f7; color: #4a5568; padding: 4px 10px; border-radius: 6px; font-size: 0.85rem; }\n \n .course-card { background: #fffaf0; border: 1px solid #feebc8; padding: 18px; border-radius: 12px; margin: 20px 0; }\n .path-box { background: #f0fff4; border: 1px solid #c6f6d5; padding: 18px; border-radius: 12px; margin-bottom: 20px; }\n .sub-result { background: #f7fafc; padding: 16px; border-radius: 12px; margin-top: 24px; border: 1px solid var(--border); }\n\n .score-bar-container { margin: 24px 0; }\n .score-row { display: flex; align-items: center; margin-bottom: 10px; font-size: 0.85rem; }\n .score-name { width: 110px; font-weight: bold; }\n .score-bar-bg { flex: 1; background: #edf2f7; height: 12px; border-radius: 6px; overflow: hidden; margin: 0 10px; }\n .score-bar-fill { background: var(--primary); height: 100%; border-radius: 6px; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <form id=\"quiz-form\">\n <h1>\u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b<\/h1>\n <div class=\"subtitle\">3\u5206\u9418\uff0c\u627e\u5230\u6700\u9069\u5408\u4f60\u7684\u7b2c\u4e00\u9580\u6232\u5287\u8ab2<\/div>\n\n \n <div id=\"step-1\">\n <div class=\"intro-card\">\n \u4f60\u4f86\u5230\u9019\u88e1\uff0c\u4e5f\u8a31\u662f\u56e0\u70ba\u60f3\u5b78\u8868\u6f14\uff0c\u6216\u60f3\u8b93\u81ea\u5df1\u66f4\u6562\u8aaa\u3001\u66f4\u81ea\u7136\uff1b\u4e5f\u53ef\u80fd\u662f\u6700\u8fd1\u767c\u73fe\u81ea\u5df1\u5728\u8868\u9054\u4e0a\u5361\u4f4f\u4e86\u3002<br><br>\n \u9019\u4efd\u6e2c\u9a57\u4e0d\u662f\u8981\u5224\u65b7\u4f60\u6709\u6c92\u6709\u5929\u5206\uff0c\u800c\u662f\u5e6b\u4f60\u627e\u5230\uff1a<strong>\u4f60\u73fe\u5728\u6700\u9069\u5408\u5f9e\u54ea\u4e00\u7a2e\u7df4\u7fd2\u958b\u59cb\u3002<\/strong><br><br>\n <strong>\u4f5c\u7b54\u65b9\u5f0f\uff1a<\/strong>1\u5206(\u5b8c\u5168\u4e0d\u50cf\u6211) \uff5e 5\u5206(\u975e\u5e38\u50cf\u6211)\n <\/div>\n \n <div class=\"section-title\">\u7b2c\u4e00\u90e8\u5206\uff5c\u4f60\u73fe\u5728\u7684\u72c0\u614b<\/div>\n <div id=\"rating-questions\"><\/div>\n\n <button type=\"button\" class=\"btn\" onclick=\"goToStep(2)\">\u4e0b\u4e00\u6b65\uff1a\u586b\u5beb\u5b78\u7fd2\u80cc\u666f<\/button>\n <\/div>\n\n \n <div id=\"step-2\" style=\"display:none;\">\n <div class=\"section-title\">\u7b2c\u4e8c\u90e8\u5206\uff5c\u4f60\u7684\u5b78\u7fd2\u80cc\u666f<\/div>\n <div id=\"bg-questions\"><\/div>\n\n <button type=\"button\" class=\"btn\" onclick=\"calculateResult()\">\u67e5\u770b\u5206\u6790\u7d50\u679c<\/button>\n <button type=\"button\" class=\"btn\" style=\"background:#a0aec0; margin-top:8px;\" onclick=\"goToStep(1)\">\u8fd4\u56de\u4e0a\u4e00\u9801<\/button>\n <\/div>\n <\/form>\n\n \n <div id=\"result-page\">\n <div class=\"result-header\">\n <span class=\"type-badge\">\u4e3b\u8981\u63a8\u85a6<\/span>\n <h2 class=\"type-title\" id=\"res-main-title\"><\/h2>\n <div class=\"keywords\" id=\"res-main-kw\"><\/div>\n <\/div>\n\n <div style=\"margin-top: 20px; font-size: 1.05rem;\" id=\"res-main-desc\"><\/div>\n\n <div class=\"course-card\">\n <h4 style=\"margin:0 0 8px 0; color:#c05621;\">\ud83d\udca1 \u5efa\u8b70\u7b2c\u4e00\u9580\u8ab2\uff08\u4f86\u81ea\u4e94\u5927\u7cfb\u5217\u8ab2\u7a0b\uff09<\/h4>\n <div id=\"res-main-course\" style=\"font-weight:bold; font-size:1.15rem; color:#7b341e;\"><\/div>\n <\/div>\n\n <div class=\"path-box\">\n <h4 style=\"margin:0 0 8px 0; color:#22543d;\">\ud83d\udee3\ufe0f \u5efa\u8b70\u5b78\u7fd2\u8def\u5f91<\/h4>\n <div id=\"res-main-path\" style=\"color:#1c4532; font-weight:600; line-height:1.8;\"><\/div>\n <\/div>\n\n <div class=\"score-bar-container\">\n <h4>\u5404\u7dad\u5ea6\u9700\u6c42\u8a55\u4f30\u5206\u6790<\/h4>\n <div id=\"score-bars\"><\/div>\n <\/div>\n\n <div class=\"sub-result\">\n <h4 style=\"margin:0 0 8px 0;\">\ud83c\udfaf \u8f14\u52a9\u985e\u578b\u5206\u6790\uff1a<span id=\"res-sub-title\"><\/span><\/h4>\n <p id=\"res-sub-desc\" style=\"font-size:0.92rem; margin-bottom:0; color:#4a5568;\"><\/p>\n <\/div>\n\n <button class=\"btn\" onclick=\"location.reload()\">\u91cd\u65b0\u9032\u884c\u6e2c\u9a57<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/\/ --- \u984c\u76ee\u8cc7\u6599\u5eab ---\nconst ratingQuestions = [\n { id:1, type:'A', text:'1. \u6211\u5e38\u5e38\u5148\u628a\u4e8b\u60c5\u8655\u7406\u5b8c\uff0c\u4e4b\u5f8c\u624d\u767c\u73fe\u81ea\u5df1\u5176\u5be6\u5df2\u7d93\u5f88\u7d2f\u3002' },\n { id:2, type:'A', text:'2. \u7576\u5225\u4eba\u554f\u6211\u300c\u4f60\u73fe\u5728\u6709\u4ec0\u9ebc\u611f\u89ba\u300d\uff0c\u6211\u6709\u6642\u8aaa\u4e0d\u592a\u51fa\u4f86\u3002' },\n { id:3, type:'A', text:'3. \u9047\u5230\u58d3\u529b\u6642\uff0c\u6211\u5bb9\u6613\u628a\u60c5\u7dd2\u6536\u8d77\u4f86\uff0c\u88dd\u4f5c\u6c92\u4e8b\u3002' },\n { id:4, type:'A', text:'4. \u6211\u5e38\u5e38\u9867\u616e\u5225\u4eba\u7684\u611f\u53d7\uff0c\u537b\u4e0d\u78ba\u5b9a\u81ea\u5df1\u771f\u6b63\u60f3\u8981\u4ec0\u9ebc\u3002' },\n { id:5, type:'B', text:'5. \u6211\u8166\u4e2d\u660e\u660e\u6709\u60f3\u6cd5\uff0c\u8aaa\u51fa\u53e3\u6642\u537b\u5bb9\u6613\u6df7\u4e82\u6216\u8a5e\u4e0d\u9054\u610f\u3002' },\n { id:6, type:'B', text:'6. \u9762\u5c0d\u4e0d\u719f\u7684\u4eba\uff0c\u6211\u5e38\u4e0d\u77e5\u9053\u600e\u9ebc\u81ea\u7136\u958b\u555f\u6216\u5ef6\u7e8c\u8a71\u984c\u3002' },\n { id:7, type:'B', text:'7. \u7576\u6211\u4e0d\u540c\u610f\u5225\u4eba\u6642\uff0c\u5bb9\u6613\u9000\u7e2e\u3001\u6c89\u9ed8\u6216\u52c9\u5f37\u914d\u5408\u3002' },\n { id:8, type:'B', text:'8. \u6211\u5e0c\u671b\u81ea\u5df1\u8aaa\u8a71\u6642\u66f4\u6709\u91cd\u9ede\u3001\u611f\u67d3\u529b\u548c\u5b58\u5728\u611f\u3002' },\n { id:9, type:'C', text:'9. \u88ab\u5225\u4eba\u6ce8\u8996\u6642\uff0c\u6211\u7684\u8eab\u9ad4\u5bb9\u6613\u50f5\u786c\u6216\u4e0d\u81ea\u7136\u3002' },\n { id:10, type:'C', text:'10. \u62cd\u7167\u3001\u9304\u5f71\u6216\u4e0a\u53f0\u6642\uff0c\u6211\u5e38\u4e0d\u77e5\u9053\u624b\u8173\u8a72\u600e\u9ebc\u653e\u3002' },\n { id:11, type:'C', text:'11. \u5225\u4eba\u6709\u6642\u770b\u4e0d\u51fa\u6211\u7684\u60c5\u7dd2\uff0c\u6216\u89ba\u5f97\u6211\u7684\u8868\u60c5\u8b8a\u5316\u4e0d\u591a\u3002' },\n { id:12, type:'C', text:'12. \u6211\u77e5\u9053\u81ea\u5df1\u60f3\u8868\u9054\u4ec0\u9ebc\uff0c\u4f46\u8072\u97f3\u3001\u8868\u60c5\u6216\u8eab\u9ad4\u5e38\u5e38\u8ddf\u4e0d\u4e0a\u3002' },\n { id:13, type:'D', text:'13. \u6211\u5c0d\u89d2\u8272\u626e\u6f14\u3001\u5373\u8208\u3001\u8868\u6f14\u6216\u821e\u53f0\u6d3b\u52d5\u611f\u5230\u597d\u5947\u3002' },\n { id:14, type:'D', text:'14. \u6211\u5e38\u60f3\u50cf\u81ea\u5df1\u6210\u70ba\u4e0d\u540c\u4eba\u7269\uff0c\u9ad4\u9a57\u4e0d\u540c\u7684\u4eba\u751f\u3002' },\n { id:15, type:'D', text:'15. \u5373\u4f7f\u6c92\u6709\u7d93\u9a57\uff0c\u6211\u4e5f\u60f3\u77e5\u9053\u81ea\u5df1\u5230\u5e95\u80fd\u4e0d\u80fd\u6f14\u3002' },\n { id:16, type:'D', text:'16. \u6211\u5e0c\u671b\u900f\u904e\u8868\u6f14\uff0c\u8b8a\u5f97\u66f4\u6709\u81ea\u4fe1\u3001\u66f4\u6562\u88ab\u770b\u898b\u3002' },\n { id:17, type:'E', text:'17. \u6211\u66fe\u7d93\u4e0a\u904e\u8868\u6f14\u8ab2\uff0c\u6216\u53c3\u8207\u904e\u821e\u53f0\u3001\u62cd\u651d\u3001\u77ed\u7247\u7b49\u6f14\u51fa\u3002' },\n { id:18, type:'E', text:'18. \u6211\u6709\u6642\u77e5\u9053\u6280\u5de7\uff0c\u771f\u6b63\u8868\u6f14\u6642\u537b\u9084\u662f\u5bb9\u6613\u7528\u529b\u6216\u4e0d\u81ea\u7136\u3002' },\n { id:19, type:'E', text:'19. \u6211\u5e0c\u671b\u52a0\u5f37\u89d2\u8272\u5851\u9020\u3001\u60c5\u7dd2\u5c64\u6b21\u3001\u611f\u5b98\u6216\u5c0d\u624b\u53cd\u61c9\u3002' },\n { id:20, type:'E', text:'20. \u6211\u611f\u89ba\u81ea\u5df1\u6709\u56fa\u5b9a\u7684\u8868\u6f14\u7fd2\u6163\uff0c\u60f3\u7a81\u7834\u539f\u672c\u7684\u6a21\u5f0f\u3002' },\n { id:21, type:'F', text:'21. \u6211\u5e0c\u671b\u672a\u4f86\u6709\u6a5f\u6703\u53c3\u8207\u5f71\u8996\u3001\u5ee3\u544a\u3001\u77ed\u5f71\u97f3\u6216\u62cd\u651d\u5de5\u4f5c\u3002' },\n { id:22, type:'F', text:'22. \u93e1\u982d\u4e00\u6253\u958b\uff0c\u6211\u5bb9\u6613\u8b8a\u5f97\u4e0d\u81ea\u7136\uff0c\u6216\u4e0d\u50cf\u5e73\u5e38\u7684\u81ea\u5df1\u3002' },\n { id:23, type:'F', text:'23. \u6211\u60f3\u5b78\u6703\u62cd\u651d\u81ea\u6211\u4ecb\u7d39\u3001\u8a66\u93e1\u5f71\u7247\u6216\u6f14\u54e1\u8cc7\u6599\u3002' },\n { id:24, type:'F', text:'24. \u6211\u60f3\u77e5\u9053\u81ea\u5df1\u8ddd\u96e2\u771f\u6b63\u9032\u5165\u5287\u7d44\u6216\u63a5\u6848\uff0c\u9084\u7f3a\u54ea\u4e9b\u80fd\u529b\u3002' }\n];\n\nconst bgQuestions = [\n { id:25, type:'radio', text:'25. \u4f60\u76ee\u524d\u7684\u8868\u6f14\u7d93\u9a57\u662f\uff1f', opts:['\u5b8c\u5168\u6c92\u6709\u7d93\u9a57','\u53c3\u52a0\u904e\u55ae\u6b21\u9ad4\u9a57\u6216\u77ed\u671f\u5de5\u4f5c\u574a','\u4e0a\u904e\u4e09\u500b\u6708\u4ee5\u4e0a\u7684\u8868\u6f14\u8ab2\u7a0b','\u6709\u821e\u53f0\u6f14\u51fa\u7d93\u9a57','\u6709\u5f71\u8996\u6216\u5ee3\u544a\u62cd\u651d\u7d93\u9a57','\u5df2\u7d93\u6709\u56fa\u5b9a\u6f14\u51fa\u6216\u63a5\u6848\u7d93\u9a57'] },\n { id:26, type:'checkbox', max:3, text:'26. \u4f60\u6700\u60f3\u6539\u5584\u7684\u4e8b\u60c5\u662f\u4ec0\u9ebc\uff1f(\u6700\u591a\u9078\u4e09\u9805)', opts:['\u66f4\u4e86\u89e3\u81ea\u5df1\u7684\u60c5\u7dd2\u8207\u611f\u53d7','\u66f4\u81ea\u7136\u5730\u548c\u5225\u4eba\u76f8\u8655','\u589e\u52a0\u804a\u5929\u8207\u56de\u61c9\u80fd\u529b','\u63d0\u5347\u8aaa\u8a71\u8207\u8868\u9054\u80fd\u529b','\u6539\u5584\u8eab\u9ad4\u50f5\u786c','\u589e\u52a0\u8868\u60c5\u8207\u8072\u97f3\u8b8a\u5316','\u5efa\u7acb\u81ea\u4fe1\u8207\u500b\u4eba\u9b45\u529b','\u5b78\u7fd2\u57fa\u790e\u8868\u6f14','\u63d0\u5347\u6f14\u6280\u8207\u89d2\u8272\u80fd\u529b','\u7df4\u7fd2\u93e1\u982d\u8868\u73fe','\u6e96\u5099\u8a66\u93e1\u6216\u6f14\u54e1\u5de5\u4f5c','\u5b8c\u6210\u4e00\u6b21\u6b63\u5f0f\u6f14\u51fa','\u55ae\u7d14\u60f3\u9ad4\u9a57\u4e0d\u540c\u7684\u81ea\u5df1'] },\n { id:27, type:'radio', text:'27. \u54ea\u4e00\u7a2e\u60c5\u5883\u6700\u5bb9\u6613\u8b93\u4f60\u4e0d\u81ea\u5728\uff1f', opts:['\u548c\u964c\u751f\u4eba\u804a\u5929','\u5728\u5718\u9ad4\u4e2d\u767c\u8a00','\u8868\u9054\u4e0d\u540c\u610f\u898b','\u88ab\u5225\u4eba\u6ce8\u8996','\u62cd\u7167\u6216\u9304\u5f71','\u4e0a\u53f0\u8868\u6f14','\u9762\u5c0d\u6b0a\u5a01\u6216\u4e3b\u7ba1','\u9032\u5165\u89aa\u5bc6\u6216\u885d\u7a81\u95dc\u4fc2','\u6c92\u6709\u7279\u5225\u4e0d\u81ea\u5728\u7684\u60c5\u5883'] },\n { id:28, type:'radio', text:'28. \u4f60\u6bd4\u8f03\u504f\u597d\u7684\u5b78\u7fd2\u65b9\u5f0f\u662f\uff1f', opts:['\u5718\u9ad4\u8ab2\u7a0b','\u5c0f\u73ed\u8ab2\u7a0b','\u4e00\u5c0d\u4e00\u8a13\u7df4','\u5bc6\u96c6\u5de5\u4f5c\u574a','\u7dda\u4e0a\u966a\u8dd1\u8207\u81ea\u4e3b\u7df4\u7fd2','\u9084\u4e0d\u78ba\u5b9a\uff0c\u5e0c\u671b\u6709\u4eba\u5354\u52a9\u8a55\u4f30'] },\n { id:29, type:'radio', text:'29. \u4f60\u6bcf\u9031\u5927\u7d04\u53ef\u4ee5\u6295\u5165\u591a\u5c11\u6642\u9593\uff1f', opts:['1\u5c0f\u6642\u4ee5\u5167','1\u81f32\u5c0f\u6642','2\u81f34\u5c0f\u6642','4\u5c0f\u6642\u4ee5\u4e0a','\u53ef\u4ee5\u914d\u5408\u77ed\u671f\u5bc6\u96c6\u8a13\u7df4','\u76ee\u524d\u9084\u4e0d\u78ba\u5b9a'] },\n { id:30, type:'radio', text:'30. \u4f60\u73fe\u5728\u6700\u64d4\u5fc3\u7684\u662f\u4ec0\u9ebc\uff1f', opts:['\u6015\u81ea\u5df1\u6c92\u6709\u5929\u5206','\u6015\u8ddf\u4e0d\u4e0a\u5176\u4ed6\u5b78\u54e1','\u6015\u5728\u4eba\u524d\u51fa\u7cd7','\u6015\u8ab2\u7a0b\u592a\u56b4\u8085\u6216\u6709\u58d3\u529b','\u6015\u81ea\u5df1\u7684\u5e74\u9f61\u4e0d\u9069\u5408','\u6015\u6642\u9593\u7121\u6cd5\u914d\u5408','\u6015\u8cbb\u7528\u8d85\u51fa\u9810\u7b97','\u6015\u9078\u932f\u8ab2\u7a0b','\u6c92\u6709\u7279\u5225\u64d4\u5fc3'] },\n { id:31, type:'text', text:'31. \u5047\u8a2d\u4e09\u500b\u6708\u5f8c\uff0c\u4f60\u771f\u7684\u6709\u4e86\u6539\u8b8a\uff0c\u4f60\u6700\u5e0c\u671b\u5225\u4eba\u600e\u9ebc\u5f62\u5bb9\u4f60\uff1f' }\n];\n\n\/\/ --- \u66f4\u65b0\u5f8c\u7684 6 \u5927\u985e\u578b\u8cc7\u6599\u5eab (\u5168\u9762\u6574\u5408\u6700\u65b0 26 \u9580\u8ab2\u7a0b) ---\nconst profiles = {\n A: { \n title:'\u2460 \u611f\u53d7\u91cd\u555f\u578b', \n name:'\u611f\u53d7\u91cd\u555f', \n kw:['\u6490\u4f4f','\u914d\u5408','\u58d3\u6291','\u91cd\u65b0\u611f\u89ba\u81ea\u5df1'], \n desc:'\u4f60\u4e0d\u662f\u6c92\u6709\u611f\u53d7\uff0c\u800c\u662f\u592a\u7fd2\u6163\u5148\u5b8c\u6210\u4e8b\u60c5\u3001\u7167\u9867\u5225\u4eba\uff0c\u6700\u5f8c\u624d\u60f3\u5230\u81ea\u5df1\u3002\u4f60\u73fe\u5728\u6700\u9700\u8981\u7684\uff0c\u4e0d\u662f\u7acb\u523b\u8b8a\u5f97\u66f4\u6703\u8868\u6f14\uff0c\u800c\u662f\u5148\u7df4\u7fd2\u56de\u5230\u81ea\u5df1\u7684\u8eab\u9ad4\u3001\u60c5\u7dd2\u548c\u754c\u7dda\u88e1\u3002', \n course:'\u300a\u4eba\u751f\u7df4\u7fd2\u8ab2\u300b\u56de\u5230\u73fe\u5834', \n path:'\u56de\u5230\u73fe\u5834 \u2192 \u5275\u9020\u500b\u4eba\u597dEQ \u2192 \u8eab\u9ad4\u4f7f\u7528\u8aaa\u660e\u66f8 \u2192 \u4eba\u751f\u8abf\u983b\u5ba4\uff5c\u4e00\u5c0d\u4e00\u751f\u6d3b\u6821\u6e96' \n },\n B: { \n title:'\u2461 \u8868\u9054\u958b\u5c55\u578b', \n name:'\u8868\u9054\u958b\u5c55', \n kw:['\u6709\u60f3\u6cd5','\u8aaa\u4e0d\u6e05\u695a','\u5bb9\u6613\u51b7\u5834','\u4e0d\u6562\u8868\u9054'], \n desc:'\u4f60\u4e0d\u662f\u6c92\u6709\u5167\u5bb9\uff0c\u53ea\u662f\u7576\u4f60\u7dca\u5f35\u3001\u5728\u610f\u5225\u4eba\u7684\u53cd\u61c9\uff0c\u6216\u4e0d\u77e5\u9053\u600e\u9ebc\u63a5\u8a71\u6642\uff0c\u4f60\u7684\u8868\u9054\u5c31\u6703\u7e2e\u5c0f\u3002\u4f60\u9700\u8981\u7684\u662f\u5728\u5b89\u5168\u7684\u4e92\u52d5\u88e1\uff0c\u7df4\u7fd2\u50be\u807d\u3001\u56de\u61c9\u3001\u8aaa\u51fa\u89c0\u9ede\uff0c\u4e5f\u8b93\u5225\u4eba\u771f\u6b63\u807d\u61c2\u4f60\u3002', \n course:'\u300a\u4eba\u751f\u7df4\u7fd2\u8ab2\u300b\u6232\u5287\u958b\u767c', \n path:'\u6232\u5287\u958b\u767c \u2192 \u6545\u4e8b\u884c\u92b7 \u2192 \u8868\u60c5\u5de5\u4f5c\u574a \u2192 \u300a\u7279\u5225\u4f01\u5283\u300b\u89ba\u9192\u8a08\u756b \u2192 \u966a\u8dd1\u8a08\u756b' \n },\n C: { \n title:'\u2462 \u8eab\u9ad4\u89e3\u9396\u578b', \n name:'\u8eab\u9ad4\u89e3\u9396', \n kw:['\u50f5\u786c','\u4e0d\u81ea\u7136','\u8868\u60c5\u6709\u9650','\u5bb3\u6015\u88ab\u770b\u898b'], \n desc:'\u4f60\u7684\u5167\u5728\u53ef\u80fd\u5f88\u8c50\u5bcc\uff0c\u53ea\u662f\u8eab\u9ad4\u3001\u8072\u97f3\u548c\u8868\u60c5\u9084\u6c92\u6709\u5b8c\u5168\u6253\u958b\u3002\u4f60\u73fe\u5728\u9069\u5408\u5f9e\u7c21\u55ae\u7684\u52d5\u4f5c\u3001\u8868\u60c5\u3001\u547c\u5438\u548c\u88ab\u6ce8\u8996\u7df4\u7fd2\u958b\u59cb\uff0c\u8b93\u8eab\u9ad4\u91cd\u65b0\u6210\u70ba\u4f60\u7684\u8868\u9054\u5de5\u5177\u3002', \n course:'\u300a\u4eba\u751f\u7df4\u7fd2\u8ab2\u300b\u8eab\u9ad4\u4f7f\u7528\u8aaa\u660e\u66f8 \u6216 \u8868\u60c5\u5de5\u4f5c\u574a', \n path:'\u8eab\u9ad4\u4f7f\u7528\u8aaa\u660e\u66f8 \u2192 \u8868\u60c5\u5de5\u4f5c\u574a \u2192 \u300a\u93e1\u982d\u5be6\u6230\u8ab2\u300b\u500b\u4eba\u59ff\u614b\u8abf\u6574 \u2192 \u300a\u821e\u53f0\u8868\u6f14\u8ab2\u300b\u6f14\u54e1\u80a2\u9ad4\u958b\u767c' \n },\n D: { \n title:'\u2463 \u6232\u80de\u555f\u52d5\u578b', \n name:'\u6232\u80de\u555f\u52d5', \n kw:['\u597d\u5947','\u60f3\u6f14','\u6c92\u6709\u7d93\u9a57','\u5bb3\u6015\u6c92\u5929\u5206'], \n desc:'\u4f60\u5c0d\u8868\u6f14\u6709\u8208\u8da3\uff0c\u4f46\u53ef\u80fd\u9084\u6c92\u6709\u771f\u6b63\u63a5\u53d7\u904e\u7cfb\u7d71\u8a13\u7df4\u3002\u4f60\u4e0d\u9700\u8981\u5148\u8b49\u660e\u81ea\u5df1\u6709\u5929\u5206\u3002\u4f60\u7684\u7b2c\u4e00\u6b65\uff0c\u662f\u9032\u5165\u5b89\u5168\u3001\u5faa\u5e8f\u6f38\u9032\u7684\u74b0\u5883\uff0c\u7df4\u7fd2\u611f\u53d7\u3001\u53cd\u61c9\u3001\u60f3\u50cf\u548c\u8868\u9054\u3002', \n course:'\u300a\u821e\u53f0\u8868\u6f14\u8ab2\u300b\u555f\u52d5\u6232\u80de', \n path:'\u300a\u7279\u5225\u4f01\u5283\u300b\u9ad4\u9a57\u8ab2 \u2192 \u555f\u52d5\u6232\u80de \u2192 \u904b\u7528\u6232\u80de \u2192 \u8868\u6f14\u5be6\u4f5c \u2192 \u300a\u7279\u5225\u4f01\u5283\u300b\u86fb\u8b8a\u8a08\u756b' \n },\n E: { \n title:'\u2464 \u6f14\u6280\u6df1\u5316\u578b', \n name:'\u6f14\u6280\u6df1\u5316', \n kw:['\u6709\u7d93\u9a57','\u5bb9\u6613\u7528\u529b','\u8868\u6f14\u5361\u95dc','\u9700\u8981\u7a81\u7834'], \n desc:'\u4f60\u5df2\u7d93\u4e0d\u662f\u5b8c\u5168\u7684\u521d\u5b78\u8005\u3002\u4f60\u73fe\u5728\u9700\u8981\u7684\uff0c\u53ef\u80fd\u4e0d\u662f\u518d\u5b78\u66f4\u591a\u8868\u6f14\u6982\u5ff5\uff0c\u800c\u662f\u91cd\u65b0\u6253\u958b\u611f\u5b98\u3001\u7a7a\u9593\u3001\u5c0d\u624b\u8207\u89d2\u8272\uff0c\u7a81\u7834\u56fa\u5b9a\u7684\u8868\u6f14\u65b9\u6cd5\u3002', \n course:'\u300a\u821e\u53f0\u8868\u6f14\u8ab2\u300b\u6f14\u6280\u5be6\u9a57\u5ba4', \n path:'\u6f14\u6280\u5be6\u9a57\u5ba4 \u2192 \u8b80\u5287 \u2192 \u89d2\u8272\u63a2\u7d22 \u2192 \u6f14\u54e1\u80a2\u9ad4\u958b\u767c \u2192 \u6f14\u54e1\u935b\u9020\u5ba4\uff5c\u4e00\u5c0d\u4e00\u821e\u53f0\u57f9\u8a13' \n },\n F: { \n title:'\u2465 \u93e1\u982d\u8077\u6daf\u578b', \n name:'\u93e1\u982d\u8077\u6daf', \n kw:['\u93e1\u982d','\u8a66\u93e1','\u5287\u7d44','\u63a5\u6848','\u8077\u6daf\u65b9\u5411'], \n desc:'\u4f60\u5c0d\u8868\u6f14\u7684\u671f\u5f85\u4e0d\u53ea\u662f\u4e00\u7a2e\u8208\u8da3\uff0c\u4e5f\u53ef\u80fd\u5e0c\u671b\u9010\u6b65\u9032\u5165\u62cd\u651d\u3001\u8a66\u93e1\u6216\u6f14\u54e1\u5de5\u4f5c\u3002\u4f60\u7684\u8ab2\u7a0b\u5b89\u6392\u9700\u8981\u4f9d\u7167\u76ee\u524d\u57fa\u790e\u5206\u6d41\uff0c\u4e0d\u80fd\u53ea\u9760\u55ae\u4e00\u8ab2\u7a0b\u89e3\u6c7a\u3002', \n course:'\u300a\u93e1\u982d\u5be6\u6230\u8ab2\u300b\uff08\u96f6\u57fa\u790e\uff1a\u300a\u555f\u52d5\u6232\u80de\u300b \/ \u6709\u57fa\u790e\uff1a\u300a\u8a66\u93e1\u5e36\u600e\u9ebc\u62cd\u300b\uff09', \n path:'\u500b\u4eba\u9020\u578b\u5b9a\u4f4d \u2192 \u6c1b\u570d\u6f14\u54e1\u57f9\u8a13 \u2192 \u7279\u7d04\u6f14\u54e1\u57f9\u8a13 \u2192 \u8a66\u93e1\u5e36\u600e\u9ebc\u62cd \u2192 \u4e00\u5c0d\u4e00\uff5c\u5c08\u696d\u57f9\u8a13' \n }\n};\n\n\/\/ --- \u521d\u59cb\u5316\u9801\u9762 ---\nfunction init() {\n const rContainer = document.getElementById('rating-questions');\n ratingQuestions.forEach(q => {\n let html = `<div class=\"q-card\"><div class=\"q-text\">${q.text}<\/div><div class=\"rating-group\">`;\n for(let i=1; i<=5; i++){\n html += `<label class=\"rating-label\"><input type=\"radio\" name=\"q${q.id}\" value=\"${i}\" data-type=\"${q.type}\"><span>${i}\u5206<\/span><\/label>`;\n }\n html += `<\/div><\/div>`;\n rContainer.innerHTML += html;\n });\n\n const bContainer = document.getElementById('bg-questions');\n bgQuestions.forEach(q => {\n let html = `<div class=\"q-card\"><div class=\"q-text\">${q.text}<\/div>`;\n if(q.type === 'text'){\n html += `<textarea name=\"q${q.id}\" placeholder=\"\u8acb\u5beb\u4e0b\u4f60\u7684\u60f3\u6cd5...\"><\/textarea>`;\n } else {\n html += `<div class=\"option-list\">`;\n q.opts.forEach(opt => {\n html += `<label class=\"option-item\"><input type=\"${q.type}\" name=\"q${q.id}\" value=\"${opt}\"> ${opt}<\/label>`;\n });\n html += `<\/div>`;\n }\n html += `<\/div>`;\n bContainer.innerHTML += html;\n });\n\n document.querySelectorAll('input[name=\"q26\"]').forEach(checkbox => {\n checkbox.addEventListener('change', () => {\n const checked = document.querySelectorAll('input[name=\"q26\"]:checked');\n if (checked.length > 3) {\n checkbox.checked = false;\n alert('\u6700\u591a\u53ea\u80fd\u9078\u64c7\u4e09\u9805\u5594\uff01');\n }\n });\n });\n}\n\nfunction goToStep(step) {\n if (step === 2) {\n for(let q of ratingQuestions) {\n if(!document.querySelector(`input[name=\"q${q.id}\"]:checked`)) {\n alert('\u7b2c\u4e00\u90e8\u5206\u9084\u6709\u984c\u76ee\u5c1a\u672a\u52fe\u9078\u5594\uff01');\n return;\n }\n }\n document.getElementById('step-1').style.display = 'none';\n document.getElementById('step-2').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n } else {\n document.getElementById('step-2').style.display = 'none';\n document.getElementById('step-1').style.display = 'block';\n }\n}\n\nfunction calculateResult() {\n const reqBg = [25, 27, 28, 29, 30];\n for(let id of reqBg) {\n if(!document.querySelector(`input[name=\"q${id}\"]:checked`)) {\n alert('\u7b2c\u4e8c\u90e8\u5206\u9084\u6709\u55ae\u9078\u984c\u5c1a\u672a\u586b\u5beb\u5b8c\u7562\u5594\uff01');\n return;\n }\n }\n\n const scores = { A:0, B:0, C:0, D:0, E:0, F:0 };\n ratingQuestions.forEach(q => {\n const val = parseInt(document.querySelector(`input[name=\"q${q.id}\"]:checked`).value);\n scores[q.type] += val;\n });\n\n const sortedKeys = Object.keys(scores).sort((a,b) => scores[b] - scores[a]);\n const mainKey = sortedKeys[0];\n const subKey = sortedKeys[1];\n\n const mainData = profiles[mainKey];\n const subData = profiles[subKey];\n\n document.getElementById('res-main-title').innerText = mainData.title;\n document.getElementById('res-main-kw').innerHTML = mainData.kw.map(k => `<span class=\"kw-tag\">#${k}<\/span>`).join('');\n document.getElementById('res-main-desc').innerText = mainData.desc;\n document.getElementById('res-main-course').innerText = mainData.course;\n document.getElementById('res-main-path').innerText = mainData.path;\n\n document.getElementById('res-sub-title').innerText = subData.title;\n document.getElementById('res-sub-desc').innerText = subData.desc;\n\n let barsHTML = '';\n Object.keys(scores).forEach(k => {\n const score = scores[k];\n const pct = (score \/ 20) * 100;\n barsHTML += `\n <div class=\"score-row\">\n <span class=\"score-name\">${profiles[k].name}<\/span>\n <div class=\"score-bar-bg\"><div class=\"score-bar-fill\" style=\"width: ${pct}%;\"><\/div><\/div>\n <span>${score} \u5206<\/span>\n <\/div>\n `;\n });\n document.getElementById('score-bars').innerHTML = barsHTML;\n\n document.getElementById('quiz-form').style.display = 'none';\n document.getElementById('result-page').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\ninit();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b \u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b 3\u5206\u9418\uff0c\u627e\u5230\u6700\u9069\u5408\u4f60\u7684\u7b2c\u4e00\u9580\u6232\u5287\u8ab2 \u4f60\u4f86\u5230\u9019\u88e1\uff0c\u4e5f\u8a31\u662f\u56e0\u70ba … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/udreamart.com\/index.php\/647-2\/\" class=\"more-link\">\u95b1\u8b80\u5168\u6587<span class=\"screen-reader-text\">\u3008\u5c0b\u627e\u6700\u9069\u5408\u81ea\u5df1\u7684\u7b2c\u4e00\u5802\u8ab2\u3009<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages\/647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/comments?post=647"}],"version-history":[{"count":4,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages\/647\/revisions"}],"predecessor-version":[{"id":651,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages\/647\/revisions\/651"}],"wp:attachment":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/media?parent=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":647,"date":"2026-08-02T16:27:34","date_gmt":"2026-08-02T08:27:34","guid":{"rendered":"https:\/\/udreamart.com\/?page_id=647"},"modified":"2026-08-02T16:29:07","modified_gmt":"2026-08-02T08:29:07","slug":"647-2","status":"publish","type":"page","link":"https:\/\/udreamart.com\/index.php\/647-2\/","title":{"rendered":"\u5c0b\u627e\u6700\u9069\u5408\u81ea\u5df1\u7684\u7b2c\u4e00\u5802\u8ab2"},"content":{"rendered":"\n\n\n\n \n \n \u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b<\/title>\n <style>\n :root {\n --primary: #2c3e50;\n --accent: #e74c3c;\n --bg: #f5f7fa;\n --card: #ffffff;\n --text: #333333;\n --border: #e2e8f0;\n }\n\n * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }\n body { background-color: var(--bg); color: var(--text); line-height: 1.6; margin: 0; padding: 20px; }\n \n .container { max-width: 720px; margin: 0 auto; background: var(--card); border-radius: 16px; padding: 32px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }\n h1 { color: var(--primary); text-align: center; margin-bottom: 8px; font-size: 1.8rem; }\n .subtitle { text-align: center; color: #666; margin-bottom: 24px; font-weight: 500; }\n \n .intro-card { background: #edf2f7; padding: 20px; border-radius: 12px; margin-bottom: 28px; font-size: 0.95rem; }\n\n .section-title { font-size: 1.2rem; border-left: 4px solid var(--primary); padding-left: 10px; margin: 24px 0 16px; color: var(--primary); }\n \n \/* \u984c\u7d44\u6a23\u5f0f *\/\n .q-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 18px; margin-bottom: 16px; }\n .q-text { font-weight: 600; margin-bottom: 12px; }\n .rating-group { display: flex; gap: 8px; justify-content: space-between; }\n .rating-label { flex: 1; text-align: center; padding: 10px 0; background: #f7fafc; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; font-size: 0.85rem; transition: all 0.2s; }\n .rating-label input { display: none; }\n .rating-label:has(input:checked) { background: var(--primary); color: #fff; border-color: var(--primary); font-weight: bold; }\n\n .option-list { display: flex; flex-direction: column; gap: 8px; }\n .option-item { padding: 12px 16px; background: #f7fafc; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 10px; }\n .option-item:has(input:checked) { background: #ebf8ff; border-color: #3182ce; font-weight: 600; }\n textarea { width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 12px; font-size: 0.95rem; resize: vertical; min-height: 80px; }\n\n .btn { display: block; width: 100%; padding: 16px; background: var(--primary); color: white; border: none; border-radius: 10px; font-size: 1.1rem; font-weight: bold; cursor: pointer; margin-top: 24px; text-align: center; }\n .btn:hover { opacity: 0.9; }\n \n \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n #result-page { display: none; }\n .result-header { text-align: center; padding: 20px 0; border-bottom: 2px dashed var(--border); }\n .type-badge { display: inline-block; background: var(--accent); color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; margin-bottom: 8px; }\n .type-title { font-size: 1.6rem; color: var(--primary); margin: 4px 0; }\n .keywords { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }\n .kw-tag { background: #edf2f7; color: #4a5568; padding: 4px 10px; border-radius: 6px; font-size: 0.85rem; }\n \n .course-card { background: #fffaf0; border: 1px solid #feebc8; padding: 18px; border-radius: 12px; margin: 20px 0; }\n .path-box { background: #f0fff4; border: 1px solid #c6f6d5; padding: 18px; border-radius: 12px; margin-bottom: 20px; }\n .sub-result { background: #f7fafc; padding: 16px; border-radius: 12px; margin-top: 24px; border: 1px solid var(--border); }\n\n .score-bar-container { margin: 24px 0; }\n .score-row { display: flex; align-items: center; margin-bottom: 10px; font-size: 0.85rem; }\n .score-name { width: 110px; font-weight: bold; }\n .score-bar-bg { flex: 1; background: #edf2f7; height: 12px; border-radius: 6px; overflow: hidden; margin: 0 10px; }\n .score-bar-fill { background: var(--primary); height: 100%; border-radius: 6px; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <form id=\"quiz-form\">\n <h1>\u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b<\/h1>\n <div class=\"subtitle\">3\u5206\u9418\uff0c\u627e\u5230\u6700\u9069\u5408\u4f60\u7684\u7b2c\u4e00\u9580\u6232\u5287\u8ab2<\/div>\n\n \n <div id=\"step-1\">\n <div class=\"intro-card\">\n \u4f60\u4f86\u5230\u9019\u88e1\uff0c\u4e5f\u8a31\u662f\u56e0\u70ba\u60f3\u5b78\u8868\u6f14\uff0c\u6216\u60f3\u8b93\u81ea\u5df1\u66f4\u6562\u8aaa\u3001\u66f4\u81ea\u7136\uff1b\u4e5f\u53ef\u80fd\u662f\u6700\u8fd1\u767c\u73fe\u81ea\u5df1\u5728\u8868\u9054\u4e0a\u5361\u4f4f\u4e86\u3002<br><br>\n \u9019\u4efd\u6e2c\u9a57\u4e0d\u662f\u8981\u5224\u65b7\u4f60\u6709\u6c92\u6709\u5929\u5206\uff0c\u800c\u662f\u5e6b\u4f60\u627e\u5230\uff1a<strong>\u4f60\u73fe\u5728\u6700\u9069\u5408\u5f9e\u54ea\u4e00\u7a2e\u7df4\u7fd2\u958b\u59cb\u3002<\/strong><br><br>\n <strong>\u4f5c\u7b54\u65b9\u5f0f\uff1a<\/strong>1\u5206(\u5b8c\u5168\u4e0d\u50cf\u6211) \uff5e 5\u5206(\u975e\u5e38\u50cf\u6211)\n <\/div>\n \n <div class=\"section-title\">\u7b2c\u4e00\u90e8\u5206\uff5c\u4f60\u73fe\u5728\u7684\u72c0\u614b<\/div>\n <div id=\"rating-questions\"><\/div>\n\n <button type=\"button\" class=\"btn\" onclick=\"goToStep(2)\">\u4e0b\u4e00\u6b65\uff1a\u586b\u5beb\u5b78\u7fd2\u80cc\u666f<\/button>\n <\/div>\n\n \n <div id=\"step-2\" style=\"display:none;\">\n <div class=\"section-title\">\u7b2c\u4e8c\u90e8\u5206\uff5c\u4f60\u7684\u5b78\u7fd2\u80cc\u666f<\/div>\n <div id=\"bg-questions\"><\/div>\n\n <button type=\"button\" class=\"btn\" onclick=\"calculateResult()\">\u67e5\u770b\u5206\u6790\u7d50\u679c<\/button>\n <button type=\"button\" class=\"btn\" style=\"background:#a0aec0; margin-top:8px;\" onclick=\"goToStep(1)\">\u8fd4\u56de\u4e0a\u4e00\u9801<\/button>\n <\/div>\n <\/form>\n\n \n <div id=\"result-page\">\n <div class=\"result-header\">\n <span class=\"type-badge\">\u4e3b\u8981\u63a8\u85a6<\/span>\n <h2 class=\"type-title\" id=\"res-main-title\"><\/h2>\n <div class=\"keywords\" id=\"res-main-kw\"><\/div>\n <\/div>\n\n <div style=\"margin-top: 20px; font-size: 1.05rem;\" id=\"res-main-desc\"><\/div>\n\n <div class=\"course-card\">\n <h4 style=\"margin:0 0 8px 0; color:#c05621;\">\ud83d\udca1 \u5efa\u8b70\u7b2c\u4e00\u9580\u8ab2\uff08\u4f86\u81ea\u4e94\u5927\u7cfb\u5217\u8ab2\u7a0b\uff09<\/h4>\n <div id=\"res-main-course\" style=\"font-weight:bold; font-size:1.15rem; color:#7b341e;\"><\/div>\n <\/div>\n\n <div class=\"path-box\">\n <h4 style=\"margin:0 0 8px 0; color:#22543d;\">\ud83d\udee3\ufe0f \u5efa\u8b70\u5b78\u7fd2\u8def\u5f91<\/h4>\n <div id=\"res-main-path\" style=\"color:#1c4532; font-weight:600; line-height:1.8;\"><\/div>\n <\/div>\n\n <div class=\"score-bar-container\">\n <h4>\u5404\u7dad\u5ea6\u9700\u6c42\u8a55\u4f30\u5206\u6790<\/h4>\n <div id=\"score-bars\"><\/div>\n <\/div>\n\n <div class=\"sub-result\">\n <h4 style=\"margin:0 0 8px 0;\">\ud83c\udfaf \u8f14\u52a9\u985e\u578b\u5206\u6790\uff1a<span id=\"res-sub-title\"><\/span><\/h4>\n <p id=\"res-sub-desc\" style=\"font-size:0.92rem; margin-bottom:0; color:#4a5568;\"><\/p>\n <\/div>\n\n <button class=\"btn\" onclick=\"location.reload()\">\u91cd\u65b0\u9032\u884c\u6e2c\u9a57<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/\/ --- \u984c\u76ee\u8cc7\u6599\u5eab ---\nconst ratingQuestions = [\n { id:1, type:'A', text:'1. \u6211\u5e38\u5e38\u5148\u628a\u4e8b\u60c5\u8655\u7406\u5b8c\uff0c\u4e4b\u5f8c\u624d\u767c\u73fe\u81ea\u5df1\u5176\u5be6\u5df2\u7d93\u5f88\u7d2f\u3002' },\n { id:2, type:'A', text:'2. \u7576\u5225\u4eba\u554f\u6211\u300c\u4f60\u73fe\u5728\u6709\u4ec0\u9ebc\u611f\u89ba\u300d\uff0c\u6211\u6709\u6642\u8aaa\u4e0d\u592a\u51fa\u4f86\u3002' },\n { id:3, type:'A', text:'3. \u9047\u5230\u58d3\u529b\u6642\uff0c\u6211\u5bb9\u6613\u628a\u60c5\u7dd2\u6536\u8d77\u4f86\uff0c\u88dd\u4f5c\u6c92\u4e8b\u3002' },\n { id:4, type:'A', text:'4. \u6211\u5e38\u5e38\u9867\u616e\u5225\u4eba\u7684\u611f\u53d7\uff0c\u537b\u4e0d\u78ba\u5b9a\u81ea\u5df1\u771f\u6b63\u60f3\u8981\u4ec0\u9ebc\u3002' },\n { id:5, type:'B', text:'5. \u6211\u8166\u4e2d\u660e\u660e\u6709\u60f3\u6cd5\uff0c\u8aaa\u51fa\u53e3\u6642\u537b\u5bb9\u6613\u6df7\u4e82\u6216\u8a5e\u4e0d\u9054\u610f\u3002' },\n { id:6, type:'B', text:'6. \u9762\u5c0d\u4e0d\u719f\u7684\u4eba\uff0c\u6211\u5e38\u4e0d\u77e5\u9053\u600e\u9ebc\u81ea\u7136\u958b\u555f\u6216\u5ef6\u7e8c\u8a71\u984c\u3002' },\n { id:7, type:'B', text:'7. \u7576\u6211\u4e0d\u540c\u610f\u5225\u4eba\u6642\uff0c\u5bb9\u6613\u9000\u7e2e\u3001\u6c89\u9ed8\u6216\u52c9\u5f37\u914d\u5408\u3002' },\n { id:8, type:'B', text:'8. \u6211\u5e0c\u671b\u81ea\u5df1\u8aaa\u8a71\u6642\u66f4\u6709\u91cd\u9ede\u3001\u611f\u67d3\u529b\u548c\u5b58\u5728\u611f\u3002' },\n { id:9, type:'C', text:'9. \u88ab\u5225\u4eba\u6ce8\u8996\u6642\uff0c\u6211\u7684\u8eab\u9ad4\u5bb9\u6613\u50f5\u786c\u6216\u4e0d\u81ea\u7136\u3002' },\n { id:10, type:'C', text:'10. \u62cd\u7167\u3001\u9304\u5f71\u6216\u4e0a\u53f0\u6642\uff0c\u6211\u5e38\u4e0d\u77e5\u9053\u624b\u8173\u8a72\u600e\u9ebc\u653e\u3002' },\n { id:11, type:'C', text:'11. \u5225\u4eba\u6709\u6642\u770b\u4e0d\u51fa\u6211\u7684\u60c5\u7dd2\uff0c\u6216\u89ba\u5f97\u6211\u7684\u8868\u60c5\u8b8a\u5316\u4e0d\u591a\u3002' },\n { id:12, type:'C', text:'12. \u6211\u77e5\u9053\u81ea\u5df1\u60f3\u8868\u9054\u4ec0\u9ebc\uff0c\u4f46\u8072\u97f3\u3001\u8868\u60c5\u6216\u8eab\u9ad4\u5e38\u5e38\u8ddf\u4e0d\u4e0a\u3002' },\n { id:13, type:'D', text:'13. \u6211\u5c0d\u89d2\u8272\u626e\u6f14\u3001\u5373\u8208\u3001\u8868\u6f14\u6216\u821e\u53f0\u6d3b\u52d5\u611f\u5230\u597d\u5947\u3002' },\n { id:14, type:'D', text:'14. \u6211\u5e38\u60f3\u50cf\u81ea\u5df1\u6210\u70ba\u4e0d\u540c\u4eba\u7269\uff0c\u9ad4\u9a57\u4e0d\u540c\u7684\u4eba\u751f\u3002' },\n { id:15, type:'D', text:'15. \u5373\u4f7f\u6c92\u6709\u7d93\u9a57\uff0c\u6211\u4e5f\u60f3\u77e5\u9053\u81ea\u5df1\u5230\u5e95\u80fd\u4e0d\u80fd\u6f14\u3002' },\n { id:16, type:'D', text:'16. \u6211\u5e0c\u671b\u900f\u904e\u8868\u6f14\uff0c\u8b8a\u5f97\u66f4\u6709\u81ea\u4fe1\u3001\u66f4\u6562\u88ab\u770b\u898b\u3002' },\n { id:17, type:'E', text:'17. \u6211\u66fe\u7d93\u4e0a\u904e\u8868\u6f14\u8ab2\uff0c\u6216\u53c3\u8207\u904e\u821e\u53f0\u3001\u62cd\u651d\u3001\u77ed\u7247\u7b49\u6f14\u51fa\u3002' },\n { id:18, type:'E', text:'18. \u6211\u6709\u6642\u77e5\u9053\u6280\u5de7\uff0c\u771f\u6b63\u8868\u6f14\u6642\u537b\u9084\u662f\u5bb9\u6613\u7528\u529b\u6216\u4e0d\u81ea\u7136\u3002' },\n { id:19, type:'E', text:'19. \u6211\u5e0c\u671b\u52a0\u5f37\u89d2\u8272\u5851\u9020\u3001\u60c5\u7dd2\u5c64\u6b21\u3001\u611f\u5b98\u6216\u5c0d\u624b\u53cd\u61c9\u3002' },\n { id:20, type:'E', text:'20. \u6211\u611f\u89ba\u81ea\u5df1\u6709\u56fa\u5b9a\u7684\u8868\u6f14\u7fd2\u6163\uff0c\u60f3\u7a81\u7834\u539f\u672c\u7684\u6a21\u5f0f\u3002' },\n { id:21, type:'F', text:'21. \u6211\u5e0c\u671b\u672a\u4f86\u6709\u6a5f\u6703\u53c3\u8207\u5f71\u8996\u3001\u5ee3\u544a\u3001\u77ed\u5f71\u97f3\u6216\u62cd\u651d\u5de5\u4f5c\u3002' },\n { id:22, type:'F', text:'22. \u93e1\u982d\u4e00\u6253\u958b\uff0c\u6211\u5bb9\u6613\u8b8a\u5f97\u4e0d\u81ea\u7136\uff0c\u6216\u4e0d\u50cf\u5e73\u5e38\u7684\u81ea\u5df1\u3002' },\n { id:23, type:'F', text:'23. \u6211\u60f3\u5b78\u6703\u62cd\u651d\u81ea\u6211\u4ecb\u7d39\u3001\u8a66\u93e1\u5f71\u7247\u6216\u6f14\u54e1\u8cc7\u6599\u3002' },\n { id:24, type:'F', text:'24. \u6211\u60f3\u77e5\u9053\u81ea\u5df1\u8ddd\u96e2\u771f\u6b63\u9032\u5165\u5287\u7d44\u6216\u63a5\u6848\uff0c\u9084\u7f3a\u54ea\u4e9b\u80fd\u529b\u3002' }\n];\n\nconst bgQuestions = [\n { id:25, type:'radio', text:'25. \u4f60\u76ee\u524d\u7684\u8868\u6f14\u7d93\u9a57\u662f\uff1f', opts:['\u5b8c\u5168\u6c92\u6709\u7d93\u9a57','\u53c3\u52a0\u904e\u55ae\u6b21\u9ad4\u9a57\u6216\u77ed\u671f\u5de5\u4f5c\u574a','\u4e0a\u904e\u4e09\u500b\u6708\u4ee5\u4e0a\u7684\u8868\u6f14\u8ab2\u7a0b','\u6709\u821e\u53f0\u6f14\u51fa\u7d93\u9a57','\u6709\u5f71\u8996\u6216\u5ee3\u544a\u62cd\u651d\u7d93\u9a57','\u5df2\u7d93\u6709\u56fa\u5b9a\u6f14\u51fa\u6216\u63a5\u6848\u7d93\u9a57'] },\n { id:26, type:'checkbox', max:3, text:'26. \u4f60\u6700\u60f3\u6539\u5584\u7684\u4e8b\u60c5\u662f\u4ec0\u9ebc\uff1f(\u6700\u591a\u9078\u4e09\u9805)', opts:['\u66f4\u4e86\u89e3\u81ea\u5df1\u7684\u60c5\u7dd2\u8207\u611f\u53d7','\u66f4\u81ea\u7136\u5730\u548c\u5225\u4eba\u76f8\u8655','\u589e\u52a0\u804a\u5929\u8207\u56de\u61c9\u80fd\u529b','\u63d0\u5347\u8aaa\u8a71\u8207\u8868\u9054\u80fd\u529b','\u6539\u5584\u8eab\u9ad4\u50f5\u786c','\u589e\u52a0\u8868\u60c5\u8207\u8072\u97f3\u8b8a\u5316','\u5efa\u7acb\u81ea\u4fe1\u8207\u500b\u4eba\u9b45\u529b','\u5b78\u7fd2\u57fa\u790e\u8868\u6f14','\u63d0\u5347\u6f14\u6280\u8207\u89d2\u8272\u80fd\u529b','\u7df4\u7fd2\u93e1\u982d\u8868\u73fe','\u6e96\u5099\u8a66\u93e1\u6216\u6f14\u54e1\u5de5\u4f5c','\u5b8c\u6210\u4e00\u6b21\u6b63\u5f0f\u6f14\u51fa','\u55ae\u7d14\u60f3\u9ad4\u9a57\u4e0d\u540c\u7684\u81ea\u5df1'] },\n { id:27, type:'radio', text:'27. \u54ea\u4e00\u7a2e\u60c5\u5883\u6700\u5bb9\u6613\u8b93\u4f60\u4e0d\u81ea\u5728\uff1f', opts:['\u548c\u964c\u751f\u4eba\u804a\u5929','\u5728\u5718\u9ad4\u4e2d\u767c\u8a00','\u8868\u9054\u4e0d\u540c\u610f\u898b','\u88ab\u5225\u4eba\u6ce8\u8996','\u62cd\u7167\u6216\u9304\u5f71','\u4e0a\u53f0\u8868\u6f14','\u9762\u5c0d\u6b0a\u5a01\u6216\u4e3b\u7ba1','\u9032\u5165\u89aa\u5bc6\u6216\u885d\u7a81\u95dc\u4fc2','\u6c92\u6709\u7279\u5225\u4e0d\u81ea\u5728\u7684\u60c5\u5883'] },\n { id:28, type:'radio', text:'28. \u4f60\u6bd4\u8f03\u504f\u597d\u7684\u5b78\u7fd2\u65b9\u5f0f\u662f\uff1f', opts:['\u5718\u9ad4\u8ab2\u7a0b','\u5c0f\u73ed\u8ab2\u7a0b','\u4e00\u5c0d\u4e00\u8a13\u7df4','\u5bc6\u96c6\u5de5\u4f5c\u574a','\u7dda\u4e0a\u966a\u8dd1\u8207\u81ea\u4e3b\u7df4\u7fd2','\u9084\u4e0d\u78ba\u5b9a\uff0c\u5e0c\u671b\u6709\u4eba\u5354\u52a9\u8a55\u4f30'] },\n { id:29, type:'radio', text:'29. \u4f60\u6bcf\u9031\u5927\u7d04\u53ef\u4ee5\u6295\u5165\u591a\u5c11\u6642\u9593\uff1f', opts:['1\u5c0f\u6642\u4ee5\u5167','1\u81f32\u5c0f\u6642','2\u81f34\u5c0f\u6642','4\u5c0f\u6642\u4ee5\u4e0a','\u53ef\u4ee5\u914d\u5408\u77ed\u671f\u5bc6\u96c6\u8a13\u7df4','\u76ee\u524d\u9084\u4e0d\u78ba\u5b9a'] },\n { id:30, type:'radio', text:'30. \u4f60\u73fe\u5728\u6700\u64d4\u5fc3\u7684\u662f\u4ec0\u9ebc\uff1f', opts:['\u6015\u81ea\u5df1\u6c92\u6709\u5929\u5206','\u6015\u8ddf\u4e0d\u4e0a\u5176\u4ed6\u5b78\u54e1','\u6015\u5728\u4eba\u524d\u51fa\u7cd7','\u6015\u8ab2\u7a0b\u592a\u56b4\u8085\u6216\u6709\u58d3\u529b','\u6015\u81ea\u5df1\u7684\u5e74\u9f61\u4e0d\u9069\u5408','\u6015\u6642\u9593\u7121\u6cd5\u914d\u5408','\u6015\u8cbb\u7528\u8d85\u51fa\u9810\u7b97','\u6015\u9078\u932f\u8ab2\u7a0b','\u6c92\u6709\u7279\u5225\u64d4\u5fc3'] },\n { id:31, type:'text', text:'31. \u5047\u8a2d\u4e09\u500b\u6708\u5f8c\uff0c\u4f60\u771f\u7684\u6709\u4e86\u6539\u8b8a\uff0c\u4f60\u6700\u5e0c\u671b\u5225\u4eba\u600e\u9ebc\u5f62\u5bb9\u4f60\uff1f' }\n];\n\n\/\/ --- \u66f4\u65b0\u5f8c\u7684 6 \u5927\u985e\u578b\u8cc7\u6599\u5eab (\u5168\u9762\u6574\u5408\u6700\u65b0 26 \u9580\u8ab2\u7a0b) ---\nconst profiles = {\n A: { \n title:'\u2460 \u611f\u53d7\u91cd\u555f\u578b', \n name:'\u611f\u53d7\u91cd\u555f', \n kw:['\u6490\u4f4f','\u914d\u5408','\u58d3\u6291','\u91cd\u65b0\u611f\u89ba\u81ea\u5df1'], \n desc:'\u4f60\u4e0d\u662f\u6c92\u6709\u611f\u53d7\uff0c\u800c\u662f\u592a\u7fd2\u6163\u5148\u5b8c\u6210\u4e8b\u60c5\u3001\u7167\u9867\u5225\u4eba\uff0c\u6700\u5f8c\u624d\u60f3\u5230\u81ea\u5df1\u3002\u4f60\u73fe\u5728\u6700\u9700\u8981\u7684\uff0c\u4e0d\u662f\u7acb\u523b\u8b8a\u5f97\u66f4\u6703\u8868\u6f14\uff0c\u800c\u662f\u5148\u7df4\u7fd2\u56de\u5230\u81ea\u5df1\u7684\u8eab\u9ad4\u3001\u60c5\u7dd2\u548c\u754c\u7dda\u88e1\u3002', \n course:'\u300a\u4eba\u751f\u7df4\u7fd2\u8ab2\u300b\u56de\u5230\u73fe\u5834', \n path:'\u56de\u5230\u73fe\u5834 \u2192 \u5275\u9020\u500b\u4eba\u597dEQ \u2192 \u8eab\u9ad4\u4f7f\u7528\u8aaa\u660e\u66f8 \u2192 \u4eba\u751f\u8abf\u983b\u5ba4\uff5c\u4e00\u5c0d\u4e00\u751f\u6d3b\u6821\u6e96' \n },\n B: { \n title:'\u2461 \u8868\u9054\u958b\u5c55\u578b', \n name:'\u8868\u9054\u958b\u5c55', \n kw:['\u6709\u60f3\u6cd5','\u8aaa\u4e0d\u6e05\u695a','\u5bb9\u6613\u51b7\u5834','\u4e0d\u6562\u8868\u9054'], \n desc:'\u4f60\u4e0d\u662f\u6c92\u6709\u5167\u5bb9\uff0c\u53ea\u662f\u7576\u4f60\u7dca\u5f35\u3001\u5728\u610f\u5225\u4eba\u7684\u53cd\u61c9\uff0c\u6216\u4e0d\u77e5\u9053\u600e\u9ebc\u63a5\u8a71\u6642\uff0c\u4f60\u7684\u8868\u9054\u5c31\u6703\u7e2e\u5c0f\u3002\u4f60\u9700\u8981\u7684\u662f\u5728\u5b89\u5168\u7684\u4e92\u52d5\u88e1\uff0c\u7df4\u7fd2\u50be\u807d\u3001\u56de\u61c9\u3001\u8aaa\u51fa\u89c0\u9ede\uff0c\u4e5f\u8b93\u5225\u4eba\u771f\u6b63\u807d\u61c2\u4f60\u3002', \n course:'\u300a\u4eba\u751f\u7df4\u7fd2\u8ab2\u300b\u6232\u5287\u958b\u767c', \n path:'\u6232\u5287\u958b\u767c \u2192 \u6545\u4e8b\u884c\u92b7 \u2192 \u8868\u60c5\u5de5\u4f5c\u574a \u2192 \u300a\u7279\u5225\u4f01\u5283\u300b\u89ba\u9192\u8a08\u756b \u2192 \u966a\u8dd1\u8a08\u756b' \n },\n C: { \n title:'\u2462 \u8eab\u9ad4\u89e3\u9396\u578b', \n name:'\u8eab\u9ad4\u89e3\u9396', \n kw:['\u50f5\u786c','\u4e0d\u81ea\u7136','\u8868\u60c5\u6709\u9650','\u5bb3\u6015\u88ab\u770b\u898b'], \n desc:'\u4f60\u7684\u5167\u5728\u53ef\u80fd\u5f88\u8c50\u5bcc\uff0c\u53ea\u662f\u8eab\u9ad4\u3001\u8072\u97f3\u548c\u8868\u60c5\u9084\u6c92\u6709\u5b8c\u5168\u6253\u958b\u3002\u4f60\u73fe\u5728\u9069\u5408\u5f9e\u7c21\u55ae\u7684\u52d5\u4f5c\u3001\u8868\u60c5\u3001\u547c\u5438\u548c\u88ab\u6ce8\u8996\u7df4\u7fd2\u958b\u59cb\uff0c\u8b93\u8eab\u9ad4\u91cd\u65b0\u6210\u70ba\u4f60\u7684\u8868\u9054\u5de5\u5177\u3002', \n course:'\u300a\u4eba\u751f\u7df4\u7fd2\u8ab2\u300b\u8eab\u9ad4\u4f7f\u7528\u8aaa\u660e\u66f8 \u6216 \u8868\u60c5\u5de5\u4f5c\u574a', \n path:'\u8eab\u9ad4\u4f7f\u7528\u8aaa\u660e\u66f8 \u2192 \u8868\u60c5\u5de5\u4f5c\u574a \u2192 \u300a\u93e1\u982d\u5be6\u6230\u8ab2\u300b\u500b\u4eba\u59ff\u614b\u8abf\u6574 \u2192 \u300a\u821e\u53f0\u8868\u6f14\u8ab2\u300b\u6f14\u54e1\u80a2\u9ad4\u958b\u767c' \n },\n D: { \n title:'\u2463 \u6232\u80de\u555f\u52d5\u578b', \n name:'\u6232\u80de\u555f\u52d5', \n kw:['\u597d\u5947','\u60f3\u6f14','\u6c92\u6709\u7d93\u9a57','\u5bb3\u6015\u6c92\u5929\u5206'], \n desc:'\u4f60\u5c0d\u8868\u6f14\u6709\u8208\u8da3\uff0c\u4f46\u53ef\u80fd\u9084\u6c92\u6709\u771f\u6b63\u63a5\u53d7\u904e\u7cfb\u7d71\u8a13\u7df4\u3002\u4f60\u4e0d\u9700\u8981\u5148\u8b49\u660e\u81ea\u5df1\u6709\u5929\u5206\u3002\u4f60\u7684\u7b2c\u4e00\u6b65\uff0c\u662f\u9032\u5165\u5b89\u5168\u3001\u5faa\u5e8f\u6f38\u9032\u7684\u74b0\u5883\uff0c\u7df4\u7fd2\u611f\u53d7\u3001\u53cd\u61c9\u3001\u60f3\u50cf\u548c\u8868\u9054\u3002', \n course:'\u300a\u821e\u53f0\u8868\u6f14\u8ab2\u300b\u555f\u52d5\u6232\u80de', \n path:'\u300a\u7279\u5225\u4f01\u5283\u300b\u9ad4\u9a57\u8ab2 \u2192 \u555f\u52d5\u6232\u80de \u2192 \u904b\u7528\u6232\u80de \u2192 \u8868\u6f14\u5be6\u4f5c \u2192 \u300a\u7279\u5225\u4f01\u5283\u300b\u86fb\u8b8a\u8a08\u756b' \n },\n E: { \n title:'\u2464 \u6f14\u6280\u6df1\u5316\u578b', \n name:'\u6f14\u6280\u6df1\u5316', \n kw:['\u6709\u7d93\u9a57','\u5bb9\u6613\u7528\u529b','\u8868\u6f14\u5361\u95dc','\u9700\u8981\u7a81\u7834'], \n desc:'\u4f60\u5df2\u7d93\u4e0d\u662f\u5b8c\u5168\u7684\u521d\u5b78\u8005\u3002\u4f60\u73fe\u5728\u9700\u8981\u7684\uff0c\u53ef\u80fd\u4e0d\u662f\u518d\u5b78\u66f4\u591a\u8868\u6f14\u6982\u5ff5\uff0c\u800c\u662f\u91cd\u65b0\u6253\u958b\u611f\u5b98\u3001\u7a7a\u9593\u3001\u5c0d\u624b\u8207\u89d2\u8272\uff0c\u7a81\u7834\u56fa\u5b9a\u7684\u8868\u6f14\u65b9\u6cd5\u3002', \n course:'\u300a\u821e\u53f0\u8868\u6f14\u8ab2\u300b\u6f14\u6280\u5be6\u9a57\u5ba4', \n path:'\u6f14\u6280\u5be6\u9a57\u5ba4 \u2192 \u8b80\u5287 \u2192 \u89d2\u8272\u63a2\u7d22 \u2192 \u6f14\u54e1\u80a2\u9ad4\u958b\u767c \u2192 \u6f14\u54e1\u935b\u9020\u5ba4\uff5c\u4e00\u5c0d\u4e00\u821e\u53f0\u57f9\u8a13' \n },\n F: { \n title:'\u2465 \u93e1\u982d\u8077\u6daf\u578b', \n name:'\u93e1\u982d\u8077\u6daf', \n kw:['\u93e1\u982d','\u8a66\u93e1','\u5287\u7d44','\u63a5\u6848','\u8077\u6daf\u65b9\u5411'], \n desc:'\u4f60\u5c0d\u8868\u6f14\u7684\u671f\u5f85\u4e0d\u53ea\u662f\u4e00\u7a2e\u8208\u8da3\uff0c\u4e5f\u53ef\u80fd\u5e0c\u671b\u9010\u6b65\u9032\u5165\u62cd\u651d\u3001\u8a66\u93e1\u6216\u6f14\u54e1\u5de5\u4f5c\u3002\u4f60\u7684\u8ab2\u7a0b\u5b89\u6392\u9700\u8981\u4f9d\u7167\u76ee\u524d\u57fa\u790e\u5206\u6d41\uff0c\u4e0d\u80fd\u53ea\u9760\u55ae\u4e00\u8ab2\u7a0b\u89e3\u6c7a\u3002', \n course:'\u300a\u93e1\u982d\u5be6\u6230\u8ab2\u300b\uff08\u96f6\u57fa\u790e\uff1a\u300a\u555f\u52d5\u6232\u80de\u300b \/ \u6709\u57fa\u790e\uff1a\u300a\u8a66\u93e1\u5e36\u600e\u9ebc\u62cd\u300b\uff09', \n path:'\u500b\u4eba\u9020\u578b\u5b9a\u4f4d \u2192 \u6c1b\u570d\u6f14\u54e1\u57f9\u8a13 \u2192 \u7279\u7d04\u6f14\u54e1\u57f9\u8a13 \u2192 \u8a66\u93e1\u5e36\u600e\u9ebc\u62cd \u2192 \u4e00\u5c0d\u4e00\uff5c\u5c08\u696d\u57f9\u8a13' \n }\n};\n\n\/\/ --- \u521d\u59cb\u5316\u9801\u9762 ---\nfunction init() {\n const rContainer = document.getElementById('rating-questions');\n ratingQuestions.forEach(q => {\n let html = `<div class=\"q-card\"><div class=\"q-text\">${q.text}<\/div><div class=\"rating-group\">`;\n for(let i=1; i<=5; i++){\n html += `<label class=\"rating-label\"><input type=\"radio\" name=\"q${q.id}\" value=\"${i}\" data-type=\"${q.type}\"><span>${i}\u5206<\/span><\/label>`;\n }\n html += `<\/div><\/div>`;\n rContainer.innerHTML += html;\n });\n\n const bContainer = document.getElementById('bg-questions');\n bgQuestions.forEach(q => {\n let html = `<div class=\"q-card\"><div class=\"q-text\">${q.text}<\/div>`;\n if(q.type === 'text'){\n html += `<textarea name=\"q${q.id}\" placeholder=\"\u8acb\u5beb\u4e0b\u4f60\u7684\u60f3\u6cd5...\"><\/textarea>`;\n } else {\n html += `<div class=\"option-list\">`;\n q.opts.forEach(opt => {\n html += `<label class=\"option-item\"><input type=\"${q.type}\" name=\"q${q.id}\" value=\"${opt}\"> ${opt}<\/label>`;\n });\n html += `<\/div>`;\n }\n html += `<\/div>`;\n bContainer.innerHTML += html;\n });\n\n document.querySelectorAll('input[name=\"q26\"]').forEach(checkbox => {\n checkbox.addEventListener('change', () => {\n const checked = document.querySelectorAll('input[name=\"q26\"]:checked');\n if (checked.length > 3) {\n checkbox.checked = false;\n alert('\u6700\u591a\u53ea\u80fd\u9078\u64c7\u4e09\u9805\u5594\uff01');\n }\n });\n });\n}\n\nfunction goToStep(step) {\n if (step === 2) {\n for(let q of ratingQuestions) {\n if(!document.querySelector(`input[name=\"q${q.id}\"]:checked`)) {\n alert('\u7b2c\u4e00\u90e8\u5206\u9084\u6709\u984c\u76ee\u5c1a\u672a\u52fe\u9078\u5594\uff01');\n return;\n }\n }\n document.getElementById('step-1').style.display = 'none';\n document.getElementById('step-2').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n } else {\n document.getElementById('step-2').style.display = 'none';\n document.getElementById('step-1').style.display = 'block';\n }\n}\n\nfunction calculateResult() {\n const reqBg = [25, 27, 28, 29, 30];\n for(let id of reqBg) {\n if(!document.querySelector(`input[name=\"q${id}\"]:checked`)) {\n alert('\u7b2c\u4e8c\u90e8\u5206\u9084\u6709\u55ae\u9078\u984c\u5c1a\u672a\u586b\u5beb\u5b8c\u7562\u5594\uff01');\n return;\n }\n }\n\n const scores = { A:0, B:0, C:0, D:0, E:0, F:0 };\n ratingQuestions.forEach(q => {\n const val = parseInt(document.querySelector(`input[name=\"q${q.id}\"]:checked`).value);\n scores[q.type] += val;\n });\n\n const sortedKeys = Object.keys(scores).sort((a,b) => scores[b] - scores[a]);\n const mainKey = sortedKeys[0];\n const subKey = sortedKeys[1];\n\n const mainData = profiles[mainKey];\n const subData = profiles[subKey];\n\n document.getElementById('res-main-title').innerText = mainData.title;\n document.getElementById('res-main-kw').innerHTML = mainData.kw.map(k => `<span class=\"kw-tag\">#${k}<\/span>`).join('');\n document.getElementById('res-main-desc').innerText = mainData.desc;\n document.getElementById('res-main-course').innerText = mainData.course;\n document.getElementById('res-main-path').innerText = mainData.path;\n\n document.getElementById('res-sub-title').innerText = subData.title;\n document.getElementById('res-sub-desc').innerText = subData.desc;\n\n let barsHTML = '';\n Object.keys(scores).forEach(k => {\n const score = scores[k];\n const pct = (score \/ 20) * 100;\n barsHTML += `\n <div class=\"score-row\">\n <span class=\"score-name\">${profiles[k].name}<\/span>\n <div class=\"score-bar-bg\"><div class=\"score-bar-fill\" style=\"width: ${pct}%;\"><\/div><\/div>\n <span>${score} \u5206<\/span>\n <\/div>\n `;\n });\n document.getElementById('score-bars').innerHTML = barsHTML;\n\n document.getElementById('quiz-form').style.display = 'none';\n document.getElementById('result-page').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\ninit();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b \u300a\u4f60\u7684\u6232\u5287\u5b78\u7fd2\u8d77\u9ede\u6e2c\u9a57\u300b 3\u5206\u9418\uff0c\u627e\u5230\u6700\u9069\u5408\u4f60\u7684\u7b2c\u4e00\u9580\u6232\u5287\u8ab2 \u4f60\u4f86\u5230\u9019\u88e1\uff0c\u4e5f\u8a31\u662f\u56e0\u70ba … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/udreamart.com\/index.php\/647-2\/\" class=\"more-link\">\u95b1\u8b80\u5168\u6587<span class=\"screen-reader-text\">\u3008\u5c0b\u627e\u6700\u9069\u5408\u81ea\u5df1\u7684\u7b2c\u4e00\u5802\u8ab2\u3009<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages\/647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/comments?post=647"}],"version-history":[{"count":4,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages\/647\/revisions"}],"predecessor-version":[{"id":651,"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/pages\/647\/revisions\/651"}],"wp:attachment":[{"href":"https:\/\/udreamart.com\/index.php\/wp-json\/wp\/v2\/media?parent=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}