{"id":2835,"date":"2023-10-29T12:10:07","date_gmt":"2023-10-29T04:10:07","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2835"},"modified":"2026-05-16T01:38:55","modified_gmt":"2026-05-15T17:38:55","slug":"narcissism","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/narcissism","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u81ea\u604b\u7a0b\u5ea6\u6d4b\u9a8c"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\">\n\n<div id=\"quizapp9\" data-quiz-app=\"quiz9\" lang=\"zh-Hant-TW\">\n  <!-- HTML\uff1a\u7d50\u69cb -->\n  <section id=\"quizintro9\" data-page=\"intro9\" class=\"q9-page\">\n    <div class=\"q9-hero q9-card\">\n      <div class=\"q9-floating-icons\" aria-hidden=\"true\">\n        <span class=\"q9-float-icon q9-float-icon-1\"><i class=\"bi bi-stars\"><\/i><\/span>\n        <span class=\"q9-float-icon q9-float-icon-2\"><i class=\"bi bi-heart\"><\/i><\/span>\n        <span class=\"q9-float-icon q9-float-icon-3\"><i class=\"bi bi-flower1\"><\/i><\/span>\n      <\/div>\n\n      <div class=\"q9-hero-content\">\n        <p class=\"q9-kicker\">\u81ea\u6211\u89ba\u5bdf\u30fb\u5fc3\u7406\u5c0f\u6e2c\u9a57<\/p>\n        <h1 data-page-title tabindex=\"-1\">\u4f60\u7684\u81ea\u6200\u7a0b\u5ea6\u5230\u54ea\u88e1\uff1f<\/h1>\n        <p class=\"q9-subtitle\">\n          \u5065\u5eb7\u7684\u81ea\u6200\uff0c\u662f\u81ea\u5c0a\u3001\u81ea\u611b\u8207\u81ea\u4fe1\u7684\u4f86\u6e90\uff1b\u4f46\u7576\u5b83\u904e\u5ea6\u4f9d\u8cf4\u4ed6\u4eba\u7684\u8a55\u50f9\uff0c\u4e5f\u53ef\u80fd\u8b93\u4f60\u8b8a\u5f97\u654f\u611f\u6216\u59d4\u5c48\u3002\n        <\/p>\n        <p class=\"q9-intro-text\">\n          \u9019\u4efd\u6e2c\u9a57\u6703\u4f9d\u7167\u4f60\u7684\u9078\u64c7\u5206\u6d41\u5230\u4e0d\u540c\u984c\u76ee\uff0c\u6700\u5f8c\u5448\u73fe\u4f60\u7684\u81ea\u6200\u985e\u578b\u3001\u5206\u6578\u7d50\u69cb\u8207\u500b\u4eba\u5316\u5efa\u8b70\u3002\u7b54\u6848\u6c92\u6709\u597d\u58de\uff0c\u8acb\u4f9d\u7167\u76f4\u89ba\u4f5c\u7b54\u3002\n        <\/p>\n\n        <div class=\"q9-intro-grid\" aria-label=\"\u6e2c\u9a57\u7279\u8272\">\n          <div class=\"q9-mini-card\">\n            <i class=\"bi bi-compass\"><\/i>\n            <span>\u5206\u6d41\u5f0f\u984c\u76ee<\/span>\n          <\/div>\n          <div class=\"q9-mini-card\">\n            <i class=\"bi bi-bar-chart\"><\/i>\n            <span>\u591a\u7dad\u5ea6\u5716\u8868<\/span>\n          <\/div>\n          <div class=\"q9-mini-card\">\n            <i class=\"bi bi-shield-check\"><\/i>\n            <span>\u4e0d\u4fdd\u5b58\u7d50\u679c<\/span>\n          <\/div>\n        <\/div>\n\n        <div style=\"display: flex; justify-content: center;\">\n<button type=\"button\" class=\"q9-start-btn\" data-start-quiz>\n          \u958b\u59cb\u6e2c\u9a57\n          <i class=\"bi bi-arrow-right-short\" aria-hidden=\"true\"><\/i>\n        <\/button><\/div>\n\n        <p class=\"q9-note\">\u672c\u6e2c\u9a57\u50c5\u4f9b\u81ea\u6211\u89ba\u5bdf\u8207\u5a1b\u6a02\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u5c08\u696d\u5fc3\u7406\u8a55\u4f30\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" class=\"q9-page\" hidden>\n    <article class=\"q9-card q9-quiz-card\">\n      <header class=\"q9-quiz-header\">\n        <p class=\"q9-kicker\">\u8acb\u9078\u64c7\u6700\u63a5\u8fd1\u4f60\u7684\u7b54\u6848<\/p>\n        <h2 data-page-title tabindex=\"-1\">\u81ea\u6200\u7a0b\u5ea6\u6e2c\u9a57<\/h2>\n\n        <div class=\"q9-progress-wrap\" aria-label=\"\u4f5c\u7b54\u9032\u5ea6\">\n          <div class=\"q9-progress-meta\">\n            <span>\u76ee\u524d\u7b2c <strong data-current-step>1<\/strong> \u6b65<\/span>\n            <span data-current-question-label>\u7b2c 01 \u984c<\/span>\n          <\/div>\n          <div class=\"progress q9-progress\" role=\"progressbar\" aria-label=\"\u4f5c\u7b54\u9032\u5ea6\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n            <div class=\"progress-bar\" data-progress-bar style=\"width: 12%;\"><\/div>\n          <\/div>\n        <\/div>\n\n        <p class=\"q9-status\" data-status aria-live=\"polite\">\u6e2c\u9a57\u5c1a\u672a\u958b\u59cb\u3002<\/p>\n      <\/header>\n\n      <div data-question-list>\n        <article class=\"q9-question\" data-question-id=\"1\">\n          <h3>01\uff0e\u4f60\u66fe\u7d93\u5728\u93e1\u5b50\u524d\u9577\u4e45\u5730\u51dd\u8996\u81ea\u5df1\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"6\" data-scores=\"self:12,image:6\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 06 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"2\" data-scores=\"comfort:2\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 02 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"2\" hidden>\n          <h3>02\uff0e\u6bd4\u8d77\u9aee\u578b\uff0c\u4f60\u66f4\u5728\u610f\u982d\u9aee\u7684\u6e05\u6f54\u5ea6\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"7\" data-scores=\"comfort:10\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 07 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"3\" data-scores=\"image:8\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 03 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"3\" hidden>\n          <h3>03\uff0e\u559d\u5496\u5561\u6642\u6703\u628a\u6e6f\u5319\u7559\u5728\u676f\u88e1\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"4\" data-scores=\"comfort:4\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 04 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"9\" data-scores=\"image:5\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 09 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"4\" hidden>\n          <h3>04\uff0e\u5df2\u7d93\u6709 3 \u5957\u4ee5\u4e0a\u7684\u500b\u4eba\u5beb\u771f\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"5\" data-scores=\"image:12,self:8\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 05 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"9\" data-scores=\"image:3\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 09 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"5\" hidden>\n          <h3>05\uff0e\u91cd\u8996\u4fdd\u5065\u98df\u54c1\u7684\u529f\u6548\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"10\" data-scores=\"comfort:9,self:3\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 10 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"9\" data-scores=\"image:2\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 09 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"6\" hidden>\n          <h3>06\uff0e\u6d17\u6fa1\u4e4b\u5f8c\uff0c\u767c\u73fe\u81ea\u5df1\u6703\u7121\u610f\u8b58\u64ab\u6478\u81ea\u5df1\u7684\u808c\u819a\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"11\" data-scores=\"comfort:12,self:6\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 11 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"7\" data-scores=\"comfort:3\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 07 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"7\" hidden>\n          <h3>07\uff0e\u6bcf\u5929\u66f4\u63db\u5167\u8863\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"8\" data-scores=\"comfort:9\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 08 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"12\" data-scores=\"comfort:8\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 12 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"8\" hidden>\n          <h3>08\uff0e\u6795\u982d\u662f\u975e\u5e38\u67d4\u8edf\u7684\u90a3\u7a2e\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"13\" data-scores=\"comfort:10\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 13 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"9\" data-scores=\"comfort:2\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 09 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"9\" hidden>\n          <h3>09\uff0e\u70ba\u4e86\u5f62\u8c61\uff0c\u9858\u610f\u5fcd\u53d7\u9ad8\u8ddf\u978b\u6216\u9818\u5e36\u7684\u6298\u78e8\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"13\" data-scores=\"image:12\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 13 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"14\" data-scores=\"comfort:4\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 14 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"10\" hidden>\n          <h3>10\uff0e\u4e0d\u80fd\u5fcd\u53d7\u4e09\u5929\u4ee5\u4e0a\u4e0d\u80fd\u6d17\u6fa1\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"15\" data-scores=\"comfort:12\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 15 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"9\" data-scores=\"comfort:2\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u56de\u5230\u7b2c 09 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"11\" hidden>\n          <h3>11\uff0e\u5df2\u7d93\u62cd\u4e86\u5169\u5957\u4ee5\u4e0a\u81ea\u5df1\u7684\u5beb\u771f\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"12\" data-scores=\"image:10,self:8\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 12 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"16\" data-scores=\"emotion:8\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 16 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"12\" hidden>\n          <h3>12\uff0e\u4e00\u500b\u4eba\u7684\u6642\u5019\uff0c\u559c\u6b61\u88f8\u8eab\u8d70\u4f86\u8d70\u53bb\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"13\" data-scores=\"comfort:10,self:6\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 13 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"17\" data-scores=\"emotion:3\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 17 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"13\" hidden>\n          <h3>13\uff0e\u4e0d\u4ecb\u610f\u751a\u81f3\u5e0c\u671b\u540c\u6027\u770b\u5230\u81ea\u5df1\u7684\u8eab\u9ad4\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"14\" data-scores=\"comfort:10,self:4\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 14 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"18\" data-scores=\"emotion:5\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 18 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"14\" hidden>\n          <h3>14\uff0e\u5df2\u7d93\u7fd2\u6163\u88f8\u7761\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"19\" data-scores=\"comfort:10,self:5\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 19 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"15\" data-scores=\"comfort:5\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 15 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"15\" hidden>\n          <h3>15\uff0e\u6703\u523b\u610f\u5411\u5225\u4eba\u8868\u73fe\u81ea\u5df1\u7684\u6027\u611f\u6216\u9b45\u529b\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"19\" data-scores=\"image:12,self:3\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u524d\u5f80\u7b2c 19 \u984c<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"20\" data-scores=\"emotion:4\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 20 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"16\" hidden>\n          <h3>16\uff0e\u5c0d\u50b7\u5bb3\u975e\u5e38\u654f\u611f\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"type-A\" data-scores=\"emotion:14\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u67e5\u770b\u985e\u578b A<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"17\" data-scores=\"comfort:3\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 17 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"17\" hidden>\n          <h3>17\uff0e\u5728\u610f\u670d\u88dd\u7684\u6a23\u5f0f\u8d85\u904e\u54c1\u8cea\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"type-B\" data-scores=\"image:14\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u67e5\u770b\u985e\u578b B<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"18\" data-scores=\"comfort:2\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u524d\u5f80\u7b2c 18 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"18\" hidden>\n          <h3>18\uff0e\u5de5\u4f5c\u6642\u60f3\u8981\u975e\u5e38\u67d4\u8edf\u8212\u9069\u7684\u5ea7\u6905\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"type-C\" data-scores=\"comfort:14\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u67e5\u770b\u985e\u578b C<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"type-B\" data-scores=\"image:3\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u67e5\u770b\u985e\u578b B<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"19\" hidden>\n          <h3>19\uff0e\u6709\u6642\u5019\u4e0d\u7a7f\u5167\u8863\u4e5f\u4e0d\u6703\u4e0d\u8212\u670d\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"type-D\" data-scores=\"self:12,comfort:7\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u67e5\u770b\u985e\u578b D<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"18\" data-scores=\"emotion:4\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u56de\u5230\u7b2c 18 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question\" data-question-id=\"20\" hidden>\n          <h3>20\uff0e\u7d93\u5e38\u89ba\u5f97\u81ea\u5df1\u53d7\u59d4\u5c48\u4e86\u3002<\/h3>\n          <div class=\"q9-options\">\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"A\" data-next=\"type-E\" data-scores=\"emotion:14\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>A\uff0e\u662f<\/strong><small>\u67e5\u770b\u985e\u578b E<\/small><\/span>\n            <\/button>\n            <button type=\"button\" class=\"q9-option-card\" data-choice=\"B\" data-next=\"19\" data-scores=\"self:2\">\n              <span class=\"q9-choice-dot\" aria-hidden=\"true\"><\/span>\n              <span><strong>B\uff0e\u5426<\/strong><small>\u56de\u5230\u7b2c 19 \u984c<\/small><\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"q9-back-wrap\">\n        <button type=\"button\" class=\"btn q9-back-btn\" data-back-question disabled>\n          <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n          \u4e0a\u4e00\u984c\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" class=\"q9-page\" hidden>\n    <article class=\"q9-card q9-result-card\">\n      <header class=\"q9-result-header\">\n        <span class=\"q9-result-icon\" aria-hidden=\"true\"><i class=\"bi bi-gem\"><\/i><\/span>\n        <p class=\"q9-kicker\">\u4f60\u7684\u6e2c\u9a57\u7d50\u679c<\/p>\n        <h2 data-page-title tabindex=\"-1\"><span data-result-title>\u81ea\u6200\u985e\u578b<\/span><\/h2>\n        <p class=\"q9-subtitle\" data-result-subtitle>\u6b63\u5728\u6574\u7406\u4f60\u7684\u7d50\u679c\u3002<\/p>\n      <\/header>\n\n      <div class=\"q9-score-panel\">\n        <div class=\"q9-score-main\">\n          <span>\u6574\u9ad4\u81ea\u6200\u6307\u6a19<\/span>\n          <strong><span data-overall-score>0<\/span>\/100<\/strong>\n        <\/div>\n\n        <div class=\"q9-range-wrap\" aria-label=\"\u6574\u9ad4\u5206\u6578\u5340\u9593\">\n          <div class=\"q9-range-bar\" data-range-bar style=\"--q9-score-pos: 0%;\">\n            <span class=\"q9-range-seg q9-range-1\"><\/span>\n            <span class=\"q9-range-seg q9-range-2\"><\/span>\n            <span class=\"q9-range-seg q9-range-3\"><\/span>\n            <span class=\"q9-range-seg q9-range-4\"><\/span>\n            <span class=\"q9-range-dot\" data-range-dot aria-hidden=\"true\"><\/span>\n          <\/div>\n          <div class=\"q9-range-legend\">\n            <span><i><\/i>\u6eab\u548c\u81ea\u8cde 0\u201324<\/span>\n            <span><i><\/i>\u5f62\u8c61\u89ba\u5bdf 25\u201349<\/span>\n            <span><i><\/i>\u81ea\u6211\u7167\u9867 50\u201374<\/span>\n            <span><i><\/i>\u9ad8\u654f\u81ea\u6200 75\u2013100<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <section class=\"q9-chart-card q9-card-soft\" aria-labelledby=\"q9ChartTitle\">\n        <h3 id=\"q9ChartTitle\">\u591a\u7dad\u5ea6\u5206\u6578\u7d50\u69cb<\/h3>\n        <p class=\"q9-chart-note\" data-chart-status aria-live=\"polite\">\u5716\u8868\u6703\u986f\u793a\u4f60\u7684\u81ea\u6211\u6b23\u8cde\u3001\u5f62\u8c61\u5728\u610f\u3001\u8212\u9069\u7167\u9867\u8207\u60c5\u7dd2\u654f\u611f\u5206\u5e03\u3002<\/p>\n        <div class=\"q9-chart-wrap\">\n          <canvas data-score-chart aria-label=\"\u591a\u7dad\u5ea6\u5206\u6578\u9577\u689d\u5716\" role=\"img\"><\/canvas>\n        <\/div>\n      <\/section>\n\n      <section class=\"q9-stats-grid\" aria-label=\"\u5206\u6578\u6458\u8981\">\n        <div class=\"q9-stat-card\">\n          <span>\u81ea\u6211\u6b23\u8cde<\/span>\n          <strong><span data-score-self>0<\/span><\/strong>\n        <\/div>\n        <div class=\"q9-stat-card\">\n          <span>\u5f62\u8c61\u5728\u610f<\/span>\n          <strong><span data-score-image>0<\/span><\/strong>\n        <\/div>\n        <div class=\"q9-stat-card\">\n          <span>\u8212\u9069\u7167\u9867<\/span>\n          <strong><span data-score-comfort>0<\/span><\/strong>\n        <\/div>\n        <div class=\"q9-stat-card\">\n          <span>\u60c5\u7dd2\u654f\u611f<\/span>\n          <strong><span data-score-emotion>0<\/span><\/strong>\n        <\/div>\n      <\/section>\n\n      <section class=\"q9-analysis q9-card-soft\" aria-label=\"\u7d50\u679c\u89e3\u6790\">\n        <div data-result-type=\"A\" hidden>\n          <h3>\u985e\u578b A\uff5c\u81ea\u6200\u662f\u601d\u7dad\u65b9\u5f0f<\/h3>\n          <p>\u4f60\u7684\u81ea\u6200\u591a\u534a\u8868\u73fe\u5728\u5c0d\u81ea\u5df1\u7684\u559c\u611b\u8207\u5475\u8b77\u4e0a\uff0c\u5e38\u5728\u4e0d\u7d93\u610f\u9593\u6d41\u9732\u51fa\u4f86\u3002\u4f60\u672a\u5fc5\u6703\u628a\u5b83\u8996\u70ba\u300c\u81ea\u6200\u300d\uff0c\u6bd4\u8f03\u50cf\u662f\u4e00\u7a2e\u81ea\u7136\u7684\u81ea\u6211\u6b23\u8cde\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u4fdd\u7559\u9019\u4efd\u81ea\u6211\u80af\u5b9a\uff0c\u540c\u6642\u7df4\u7fd2\u63a5\u4f4f\u4ed6\u4eba\u7684\u63d0\u9192\u3002\u7576\u4f60\u80fd\u628a\u6279\u8a55\u8996\u70ba\u8cc7\u8a0a\uff0c\u800c\u4e0d\u662f\u5426\u5b9a\uff0c\u4f60\u7684\u81ea\u4fe1\u6703\u66f4\u7a69\u5b9a\u3002<\/p>\n        <\/div>\n\n        <div data-result-type=\"B\" hidden>\n          <h3>\u985e\u578b B\uff5c\u81ea\u6200\u662f\u8868\u73fe\u65b9\u5f0f<\/h3>\n          <p>\u4f60\u5f88\u5728\u610f\u81ea\u5df1\u5728\u5225\u4eba\u773c\u4e2d\u7684\u6a23\u5b50\uff0c\u53ef\u80fd\u9858\u610f\u70ba\u4e86\u5f62\u8c61\u72a7\u7272\u8212\u9069\u3002\u9019\u4e26\u4e0d\u4e00\u5b9a\u662f\u58de\u4e8b\uff0c\u4f46\u904e\u5ea6\u6642\u5bb9\u6613\u8b93\u4f60\u88ab\u8aa4\u89e3\u70ba\u81ea\u4ee5\u70ba\u662f\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u5728\u300c\u597d\u770b\u300d\u8207\u300c\u597d\u53d7\u300d\u4e4b\u9593\u627e\u5230\u5e73\u8861\u3002\u771f\u6b63\u6709\u9b45\u529b\u7684\u72c0\u614b\uff0c\u901a\u5e38\u4f86\u81ea\u81ea\u5728\uff0c\u800c\u4e0d\u662f\u4e00\u76f4\u6490\u4f4f\u5b8c\u7f8e\u5f62\u8c61\u3002<\/p>\n        <\/div>\n\n        <div data-result-type=\"C\" hidden>\n          <h3>\u985e\u578b C\uff5c\u81ea\u6200\u662f\u758f\u89e3\u65b9\u5f0f<\/h3>\n          <p>\u7576\u58d3\u529b\u5347\u9ad8\u6642\uff0c\u4f60\u6703\u7279\u5225\u9700\u8981\u8212\u9069\u3001\u653e\u9b06\u8207\u88ab\u5584\u5f85\u7684\u611f\u89ba\u3002\u4f60\u7684\u81ea\u6200\u50cf\u662f\u4e00\u7a2e\u81ea\u6211\u4fee\u5fa9\u6a5f\u5236\uff0c\u63d0\u9192\u4f60\u9700\u8981\u4f11\u606f\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u628a\u7167\u9867\u81ea\u5df1\u8b8a\u6210\u7a69\u5b9a\u7fd2\u6163\uff0c\u800c\u4e0d\u662f\u7b49\u5230\u58d3\u529b\u7206\u8868\u624d\u88dc\u511f\u3002\u898f\u5f8b\u653e\u9b06\uff0c\u6703\u6bd4\u4e00\u6b21\u6027\u653e\u7e31\u66f4\u80fd\u8b93\u4f60\u6062\u5fa9\u5e73\u8861\u3002<\/p>\n        <\/div>\n\n        <div data-result-type=\"D\" hidden>\n          <h3>\u985e\u578b D\uff5c\u81ea\u6200\u662f\u751f\u6d3b\u65b9\u5f0f<\/h3>\n          <p>\u4f60\u91cd\u8996\u8eab\u9ad4\u611f\u53d7\u3001\u751f\u6d3b\u54c1\u8cea\u8207\u500b\u4eba\u7bc0\u594f\uff0c\u50be\u5411\u7528\u81ea\u5df1\u7684\u65b9\u5f0f\u4eab\u53d7\u751f\u6d3b\u3002\u4f60\u4e0d\u4e00\u5b9a\u60f3\u8a0e\u597d\u6240\u6709\u4eba\uff0c\u53cd\u800c\u66f4\u91cd\u8996\u81ea\u5df1\u662f\u5426\u8212\u670d\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u7e7c\u7e8c\u73cd\u60dc\u8eab\u9ad4\u8207\u751f\u6d3b\u8cea\u611f\uff0c\u4e5f\u53ef\u4ee5\u591a\u7528\u6eab\u548c\u65b9\u5f0f\u5411\u8eab\u908a\u7684\u4eba\u8aaa\u660e\u4f60\u7684\u754c\u7dda\uff0c\u8b93\u81ea\u7531\u8207\u95dc\u4fc2\u90fd\u80fd\u88ab\u7167\u9867\u3002<\/p>\n        <\/div>\n\n        <div data-result-type=\"E\" hidden>\n          <h3>\u985e\u578b E\uff5c\u81ea\u6200\u662f\u81ea\u6190\u65b9\u5f0f<\/h3>\n          <p>\u4f60\u53ef\u80fd\u5e38\u89ba\u5f97\u59d4\u5c48\uff0c\u6216\u89ba\u5f97\u5225\u4eba\u6c92\u6709\u7528\u4f60\u671f\u5f85\u7684\u65b9\u5f0f\u611b\u4f60\u3002\u9019\u7a2e\u72c0\u614b\u4e0b\uff0c\u81ea\u6200\u5bb9\u6613\u8b8a\u6210\u81ea\u6190\uff0c\u8b93\u4f60\u66f4\u9700\u8981\u5916\u754c\u78ba\u8a8d\u81ea\u5df1\u7684\u50f9\u503c\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u5148\u627f\u8a8d\u81ea\u5df1\u7684\u53d7\u50b7\u611f\uff0c\u540c\u6642\u628a\u6ce8\u610f\u529b\u653e\u56de\u53ef\u884c\u52d5\u7684\u5c0f\u4e8b\u3002\u82e5\u9019\u7a2e\u59d4\u5c48\u611f\u9577\u671f\u5f71\u97ff\u751f\u6d3b\uff0c\u4e5f\u53ef\u4ee5\u8003\u616e\u8207\u4fe1\u4efb\u7684\u4eba\u6216\u5c08\u696d\u52a9\u4eba\u8005\u804a\u804a\u3002<\/p>\n        <\/div>\n      <\/section>\n\n      <section class=\"q9-summary q9-card-soft\" aria-label=\"\u4f5c\u7b54\u6458\u8981\">\n        <h3>\u500b\u4eba\u5316\u6458\u8981<\/h3>\n        <p>\u4f60\u672c\u6b21\u5171\u5b8c\u6210 <strong data-answer-count>0<\/strong> \u984c\uff1b\u8f03\u7a81\u51fa\u7684\u9762\u5411\u662f\uff1a<strong data-dominant-text>\u5c1a\u672a\u8a08\u7b97<\/strong>\u3002<\/p>\n        <p>\u4f5c\u7b54\u53ef\u4fe1\u5ea6\uff1a<strong data-confidence-text>\u6b63\u5e38<\/strong>\u3002<span data-confidence-note>\u4f60\u7684\u4f5c\u7b54\u7bc0\u594f\u770b\u8d77\u4f86\u7a69\u5b9a\u3002<\/span><\/p>\n      <\/section>\n\n      <div class=\"q9-result-actions\">\n        <button type=\"button\" class=\"q9-start-btn q9-restart-btn\" data-restart-quiz>\n          \u91cd\u65b0\u6e2c\u9a57\n          <i class=\"bi bi-arrow-clockwise\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n<\/div>\n\n<!-- CSS\uff1a\u6a23\u5f0f -->\n<style>\n  #quizapp9,\n  #quizapp9 * {\n    box-sizing: border-box;\n  }\n\n  #quizapp9 {\n    max-width: 750px;\n    margin: 0 auto;\n    padding: 16px;\n    color: #3c322b;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  #quizapp9 [hidden] {\n    display: none !important;\n  }\n\n  #quizapp9 h1,\n  #quizapp9 h2,\n  #quizapp9 h3,\n  #quizapp9 p {\n    margin-top: 0;\n  }\n\n  #quizapp9 h1 {\n    color: #2f2924;\n    font-size: clamp(30px, 8vw, 40px);\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n    margin-bottom: 16px;\n  }\n\n  #quizapp9 h2 {\n    color: #2f2924;\n    font-size: clamp(26px, 6vw, 34px);\n    line-height: 1.2;\n    margin-bottom: 12px;\n  }\n\n  #quizapp9 h3 {\n    color: #3c322b;\n    font-size: clamp(20px, 4.5vw, 24px);\n    line-height: 1.35;\n    margin-bottom: 18px;\n  }\n\n  #quizapp9 button {\n    font: inherit;\n  }\n\n  #quizapp9 .q9-page {\n    transition: opacity 180ms ease, transform 180ms ease;\n  }\n\n  #quizapp9 .q9-card {\n    position: relative;\n    border: 1px solid rgba(118, 91, 67, 0.16);\n    border-radius: 28px;\n    box-shadow: 0 18px 48px rgba(75, 58, 43, 0.12);\n    overflow: hidden;\n    contain: layout paint;\n  }\n\n  #quizapp9 .q9-hero,\n  #quizapp9 .q9-result-card {\n    background:\n      radial-gradient(circle at 12% 10%, rgba(255, 244, 218, 0.9), transparent 32%),\n      radial-gradient(circle at 90% 0%, rgba(220, 238, 219, 0.85), transparent 34%),\n      linear-gradient(145deg, #fffaf5 0%, #f8efe4 48%, #edf5ea 100%);\n  }\n\n  #quizapp9 .q9-hero-content,\n  #quizapp9 .q9-result-card,\n  #quizapp9 .q9-quiz-card {\n    padding: 24px;\n  }\n\n  #quizapp9 .q9-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #6d5a4b;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  #quizapp9 .q9-kicker::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    border-radius: 99px;\n    background: #b99268;\n  }\n\n  #quizapp9 .q9-subtitle {\n    color: #4b4038;\n    font-size: clamp(17px, 4vw, 19px);\n    line-height: 1.75;\n    margin-bottom: 16px;\n  }\n\n  #quizapp9 .q9-intro-text,\n  #quizapp9 .q9-note,\n  #quizapp9 .q9-chart-note,\n  #quizapp9 .q9-summary p,\n  #quizapp9 .q9-analysis p {\n    color: #574b42;\n  }\n\n  #quizapp9 .q9-note {\n    font-size: 14px;\n    margin: 16px 0 0;\n  }\n\n  #quizapp9 .q9-floating-icons {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  #quizapp9 .q9-float-icon {\n    position: absolute;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 54px;\n    height: 54px;\n    border-radius: 999px;\n    color: #7f634a;\n    background: rgba(255, 255, 255, 0.72);\n    border: 1px solid rgba(127, 99, 74, 0.12);\n    box-shadow: 0 14px 30px rgba(85, 66, 48, 0.12);\n  }\n\n  #quizapp9 .q9-float-icon-1 {\n    top: 18px;\n    right: 18px;\n  }\n\n  #quizapp9 .q9-float-icon-2 {\n    bottom: 24px;\n    right: 28px;\n  }\n\n  #quizapp9 .q9-float-icon-3 {\n    top: 48%;\n    left: -8px;\n  }\n\n  #quizapp9 .q9-intro-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin: 24px 0;\n  }\n\n  #quizapp9 .q9-mini-card {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-height: 56px;\n    padding: 14px 16px;\n    border-radius: 18px;\n    color: #44392f;\n    background: rgba(255, 255, 255, 0.64);\n    border: 1px solid rgba(118, 91, 67, 0.12);\n  }\n\n  #quizapp9 .q9-mini-card i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: #e9ddcf;\n    color: #6e5239;\n  }\n\n  #quizapp9 .q9-start-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    min-height: 52px;\n    padding: 14px 22px;\n    border: 0;\n    border-radius: 999px;\n    color: #fffaf5;\n    font-weight: 800;\n    letter-spacing: 0.02em;\n    background: linear-gradient(135deg, #a8774f 0%, #8f6d54 48%, #6f8163 100%);\n    box-shadow: 0 14px 28px rgba(101, 82, 57, 0.24);\n    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;\n  }\n\n  #quizapp9 .q9-start-btn:hover {\n    transform: translateY(-2px);\n    filter: saturate(1.05);\n    box-shadow: 0 18px 34px rgba(101, 82, 57, 0.3);\n  }\n\n  #quizapp9 .q9-start-btn:active {\n    transform: translateY(0);\n  }\n\n  #quizapp9 .q9-quiz-card {\n    background: #fffdf9;\n  }\n\n  #quizapp9 .q9-quiz-header {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 20px;\n  }\n\n  #quizapp9 .q9-progress-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 4px;\n  }\n\n  #quizapp9 .q9-progress-meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    color: #66574a;\n    font-size: 14px;\n  }\n\n  #quizapp9 .q9-progress {\n    height: 10px;\n    border-radius: 999px;\n    background: #efe5da;\n  }\n\n  #quizapp9 .q9-progress .progress-bar {\n    border-radius: 999px;\n    background: linear-gradient(90deg, #c8a46e, #91aa85);\n    transition: width 220ms ease;\n  }\n\n  #quizapp9 .q9-status {\n    min-height: 24px;\n    color: #66574a;\n    font-size: 14px;\n    margin-bottom: 0;\n  }\n\n  #quizapp9 .q9-question {\n    padding: 18px 0 6px;\n  }\n\n  #quizapp9 .q9-options {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  #quizapp9 .q9-option-card {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    width: 100%;\n    min-height: 64px;\n    padding: 16px;\n    text-align: left;\n    color: #3b3129;\n    background: #fffaf4;\n    border: 1px solid rgba(119, 93, 69, 0.18);\n    border-radius: 20px;\n    box-shadow: 0 8px 20px rgba(75, 58, 43, 0.07);\n    transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;\n  }\n\n  #quizapp9 .q9-option-card:hover:not(:disabled) {\n    transform: translateY(-2px);\n    border-color: rgba(124, 96, 69, 0.42);\n    background: #fff6ea;\n    box-shadow: 0 12px 24px rgba(75, 58, 43, 0.11);\n  }\n\n  #quizapp9 .q9-option-card:disabled {\n    cursor: not-allowed;\n    opacity: 0.78;\n  }\n\n  #quizapp9 .q9-option-card[aria-pressed=\"true\"] {\n    border-color: #7b8f6f;\n    background: #eef5ea;\n    box-shadow: 0 12px 26px rgba(91, 111, 78, 0.16);\n  }\n\n  #quizapp9 .q9-option-card strong {\n    display: block;\n    font-size: 17px;\n    line-height: 1.35;\n  }\n\n  #quizapp9 .q9-option-card small {\n    display: block;\n    color: #6b5d51;\n    font-size: 13px;\n    margin-top: 2px;\n  }\n\n  #quizapp9 .q9-choice-dot {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 2px solid #cdbca9;\n    border-radius: 999px;\n    background: #fffdf9;\n    color: #fff;\n    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;\n  }\n\n  #quizapp9 .q9-option-card[aria-pressed=\"true\"] .q9-choice-dot {\n    background: #7b8f6f;\n    border-color: #7b8f6f;\n    transform: scale(1.04);\n  }\n\n  #quizapp9 .q9-option-card[aria-pressed=\"true\"] .q9-choice-dot::after {\n    content: \"\u2713\";\n    font-size: 16px;\n    font-weight: 900;\n  }\n\n  #quizapp9 .q9-back-wrap {\n    display: flex;\n    justify-content: center;\n    padding-top: 22px;\n  }\n\n  #quizapp9 .q9-back-btn {\n    min-width: 132px;\n    min-height: 44px;\n    border-radius: 999px;\n    color: #5a4839;\n    background: #f3eadf;\n    border: 1px solid rgba(118, 91, 67, 0.18);\n    font-weight: 700;\n    transition: transform 160ms ease, background-color 160ms ease;\n  }\n\n  #quizapp9 .q9-back-btn:hover:not(:disabled) {\n    transform: translateY(-1px);\n    background: #eadccb;\n  }\n\n  #quizapp9 .q9-back-btn:disabled {\n    opacity: 0.45;\n  }\n\n  #quizapp9 .q9-result-header {\n    text-align: center;\n    padding-top: 8px;\n    margin-bottom: 22px;\n  }\n\n  #quizapp9 .q9-result-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 68px;\n    height: 68px;\n    margin-bottom: 16px;\n    border-radius: 999px;\n    color: #76543a;\n    background: rgba(255, 255, 255, 0.7);\n    border: 1px solid rgba(118, 91, 67, 0.12);\n    box-shadow: 0 12px 26px rgba(75, 58, 43, 0.1);\n    font-size: 30px;\n  }\n\n  #quizapp9 .q9-score-panel,\n  #quizapp9 .q9-card-soft {\n    padding: 18px;\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.7);\n    border: 1px solid rgba(118, 91, 67, 0.12);\n  }\n\n  #quizapp9 .q9-score-main {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n  }\n\n  #quizapp9 .q9-score-main span {\n    color: #5b4c40;\n    font-weight: 700;\n  }\n\n  #quizapp9 .q9-score-main strong {\n    color: #4b3728;\n    font-size: 30px;\n    line-height: 1;\n  }\n\n  #quizapp9 .q9-range-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  #quizapp9 .q9-range-bar {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    height: 18px;\n    overflow: visible;\n    border-radius: 999px;\n    background: #eee2d7;\n  }\n\n  #quizapp9 .q9-range-seg:first-child {\n    border-radius: 999px 0 0 999px;\n  }\n\n  #quizapp9 .q9-range-seg:nth-child(4) {\n    border-radius: 0 999px 999px 0;\n  }\n\n  #quizapp9 .q9-range-1 {\n    background: #d8cbb6;\n  }\n\n  #quizapp9 .q9-range-2 {\n    background: #c8b282;\n  }\n\n  #quizapp9 .q9-range-3 {\n    background: #a9bd96;\n  }\n\n  #quizapp9 .q9-range-4 {\n    background: #8eaa87;\n  }\n\n  #quizapp9 .q9-range-dot {\n    position: absolute;\n    top: 50%;\n    left: var(--q9-score-pos);\n    width: 18px;\n    height: 18px;\n    border-radius: 999px;\n    background: #4b3728;\n    border: 3px solid #fffaf4;\n    box-shadow: 0 4px 12px rgba(50, 38, 30, 0.28);\n    transform: translate(-50%, -50%);\n  }\n\n  #quizapp9 .q9-range-legend {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    color: #5b4c40;\n    font-size: 13px;\n  }\n\n  #quizapp9 .q9-range-legend span {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  #quizapp9 .q9-range-legend i {\n    width: 12px;\n    height: 12px;\n    border-radius: 999px;\n    background: #c8b282;\n  }\n\n  #quizapp9 .q9-chart-card,\n  #quizapp9 .q9-analysis,\n  #quizapp9 .q9-summary {\n    margin-top: 16px;\n    contain: layout paint;\n  }\n\n  #quizapp9 .q9-chart-card h3,\n  #quizapp9 .q9-analysis h3,\n  #quizapp9 .q9-summary h3 {\n    font-size: 21px;\n    margin-bottom: 10px;\n  }\n\n  #quizapp9 .q9-chart-wrap {\n    position: relative;\n    width: 100%;\n    max-width: 640px;\n    height: 300px;\n    margin: 8px auto 0;\n  }\n\n  #quizapp9 .q9-stats-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-top: 16px;\n  }\n\n  #quizapp9 .q9-stat-card {\n    min-height: 88px;\n    padding: 16px;\n    border-radius: 20px;\n    background: rgba(255, 250, 244, 0.82);\n    border: 1px solid rgba(118, 91, 67, 0.12);\n  }\n\n  #quizapp9 .q9-stat-card span {\n    display: block;\n    color: #67584c;\n    font-size: 14px;\n    margin-bottom: 6px;\n  }\n\n  #quizapp9 .q9-stat-card strong {\n    color: #4b3728;\n    font-size: 28px;\n    line-height: 1;\n  }\n\n  #quizapp9 .q9-analysis p:last-child,\n  #quizapp9 .q9-summary p:last-child {\n    margin-bottom: 0;\n  }\n\n  #quizapp9 .q9-result-actions {\n    display: flex;\n    justify-content: center;\n    margin-top: 22px;\n  }\n\n  #quizapp9 .q9-restart-btn {\n    max-width: 280px;\n  }\n\n  #quizapp9 [data-page-title]:focus {\n    outline: none;\n  }\n\n  #quizapp9 button:focus-visible {\n    outline: 3px solid rgba(102, 126, 84, 0.58);\n    outline-offset: 3px;\n  }\n\n  @media (min-width: 576px) {\n    #quizapp9 {\n      padding: 24px;\n      font-size: 17px;\n    }\n\n    #quizapp9 .q9-hero-content,\n    #quizapp9 .q9-result-card,\n    #quizapp9 .q9-quiz-card {\n      padding: 32px;\n    }\n\n    #quizapp9 .q9-intro-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    #quizapp9 .q9-start-btn {\n      width: auto;\n      min-width: 220px;\n    }\n\n    #quizapp9 .q9-range-legend {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    #quizapp9 .q9-chart-wrap {\n      height: 340px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    #quizapp9 .q9-hero-content,\n    #quizapp9 .q9-result-card,\n    #quizapp9 .q9-quiz-card {\n      padding: 40px;\n    }\n\n    #quizapp9 .q9-stats-grid {\n      grid-template-columns: repeat(4, 1fr);\n    }\n\n    #quizapp9 .q9-range-legend {\n      grid-template-columns: repeat(4, 1fr);\n    }\n\n    #quizapp9 .q9-chart-wrap {\n      height: 360px;\n    }\n  }\n<\/style>\n\n<!-- JavaScript\uff1a\u884c\u70ba -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n  (() => {\n    \"use strict\";\n\n    const app = document.querySelector('[data-quiz-app=\"quiz9\"]');\n    if (!app) return;\n\n    const pages = {\n      intro: app.querySelector('[data-page=\"intro9\"]'),\n      quiz: app.querySelector('[data-page=\"quiz9\"]'),\n      result: app.querySelector('[data-page=\"result9\"]')\n    };\n\n    const nodes = {\n      questions: Array.from(app.querySelectorAll(\"[data-question-id]\")),\n      currentStep: app.querySelector(\"[data-current-step]\"),\n      currentQuestionLabel: app.querySelector(\"[data-current-question-label]\"),\n      progressBar: app.querySelector(\"[data-progress-bar]\"),\n      status: app.querySelector(\"[data-status]\"),\n      backButton: app.querySelector(\"[data-back-question]\"),\n      resultTitle: app.querySelector(\"[data-result-title]\"),\n      resultSubtitle: app.querySelector(\"[data-result-subtitle]\"),\n      resultBlocks: Array.from(app.querySelectorAll(\"[data-result-type]\")),\n      overallScore: app.querySelector(\"[data-overall-score]\"),\n      rangeBar: app.querySelector(\"[data-range-bar]\"),\n      chartCanvas: app.querySelector(\"[data-score-chart]\"),\n      chartStatus: app.querySelector(\"[data-chart-status]\"),\n      scoreSelf: app.querySelector(\"[data-score-self]\"),\n      scoreImage: app.querySelector(\"[data-score-image]\"),\n      scoreComfort: app.querySelector(\"[data-score-comfort]\"),\n      scoreEmotion: app.querySelector(\"[data-score-emotion]\"),\n      answerCount: app.querySelector(\"[data-answer-count]\"),\n      dominantText: app.querySelector(\"[data-dominant-text]\"),\n      confidenceText: app.querySelector(\"[data-confidence-text]\"),\n      confidenceNote: app.querySelector(\"[data-confidence-note]\")\n    };\n\n    const questionMap = new Map(nodes.questions.map((question) => [question.dataset.questionId, question]));\n    const scoreKeys = [\"self\", \"image\", \"comfort\", \"emotion\"];\n    const scoreLabels = {\n      self: \"\u81ea\u6211\u6b23\u8cde\",\n      image: \"\u5f62\u8c61\u5728\u610f\",\n      comfort: \"\u8212\u9069\u7167\u9867\",\n      emotion: \"\u60c5\u7dd2\u654f\u611f\"\n    };\n\n    const resultCopy = {\n      A: {\n        title: \"\u985e\u578b A\uff5c\u81ea\u6200\u662f\u601d\u7dad\u65b9\u5f0f\",\n        subtitle: \"\u4f60\u7684\u81ea\u6211\u6b23\u8cde\u81ea\u7136\u6d41\u9732\uff0c\u6574\u9ad4\u504f\u5411\u5065\u5eb7\u7684\u81ea\u6211\u80af\u5b9a\u3002\"\n      },\n      B: {\n        title: \"\u985e\u578b B\uff5c\u81ea\u6200\u662f\u8868\u73fe\u65b9\u5f0f\",\n        subtitle: \"\u4f60\u91cd\u8996\u5916\u5728\u5f62\u8c61\u8207\u4ed6\u4eba\u773c\u5149\uff0c\u9b45\u529b\u611f\u8207\u58d3\u529b\u611f\u53ef\u80fd\u4e26\u5b58\u3002\"\n      },\n      C: {\n        title: \"\u985e\u578b C\uff5c\u81ea\u6200\u662f\u758f\u89e3\u65b9\u5f0f\",\n        subtitle: \"\u4f60\u6703\u900f\u904e\u8212\u9069\u8207\u653e\u9b06\u627e\u56de\u5e73\u8861\uff0c\u58d3\u529b\u8d8a\u9ad8\u8d8a\u9700\u8981\u5584\u5f85\u81ea\u5df1\u3002\"\n      },\n      D: {\n        title: \"\u985e\u578b D\uff5c\u81ea\u6200\u662f\u751f\u6d3b\u65b9\u5f0f\",\n        subtitle: \"\u4f60\u73cd\u60dc\u8eab\u9ad4\u611f\u53d7\u8207\u751f\u6d3b\u54c1\u8cea\uff0c\u504f\u5411\u81ea\u7136\u3001\u81ea\u5728\u7684\u81ea\u6211\u7167\u9867\u3002\"\n      },\n      E: {\n        title: \"\u985e\u578b E\uff5c\u81ea\u6200\u662f\u81ea\u6190\u65b9\u5f0f\",\n        subtitle: \"\u4f60\u5c0d\u59d4\u5c48\u8207\u4e0d\u88ab\u7406\u89e3\u8f03\u654f\u611f\uff0c\u9700\u8981\u66f4\u591a\u7a69\u5b9a\u7684\u81ea\u6211\u652f\u6301\u3002\"\n      }\n    };\n\n    let state = createInitialState();\n\n    function createInitialState() {\n      return {\n        currentQuestionId: \"1\",\n        history: [],\n        locked: false,\n        questionStartedAt: 0,\n        chart: null\n      };\n    }\n\n    function getEmptyScores() {\n      return { self: 0, image: 0, comfort: 0, emotion: 0 };\n    }\n\n    function parseScores(scoreText = \"\") {\n      return scoreText.split(\",\").reduce((scores, pair) => {\n        const [key, value] = pair.split(\":\").map((item) => item.trim());\n        if (scoreKeys.includes(key)) scores[key] = Number(value) || 0;\n        return scores;\n      }, getEmptyScores());\n    }\n\n    function calculateScores() {\n      return state.history.reduce((totals, answer) => {\n        scoreKeys.forEach((key) => {\n          totals[key] += answer.scores[key] || 0;\n        });\n        return totals;\n      }, getEmptyScores());\n    }\n\n    function normalizeScores(scores) {\n      const divisor = Math.max(1, state.history.length * 10);\n      return scoreKeys.reduce((normalized, key) => {\n        normalized[key] = Math.min(100, Math.round((scores[key] \/ divisor) * 100));\n        return normalized;\n      }, getEmptyScores());\n    }\n\n    function calculateOverall(scores) {\n      const total = scoreKeys.reduce((sum, key) => sum + scores[key], 0);\n      const divisor = Math.max(1, state.history.length * 12);\n      return Math.min(100, Math.round((total \/ divisor) * 100));\n    }\n\n    function showPage(pageName) {\n      Object.values(pages).forEach((page) => {\n        page.hidden = true;\n      });\n\n      const page = pages[pageName];\n      page.hidden = false;\n\n      const title = page.querySelector(\"[data-page-title]\");\n      if (title) {\n        title.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n        requestAnimationFrame(() => title.focus({ preventScroll: true }));\n      }\n    }\n\n    function resetOptionState(question) {\n      question.querySelectorAll(\"[data-choice]\").forEach((button) => {\n        button.disabled = false;\n        button.setAttribute(\"aria-pressed\", \"false\");\n        delete button.dataset.selected;\n      });\n    }\n\n    function showQuestion(questionId) {\n      const question = questionMap.get(questionId);\n      if (!question) return;\n\n      state.currentQuestionId = questionId;\n      state.locked = false;\n\n      nodes.questions.forEach((item) => {\n        item.hidden = item !== question;\n      });\n\n      resetOptionState(question);\n\n      const step = state.history.length + 1;\n      const progressValue = Math.min(96, Math.max(12, Math.round((step \/ 8) * 100)));\n\n      nodes.currentStep.textContent = String(step);\n      nodes.currentQuestionLabel.textContent = `\u7b2c ${String(questionId).padStart(2, \"0\")} \u984c`;\n      nodes.progressBar.style.width = `${progressValue}%`;\n      nodes.progressBar.parentElement.setAttribute(\"aria-valuenow\", String(progressValue));\n      nodes.status.textContent = `\u5df2\u986f\u793a\u7b2c ${String(questionId).padStart(2, \"0\")} \u984c\uff0c\u8acb\u9078\u64c7\u4e00\u500b\u7b54\u6848\u3002`;\n      nodes.backButton.disabled = state.history.length === 0;\n\n      showPage(\"quiz\");\n      state.questionStartedAt = performance.now();\n    }\n\n    function startQuiz() {\n      if (state.chart) {\n        state.chart.destroy();\n      }\n      state = createInitialState();\n      showQuestion(\"1\");\n    }\n\n    function goBack() {\n      if (state.locked || state.history.length === 0) return;\n      const previous = state.history.pop();\n      showQuestion(previous.questionId);\n    }\n\n    function chooseOption(button) {\n      if (state.locked || !button) return;\n\n      const currentQuestion = questionMap.get(state.currentQuestionId);\n      if (!currentQuestion || !currentQuestion.contains(button)) return;\n\n      state.locked = true;\n\n      currentQuestion.querySelectorAll(\"[data-choice]\").forEach((option) => {\n        option.disabled = true;\n        option.setAttribute(\"aria-pressed\", option === button ? \"true\" : \"false\");\n      });\n\n      button.dataset.selected = \"true\";\n\n      const duration = Math.round(performance.now() - state.questionStartedAt);\n      const next = button.dataset.next;\n      const scores = parseScores(button.dataset.scores);\n\n      state.history.push({\n        questionId: state.currentQuestionId,\n        choice: button.dataset.choice,\n        next,\n        scores,\n        duration\n      });\n\n      nodes.status.textContent = \"\u5df2\u8a18\u9304\u7b54\u6848\uff0c\u6b63\u5728\u524d\u5f80\u4e0b\u4e00\u6b65\u3002\";\n\n      window.setTimeout(() => {\n        if (next && next.startsWith(\"type-\")) {\n          showResult(next.replace(\"type-\", \"\"));\n          return;\n        }\n        showQuestion(next);\n      }, 220);\n    }\n\n    function getDominantDimensions(normalizedScores) {\n      return Object.entries(normalizedScores)\n        .sort((first, second) => second[1] - first[1])\n        .slice(0, 2)\n        .map(([key]) => scoreLabels[key])\n        .join(\"\u3001\");\n    }\n\n    function updateConfidence() {\n      const fastAnswers = state.history.filter((answer) => answer.duration < 900).length;\n      const fastThreshold = Math.max(2, Math.ceil(state.history.length * 0.35));\n\n      if (fastAnswers >= fastThreshold) {\n        nodes.confidenceText.textContent = \"\u504f\u4f4e\";\n        nodes.confidenceNote.textContent = \"\u4f60\u6709\u591a\u984c\u4f5c\u7b54\u901f\u5ea6\u975e\u5e38\u5feb\uff0c\u7d50\u679c\u53ef\u80fd\u66f4\u63a5\u8fd1\u76f4\u89ba\u53cd\u61c9\uff0c\u5efa\u8b70\u653e\u6162\u901f\u5ea6\u91cd\u65b0\u6e2c\u4e00\u6b21\u3002\";\n      } else {\n        nodes.confidenceText.textContent = \"\u6b63\u5e38\";\n        nodes.confidenceNote.textContent = \"\u4f60\u7684\u4f5c\u7b54\u7bc0\u594f\u770b\u8d77\u4f86\u7a69\u5b9a\u3002\";\n      }\n    }\n\n    function updateResultBlocks(type) {\n      nodes.resultBlocks.forEach((block) => {\n        block.hidden = block.dataset.resultType !== type;\n      });\n\n      const copy = resultCopy[type] || resultCopy.A;\n      nodes.resultTitle.textContent = copy.title;\n      nodes.resultSubtitle.textContent = copy.subtitle;\n    }\n\n    function renderChart(normalizedScores) {\n      if (!window.Chart) {\n        nodes.chartStatus.textContent = \"\u5716\u8868\u5957\u4ef6\u5c1a\u672a\u8f09\u5165\uff1b\u4f60\u4ecd\u53ef\u67e5\u770b\u4e0b\u65b9\u5206\u6578\u6458\u8981\u3002\";\n        return;\n      }\n\n      if (state.chart) {\n        state.chart.destroy();\n      }\n\n      nodes.chartStatus.textContent = \"\u4ee5\u4e0b\u5716\u8868\u5448\u73fe\u672c\u6b21\u4f5c\u7b54\u7684\u5206\u6578\u7d50\u69cb\u3002\";\n\n      const isSmallScreen = window.matchMedia(\"(max-width: 575px)\").matches;\n      const labels = scoreKeys.map((key) => scoreLabels[key]);\n      const values = scoreKeys.map((key) => normalizedScores[key]);\n\n      state.chart = new Chart(nodes.chartCanvas, {\n        type: \"bar\",\n        data: {\n          labels,\n          datasets: [{\n            label: \"\u5206\u6578\",\n            data: values,\n            backgroundColor: [\n              \"rgba(187, 151, 103, 0.78)\",\n              \"rgba(173, 156, 121, 0.78)\",\n              \"rgba(145, 170, 133, 0.78)\",\n              \"rgba(196, 171, 139, 0.78)\"\n            ],\n            borderColor: [\n              \"rgba(119, 89, 56, 0.9)\",\n              \"rgba(120, 103, 73, 0.9)\",\n              \"rgba(93, 125, 80, 0.9)\",\n              \"rgba(130, 101, 78, 0.9)\"\n            ],\n            borderWidth: 1,\n            borderRadius: 12,\n            barThickness: isSmallScreen ? 26 : 34\n          }]\n        },\n        options: {\n          indexAxis: \"y\",\n          responsive: true,\n          maintainAspectRatio: false,\n          animation: {\n            duration: 450\n          },\n          scales: {\n            x: {\n              min: 0,\n              max: 100,\n              grid: {\n                color: \"rgba(92, 75, 62, 0.1)\"\n              },\n              ticks: {\n                color: \"#5b4c40\",\n                font: {\n                  size: isSmallScreen ? 12 : 15\n                }\n              }\n            },\n            y: {\n              grid: {\n                display: false\n              },\n              ticks: {\n                color: \"#3c322b\",\n                font: {\n                  size: isSmallScreen ? 13 : 17,\n                  weight: \"600\"\n                }\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => ` ${context.raw}\/100`\n              }\n            }\n          }\n        }\n      });\n    }\n\n    function showResult(type) {\n      const scores = calculateScores();\n      const normalizedScores = normalizeScores(scores);\n      const overall = calculateOverall(scores);\n\n      updateResultBlocks(type);\n\n      nodes.overallScore.textContent = String(overall);\n      nodes.rangeBar.style.setProperty(\"--q9-score-pos\", `${overall}%`);\n\n      nodes.scoreSelf.textContent = String(normalizedScores.self);\n      nodes.scoreImage.textContent = String(normalizedScores.image);\n      nodes.scoreComfort.textContent = String(normalizedScores.comfort);\n      nodes.scoreEmotion.textContent = String(normalizedScores.emotion);\n      nodes.answerCount.textContent = String(state.history.length);\n      nodes.dominantText.textContent = getDominantDimensions(normalizedScores);\n\n      updateConfidence();\n      showPage(\"result\");\n      renderChart(normalizedScores);\n    }\n\n    app.addEventListener(\"click\", (event) => {\n      const startButton = event.target.closest(\"[data-start-quiz]\");\n      const restartButton = event.target.closest(\"[data-restart-quiz]\");\n      const backButton = event.target.closest(\"[data-back-question]\");\n      const choiceButton = event.target.closest(\"[data-choice]\");\n\n      if (startButton) {\n        startQuiz();\n        return;\n      }\n\n      if (restartButton) {\n        if (state.chart) {\n          state.chart.destroy();\n          state.chart = null;\n        }\n        state = createInitialState();\n        showPage(\"intro\");\n        return;\n      }\n\n      if (backButton) {\n        goBack();\n        return;\n      }\n\n      if (choiceButton) {\n        chooseOption(choiceButton);\n      }\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4f60\u7684\u81ea\u604b\u7a0b\u5ea6\u5982\u4f55\uff0c\u662f\u5426\u5df2\u7ecf\u7a81\u7834\u5065\u5eb7\u7684\u754c\u9650\u4e86\u5462\uff1f\u4e0b\u9762\u7684\u6d4b\u8bd5\u53ef\u4ee5\u5e2e\u52a9\u4f60\u4e86\u89e3\u81ea\u5df1\u7684\u81ea\u604b\u7a0b\u5ea6\u3002\u4ece\u7b2c\u4e00\u9898\u5f00\u59cb\uff0c\u6309\u6307\u793a\u524d\u8fdb\uff0c\u76f4\u5230\u627e\u5230\u7b54\u6848\u3002<\/p>","protected":false},"author":19,"featured_media":10728,"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":[167,169],"tags":[195],"class_list":["post-2835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personality","category-psychological-symptom-scales","tag-narcissism"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2835","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=2835"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2835\/revisions"}],"predecessor-version":[{"id":10760,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2835\/revisions\/10760"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media\/10728"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}