{"id":2670,"date":"2023-12-15T09:19:07","date_gmt":"2023-12-15T01:19:07","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2670"},"modified":"2026-05-22T09:31:11","modified_gmt":"2026-05-22T01:31:11","slug":"tolerance","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/tolerance","title":{"rendered":"\u5fcd\u8010\u529b\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0820\u9898\uff09"},"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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<section id=\"quizapp9\" data-quiz-app=\"quiz9\">\n  <section id=\"quizintro9\" data-page=\"intro9\">\n    <article data-panel=\"intro\">\n      <div data-hero-decor=\"top\" aria-hidden=\"true\">\n        <span data-floating-icon><i class=\"bi bi-flower1\"><\/i><\/span>\n        <span data-floating-icon><i class=\"bi bi-heart-pulse\"><\/i><\/span>\n        <span data-floating-icon><i class=\"bi bi-cloud-sun\"><\/i><\/span>\n      <\/div>\n\n      <header data-hero-header>\n        <p data-kicker>20 \u984c\u5fc3\u7406\u81ea\u6211\u63a2\u7d22<\/p>\n        <h1 data-page-title tabindex=\"-1\">\u5fcd\u8010\u529b\u6e2c\u9a57<\/h1>\n        <p data-subtitle>\u4f60\u5728\u58d3\u529b\u3001\u885d\u7a81\u8207\u4e0d\u540c\u89c0\u9ede\u9762\u524d\uff0c\u80fd\u591a\u7a69\u5b9a\u5730\u4fdd\u6301\u51b7\u975c\u8207\u7406\u89e3\uff1f<\/p>\n      <\/header>\n\n      <div data-intro-grid>\n        <div data-intro-card>\n          <i class=\"bi bi-hourglass-split\" aria-hidden=\"true\"><\/i>\n          <h2>\u770b\u898b\u4f60\u7684\u7a69\u5b9a\u5ea6<\/h2>\n          <p>\u900f\u904e\u65e5\u5e38\u60c5\u5883\uff0c\u7406\u89e3\u81ea\u5df1\u9762\u5c0d\u8b8a\u52d5\u3001\u7b49\u5f85\u8207\u4e0d\u78ba\u5b9a\u6642\u7684\u5fc3\u7406\u97cc\u6027\u3002<\/p>\n        <\/div>\n        <div data-intro-card>\n          <i class=\"bi bi-chat-heart\" aria-hidden=\"true\"><\/i>\n          <h2>\u63a2\u7d22\u5305\u5bb9\u8207\u514b\u5236<\/h2>\n          <p>\u89ba\u5bdf\u4f60\u5728\u4e0d\u540c\u610f\u898b\u3001\u4eba\u969b\u6469\u64e6\u8207\u793e\u6703\u8b70\u984c\u4e2d\u7684\u53cd\u61c9\u6a21\u5f0f\u3002<\/p>\n        <\/div>\n      <\/div>\n\n      <p data-intro-copy>\n        \u8acb\u4f9d\u7167\u771f\u5be6\u72c0\u6cc1\u4f5c\u7b54\u3002\u6bcf\u984c\u53ea\u6709\u4e00\u500b\u6700\u8cbc\u8fd1\u4f60\u7684\u7b54\u6848\uff0c\u9ede\u9078\u5f8c\u6703\u81ea\u52d5\u524d\u5f80\u4e0b\u4e00\u984c\u3002\u6e2c\u9a57\u7d50\u679c\u50c5\u4f9b\u81ea\u6211\u89ba\u5bdf\u8207\u65e5\u5e38\u8abf\u6574\u53c3\u8003\uff0c\u4e0d\u6703\u5132\u5b58\u4f60\u7684\u7b54\u6848\u3002\n      <\/p>\n\n      <div data-action-row>\n        <button type=\"button\" data-action=\"start\" class=\"btn\">\n          <span>\u958b\u59cb\u6e2c\u9a57<\/span>\n          <i class=\"bi bi-arrow-right-short\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" hidden>\n    <article data-panel=\"quiz\">\n      <header data-quiz-header>\n        <p data-kicker>\u8acb\u9078\u64c7\u6700\u7b26\u5408\u4f60\u7684\u72c0\u6cc1<\/p>\n        <h2 data-page-title tabindex=\"-1\">\u5fcd\u8010\u529b\u6e2c\u9a57\u9032\u884c\u4e2d<\/h2>\n        <p data-progress-text aria-live=\"polite\">\u7b2c 1 \u984c \/ \u5171 20 \u984c<\/p>\n        <div class=\"progress\" data-progress-shell>\n          <div class=\"progress-bar\" data-progress-bar role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"20\" aria-valuenow=\"1\"><\/div>\n        <\/div>\n      <\/header>\n\n      <div data-question-list>\n        <article data-question data-question-index=\"0\" data-dimension=\"steady\">\n          <h3>\u7b2c 1 \u984c<\/h3>\n          <p>\u8655\u65bc\u8b8a\u52d5\u7684\u6642\u4ee3\uff0c\u80fd\u4fdd\u6301\u8010\u5fc3\u548c\u4e0d\u5c48\u4e0d\u6493\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"1\" data-dimension=\"steady\" hidden>\n          <h3>\u7b2c 2 \u984c<\/h3>\n          <p>\u5728\u751f\u6d3b\u4e2d\u9047\u5230\u8b8a\u5316\u6642\uff0c\u80fd\u53cd\u8986\u6aa2\u8a0e\u81ea\u5df1\u4f86\u9069\u61c9\u5916\u754c\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"2\" data-dimension=\"steady\" hidden>\n          <h3>\u7b2c 3 \u984c<\/h3>\n          <p>\u4e0d\u7ba1\u73fe\u5be6\u591a\u9ebc\u6b98\u9177\uff0c\u4f60\u5c0d\u81ea\u5df1\u90fd\u62b1\u6709\u4fe1\u5fc3\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"3\" data-dimension=\"steady\" hidden>\n          <h3>\u7b2c 4 \u984c<\/h3>\n          <p>\u8fa6\u4efb\u4f55\u4e8b\u4f60\u6703\u4e00\u76f4\u52aa\u529b\u5230\u6700\u5f8c\uff0c\u624d\u6c7a\u5b9a\u662f\u5426\u653e\u68c4\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"4\" data-dimension=\"steady\" hidden>\n          <h3>\u7b2c 5 \u984c<\/h3>\n          <p>\u907f\u514d\u5728\u6642\u6a5f\u4e0d\u6210\u719f\u6642\u505a\u6c7a\u5b9a\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"5\" data-dimension=\"steady\" hidden>\n          <h3>\u7b2c 6 \u984c<\/h3>\n          <p>\u5c0d\u5236\u8a02\u4e86\u7684\u6c7a\u7b56\u80fd\u5805\u6301\u8cab\u5fb9\u57f7\u884c\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"6\" data-dimension=\"emotion\" hidden>\n          <h3>\u7b2c 7 \u984c<\/h3>\n          <p>\u907f\u514d\u6307\u8cac\u5225\u4eba\u672a\u80fd\u76e1\u529b\u505a\u5230\u67d0\u4e9b\u4e8b\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"7\" data-dimension=\"emotion\" hidden>\n          <h3>\u7b2c 8 \u984c<\/h3>\n          <p>\u4f60\u5c0d\u4fb5\u7565\u6027\u884c\u70ba\u4e5f\u6703\u63a7\u5236\u4f4f\u81ea\u5df1\u7684\u53cd\u61c9\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"8\" data-dimension=\"emotion\" hidden>\n          <h3>\u7b2c 9 \u984c<\/h3>\n          <p>\u7576\u9047\u5230\u56f0\u96e3\u8655\u5883\u6642\uff0c\u4e5f\u62b1\u8457\u653e\u773c\u672a\u4f86\u7684\u614b\u5ea6\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"9\" data-dimension=\"emotion\" hidden>\n          <h3>\u7b2c 10 \u984c<\/h3>\n          <p>\u53ef\u4ee5\u9810\u898b\u5230\u672a\u4f86\u7684\u7d50\u5c40\u6642\uff0c\u4f60\u4ecd\u6703\u51b7\u975c\u5730\u8fce\u63a5\u6216\u7b49\u5f85\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"10\" data-dimension=\"emotion\" hidden>\n          <h3>\u7b2c 11 \u984c<\/h3>\n          <p>\u5373\u4f7f\u65c1\u908a\u6709\u4eba\u5927\u8072\u5435\u9b27\uff0c\u4f60\u4e5f\u80fd\u5c08\u5fc3\u8b80\u66f8\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"11\" data-dimension=\"emotion\" hidden>\n          <h3>\u7b2c 12 \u984c<\/h3>\n          <p>\u80fd\u5728\u9762\u5c0d\u8a31\u591a\u793e\u6703\u554f\u984c\u6642\u4fdd\u6301\u6c89\u9ed8\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"12\" data-dimension=\"respect\" hidden>\n          <h3>\u7b2c 13 \u984c<\/h3>\n          <p>\u4f60\u8eab\u908a\u5982\u679c\u6709\u540c\u6027\u6200\u8005\uff0c\u6703\u8868\u793a\u7406\u89e3\u4e26\u8207\u4e4b\u4ea4\u5f80\u5982\u5e38\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"13\" data-dimension=\"respect\" hidden>\n          <h3>\u7b2c 14 \u984c<\/h3>\n          <p>\u5047\u5982\u81ea\u5df1\u7684\u89aa\u53cb\u8981\u8207\u5e74\u9f61\u76f8\u5dee\u6975\u5927\u7684\u4eba\u7d50\u5a5a\uff0c\u6703\u8868\u793a\u5c0a\u91cd\u548c\u7406\u89e3\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"14\" data-dimension=\"respect\" hidden>\n          <h3>\u7b2c 15 \u984c<\/h3>\n          <p>\u4f60\u6703\u5805\u6301\u807d\u5b8c\u8207\u81ea\u5df1\u4e0d\u540c\u898b\u89e3\u7684\u4eba\u6f14\u8b1b\u55ce\uff1f<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"15\" data-dimension=\"respect\" hidden>\n          <h3>\u7b2c 16 \u984c<\/h3>\n          <p>\u80fd\u63a5\u53d7\u5f88\u591a\u4f3c\u4e4e\u4e0d\u5fc5\u8981\u7684\u898f\u77e9\uff0c\u4e26\u505a\u5230\u4e0d\u89f8\u72af\u5176\u9650\u5236\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"16\" data-dimension=\"respect\" hidden>\n          <h3>\u7b2c 17 \u984c<\/h3>\n          <p>\u5225\u4eba\u7e3d\u5c0d\u4f60\u62b1\u6709\u6210\u898b\u6642\uff0c\u4f60\u9084\u80fd\u8207\u4e4b\u53cb\u597d\u76f8\u8655\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"17\" data-dimension=\"openness\" hidden>\n          <h3>\u7b2c 18 \u984c<\/h3>\n          <p>\u4f60\u6703\u7528\u5f88\u9577\u7684\u6642\u9593\u4f86\u89c0\u5bdf\u4eba\u548c\u4e8b\uff0c\u518d\u505a\u51fa\u5224\u65b7\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"18\" data-dimension=\"openness\" hidden>\n          <h3>\u7b2c 19 \u984c<\/h3>\n          <p>\u4e0d\u7ba1\u73fe\u5be6\u5982\u4f55\uff0c\u90fd\u6703\u5805\u6301\u7a2e\u65cf\u53ca\u7537\u5973\u5e73\u7b49\u7684\u89c0\u5ff5\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question data-question-index=\"19\" data-dimension=\"openness\" hidden>\n          <h3>\u7b2c 20 \u984c<\/h3>\n          <p>\u5047\u5982\u6709\u4eba\u4e0d\u540c\u610f\u4f60\u7684\u89c0\u9ede\uff0c\u4e5f\u80fd\u63a5\u53d7\u3002<\/p>\n          <div data-options>\n            <button type=\"button\" data-choice=\"always\" data-score=\"4\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7e3d\u662f<\/strong><small>\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"often\" data-score=\"3\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u7d93\u5e38<\/strong><small>\u591a\u6578\u60c5\u6cc1\u7b26\u5408<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"sometimes\" data-score=\"2\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u6709\u6642<\/strong><small>\u5076\u723e\u6703\u5982\u6b64<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"rarely\" data-score=\"1\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f88\u5c11<\/strong><small>\u8f03\u5c11\u7b26\u5408\u6211<\/small><\/span><\/button>\n            <button type=\"button\" data-choice=\"never\" data-score=\"0\" aria-pressed=\"false\"><span data-choice-mark><i class=\"bi bi-check-lg\"><\/i><\/span><span><strong>\u5f9e\u4e0d<\/strong><small>\u5e7e\u4e4e\u4e0d\u6703\u5982\u6b64<\/small><\/span><\/button>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div data-back-row>\n        <button type=\"button\" data-action=\"previous\" class=\"btn\" hidden>\n          <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n          \u4e0a\u4e00\u984c\n        <\/button>\n      <\/div>\n\n      <p data-quiz-status class=\"visually-hidden\" aria-live=\"polite\"><\/p>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" hidden>\n    <article data-panel=\"result\">\n      <header data-result-header>\n        <p data-kicker>\u4f60\u7684\u5fcd\u8010\u529b\u8f2a\u5ed3<\/p>\n        <h2 data-page-title tabindex=\"-1\">\u6e2c\u9a57\u7d50\u679c<\/h2>\n        <p data-result-summary aria-live=\"polite\">\u4ee5\u4e0b\u662f\u4f9d\u64da\u4f60\u7684\u9078\u64c7\u7522\u751f\u7684\u5206\u6578\u8207\u5efa\u8b70\u3002<\/p>\n      <\/header>\n\n      <section data-score-overview aria-label=\"\u7e3d\u5206\u6458\u8981\">\n        <div data-score-card>\n          <span>\u7e3d\u5206<\/span>\n          <strong data-total-score>0 \/ 80<\/strong>\n          <em data-tier-label>\u5c1a\u672a\u8a08\u7b97<\/em>\n        <\/div>\n        <div data-score-card>\n          <span>\u4e3b\u8981\u72c0\u614b<\/span>\n          <strong data-tier-title>\u7b49\u5f85\u7d50\u679c<\/strong>\n          <em>\u5206\u6578\u6108\u9ad8\uff0c\u4ee3\u8868\u9762\u5c0d\u8b8a\u52d5\u8207\u5dee\u7570\u6642\u6108\u80fd\u4fdd\u6301\u7a69\u5b9a\u3002<\/em>\n        <\/div>\n      <\/section>\n\n      <section data-score-scale aria-label=\"\u7e3d\u5206\u5206\u5e03\">\n        <h3>\u4f60\u5728\u7e3d\u5206\u5340\u9593\u4e2d\u7684\u4f4d\u7f6e<\/h3>\n        <div data-scale-track>\n          <span data-segment=\"low\">\u9700\u57f9\u990a<br>0\u201320<\/span>\n          <span data-segment=\"mid\">\u4e2d\u7b49\u7a69\u5b9a<br>21\u201360<\/span>\n          <span data-segment=\"high\">\u5f88\u5f37<br>61\u201380<\/span>\n          <span data-score-marker aria-hidden=\"true\"><\/span>\n        <\/div>\n        <p data-scale-note>\u6df1\u68d5\u8272\u5713\u9ede\u4ee3\u8868\u4f60\u7684\u76ee\u524d\u7e3d\u5206\u4f4d\u7f6e\uff1a<strong data-scale-score>0 \u5206<\/strong><\/p>\n      <\/section>\n\n      <section data-chart-area>\n        <h3>\u56db\u500b\u9762\u5411\u5206\u6578\u7d50\u69cb<\/h3>\n        <div data-chart-wrap>\n          <canvas data-radar-canvas aria-label=\"\u5fcd\u8010\u529b\u56db\u9762\u5411\u96f7\u9054\u5716\" role=\"img\"><\/canvas>\n        <\/div>\n        <p data-chart-status hidden aria-live=\"polite\">\u5716\u8868\u6e96\u5099\u4e2d\u3002<\/p>\n      <\/section>\n\n      <section data-dimension-list aria-label=\"\u591a\u7dad\u5ea6\u5206\u6790\">\n        <article data-dimension-result=\"steady\">\n          <h3>\u5fc3\u7406\u97cc\u6027<\/h3>\n          <p><strong data-dim-score>0%<\/strong>\uff1a\u9762\u5c0d\u8b8a\u52d5\u3001\u7b49\u5f85\u8207\u9577\u671f\u52aa\u529b\u6642\u7684\u7a69\u5b9a\u5ea6\u3002<\/p>\n          <div data-dim-bar><span data-dim-fill><\/span><\/div>\n        <\/article>\n        <article data-dimension-result=\"emotion\">\n          <h3>\u60c5\u7dd2\u81ea\u5236<\/h3>\n          <p><strong data-dim-score>0%<\/strong>\uff1a\u906d\u9047\u885d\u7a81\u3001\u5e72\u64fe\u6216\u58d3\u529b\u6642\u7684\u51b7\u975c\u7a0b\u5ea6\u3002<\/p>\n          <div data-dim-bar><span data-dim-fill><\/span><\/div>\n        <\/article>\n        <article data-dimension-result=\"respect\">\n          <h3>\u5305\u5bb9\u7406\u89e3<\/h3>\n          <p><strong data-dim-score>0%<\/strong>\uff1a\u9762\u5c0d\u5dee\u7570\u3001\u898f\u7bc4\u8207\u504f\u898b\u6642\u7684\u63a5\u7d0d\u80fd\u529b\u3002<\/p>\n          <div data-dim-bar><span data-dim-fill><\/span><\/div>\n        <\/article>\n        <article data-dimension-result=\"openness\">\n          <h3>\u958b\u653e\u516c\u6b63<\/h3>\n          <p><strong data-dim-score>0%<\/strong>\uff1a\u89c0\u5bdf\u3001\u5224\u65b7\u8207\u5c0a\u91cd\u4e0d\u540c\u89c0\u9ede\u7684\u958b\u653e\u7a0b\u5ea6\u3002<\/p>\n          <div data-dim-bar><span data-dim-fill><\/span><\/div>\n        <\/article>\n      <\/section>\n\n      <section data-result-copy>\n        <article data-result-type=\"high\" hidden>\n          <h3>\u5fcd\u8010\u6027\u5f88\u5f37<\/h3>\n          <p>\u4f60\u591a\u534a\u80fd\u7406\u89e3\u4ed6\u4eba\u7684\u4e0d\u540c\u9078\u64c7\uff0c\u5373\u4f7f\u5c0d\u65b9\u7684\u505a\u6cd5\u8207\u4f60\u671f\u5f85\u4e0d\u540c\uff0c\u4e5f\u8f03\u80fd\u4fdd\u6301\u7a69\u5b9a\uff0c\u4e0d\u6025\u8457\u5426\u5b9a\u6216\u53cd\u64ca\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u6301\u7e8c\u4fdd\u7559\u9019\u4efd\u5bec\u539a\uff0c\u540c\u6642\u4e5f\u8981\u7559\u610f\u81ea\u5df1\u7684\u754c\u7dda\u3002\u771f\u6b63\u6210\u719f\u7684\u5fcd\u8010\uff0c\u4e0d\u662f\u7121\u9650\u9000\u8b93\uff0c\u800c\u662f\u5728\u7406\u89e3\u4ed6\u4eba\u7684\u540c\u6642\uff0c\u4e5f\u80fd\u6e05\u695a\u8868\u9054\u539f\u5247\u3002<\/p>\n        <\/article>\n\n        <article data-result-type=\"medium\" hidden>\n          <h3>\u5fcd\u8010\u6027\u4e2d\u7b49<\/h3>\n          <p>\u4f60\u9858\u610f\u8868\u73fe\u51fa\u516c\u6b63\u8207\u5305\u5bb9\uff0c\u4f46\u5728\u58d3\u529b\u6216\u9577\u671f\u6469\u64e6\u4e0b\uff0c\u4ecd\u53ef\u80fd\u51fa\u73fe\u4e0d\u8010\u7169\u3001\u9810\u8a2d\u7acb\u5834\u6216\u96e3\u4ee5\u514b\u670d\u7684\u504f\u898b\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u5728\u60c5\u7dd2\u5347\u9ad8\u6642\u5148\u66ab\u505c\u5224\u65b7\uff0c\u7d66\u81ea\u5df1\u4e00\u6bb5\u7de9\u885d\u6642\u9593\u3002\u7df4\u7fd2\u300c\u5148\u7406\u89e3\uff0c\u518d\u8868\u614b\u300d\uff0c\u6703\u8b93\u4f60\u7684\u7a69\u5b9a\u5ea6\u9010\u6f38\u63d0\u5347\u3002<\/p>\n        <\/article>\n\n        <article data-result-type=\"low\" hidden>\n          <h3>\u5fcd\u8010\u6027\u9700\u8981\u57f9\u990a<\/h3>\n          <p>\u4f60\u53ef\u80fd\u8f03\u5bb9\u6613\u53d7\u5230\u5916\u754c\u8b8a\u52d5\u3001\u4e0d\u540c\u610f\u898b\u6216\u4ed6\u4eba\u884c\u70ba\u5f71\u97ff\uff0c\u7576\u4e8b\u60c5\u4e0d\u7b26\u5408\u671f\u5f85\u6642\uff0c\u5167\u5728\u58d3\u529b\u6703\u660e\u986f\u5347\u9ad8\u3002<\/p>\n          <p>\u5efa\u8b70\u5f9e\u5c0f\u7bc4\u570d\u958b\u59cb\u7df4\u7fd2\u51b7\u975c\u8207\u514b\u5236\uff0c\u4f8b\u5982\u5ef6\u5f8c\u56de\u61c9\u3001\u6df1\u547c\u5438\u3001\u8a18\u9304\u60c5\u7dd2\u89f8\u767c\u9ede\u3002\u7576\u4f60\u66f4\u80fd\u7406\u89e3\u5225\u4eba\uff0c\u4e5f\u6703\u8b93\u81ea\u5df1\u5728\u751f\u6d3b\u8207\u5de5\u4f5c\u4e2d\u66f4\u8f15\u9b06\u3002<\/p>\n        <\/article>\n      <\/section>\n\n      <div data-action-row>\n        <button type=\"button\" data-action=\"restart\" class=\"btn\">\n          <i class=\"bi bi-arrow-counterclockwise\" aria-hidden=\"true\"><\/i>\n          \u91cd\u65b0\u6e2c\u9a57\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n<\/section>\n\n<style>\n#quizapp9 {\n  --quiz-ink: #2f3a33;\n  --quiz-muted: #617064;\n  --quiz-soft: #fbf7ef;\n  --quiz-card: #fffdf8;\n  --quiz-line: #e6ddce;\n  --quiz-sage: #6f8f72;\n  --quiz-sage-dark: #4f6f56;\n  --quiz-mint: #dfeadd;\n  --quiz-warm: #e8cf98;\n  --quiz-clay: #b9825b;\n  --quiz-brown: #5b3f31;\n  --quiz-shadow: 0 18px 45px rgba(80, 64, 45, 0.13);\n  width: 100%;\n  max-width: 750px;\n  margin: 0 auto;\n  padding: 16px;\n  color: var(--quiz-ink);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n  font-size: 16px;\n  line-height: 1.65;\n}\n\n#quizapp9 *,\n#quizapp9 *::before,\n#quizapp9 *::after {\n  box-sizing: border-box;\n}\n\n#quizapp9 [hidden] {\n  display: none !important;\n}\n\n#quizapp9 [data-panel] {\n  position: relative;\n  overflow: hidden;\n  padding: 24px;\n  border: 1px solid var(--quiz-line);\n  border-radius: 28px;\n  background:\n    radial-gradient(circle at top left, rgba(223, 234, 221, 0.95), transparent 34%),\n    linear-gradient(145deg, var(--quiz-card), var(--quiz-soft));\n  box-shadow: var(--quiz-shadow);\n  contain: layout paint;\n}\n\n#quizapp9 [data-hero-header],\n#quizapp9 [data-quiz-header],\n#quizapp9 [data-result-header] {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  text-align: center;\n}\n\n#quizapp9 [data-kicker] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  padding: 6px 14px;\n  border: 1px solid rgba(111, 143, 114, 0.35);\n  border-radius: 999px;\n  background: rgba(255, 253, 248, 0.78);\n  color: var(--quiz-sage-dark);\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n}\n\n#quizapp9 h1,\n#quizapp9 h2,\n#quizapp9 h3,\n#quizapp9 p {\n  margin-top: 0;\n}\n\n#quizapp9 h1 {\n  margin-bottom: 4px;\n  font-size: clamp(32px, 8vw, 40px);\n  line-height: 1.15;\n  font-weight: 800;\n  letter-spacing: -0.03em;\n}\n\n#quizapp9 h2 {\n  font-size: clamp(24px, 6vw, 34px);\n  line-height: 1.2;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n}\n\n#quizapp9 h3 {\n  font-size: 20px;\n  line-height: 1.35;\n  font-weight: 800;\n}\n\n#quizapp9 [data-subtitle],\n#quizapp9 [data-result-summary],\n#quizapp9 [data-intro-copy] {\n  max-width: 620px;\n  margin-right: auto;\n  margin-left: auto;\n  color: var(--quiz-muted);\n  font-size: 17px;\n}\n\n#quizapp9 [data-hero-decor] {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n#quizapp9 [data-floating-icon] {\n  position: absolute;\n  display: inline-flex;\n  width: 58px;\n  height: 58px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: rgba(255, 253, 248, 0.86);\n  color: var(--quiz-sage-dark);\n  box-shadow: 0 12px 28px rgba(80, 64, 45, 0.12);\n}\n\n#quizapp9 [data-floating-icon]:nth-child(1) {\n  top: 18px;\n  left: 18px;\n}\n\n#quizapp9 [data-floating-icon]:nth-child(2) {\n  top: 48px;\n  right: 22px;\n}\n\n#quizapp9 [data-floating-icon]:nth-child(3) {\n  display: none;\n}\n\n#quizapp9 [data-intro-grid],\n#quizapp9 [data-score-overview],\n#quizapp9 [data-dimension-list] {\n  display: grid;\n  gap: 16px;\n}\n\n#quizapp9 [data-intro-grid] {\n  margin: 24px 0;\n}\n\n#quizapp9 [data-intro-card],\n#quizapp9 [data-score-card],\n#quizapp9 [data-dimension-result],\n#quizapp9 [data-chart-area],\n#quizapp9 [data-score-scale],\n#quizapp9 [data-result-copy] article {\n  border: 1px solid rgba(230, 221, 206, 0.95);\n  border-radius: 22px;\n  background: rgba(255, 253, 248, 0.82);\n  box-shadow: 0 10px 26px rgba(80, 64, 45, 0.08);\n}\n\n#quizapp9 [data-intro-card],\n#quizapp9 [data-score-card],\n#quizapp9 [data-dimension-result],\n#quizapp9 [data-chart-area],\n#quizapp9 [data-score-scale],\n#quizapp9 [data-result-copy] article {\n  padding: 18px;\n}\n\n#quizapp9 [data-intro-card] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#quizapp9 [data-intro-card] i {\n  display: inline-flex;\n  width: 44px;\n  height: 44px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--quiz-mint);\n  color: var(--quiz-sage-dark);\n  font-size: 22px;\n}\n\n#quizapp9 [data-intro-card] h2 {\n  margin-bottom: 0;\n  font-size: 20px;\n}\n\n#quizapp9 [data-intro-card] p,\n#quizapp9 [data-dimension-result] p,\n#quizapp9 [data-result-copy] p,\n#quizapp9 [data-scale-note] {\n  margin-bottom: 0;\n  color: var(--quiz-muted);\n}\n\n#quizapp9 [data-action-row],\n#quizapp9 [data-back-row] {\n  display: flex;\n  justify-content: center;\n  margin-top: 24px;\n}\n\n#quizapp9 [data-action=\"start\"],\n#quizapp9 [data-action=\"restart\"] {\n  display: inline-flex;\n  min-width: 190px;\n  min-height: 52px;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  border: 0;\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--quiz-sage), #c4a76d);\n  color: #ffffff;\n  box-shadow: 0 14px 28px rgba(91, 63, 49, 0.22);\n  font-weight: 800;\n  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;\n}\n\n#quizapp9 [data-action=\"previous\"] {\n  min-width: 128px;\n  min-height: 44px;\n  border: 1px solid rgba(111, 143, 114, 0.34);\n  border-radius: 999px;\n  background: rgba(255, 253, 248, 0.9);\n  color: var(--quiz-sage-dark);\n  font-weight: 800;\n  transition: transform 180ms ease, box-shadow 180ms ease;\n}\n\n#quizapp9 [data-action=\"start\"]:hover,\n#quizapp9 [data-action=\"restart\"]:hover,\n#quizapp9 [data-action=\"previous\"]:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 18px 34px rgba(91, 63, 49, 0.24);\n}\n\n#quizapp9 button:focus-visible,\n#quizapp9 [tabindex=\"-1\"]:focus-visible {\n  outline: 3px solid rgba(111, 143, 114, 0.55);\n  outline-offset: 4px;\n}\n\n#quizapp9 [data-progress-text] {\n  margin-bottom: 0;\n  color: var(--quiz-muted);\n  font-weight: 700;\n}\n\n#quizapp9 [data-progress-shell] {\n  width: 100%;\n  height: 12px;\n  margin-top: 8px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(223, 234, 221, 0.8);\n}\n\n#quizapp9 [data-progress-bar] {\n  width: 5%;\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--quiz-sage), var(--quiz-warm));\n  transition: width 220ms ease;\n}\n\n#quizapp9 [data-question-list] {\n  margin-top: 24px;\n}\n\n#quizapp9 [data-question] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n#quizapp9 [data-question] h3 {\n  margin-bottom: 0;\n  color: var(--quiz-sage-dark);\n}\n\n#quizapp9 [data-question] p {\n  margin-bottom: 0;\n  font-size: 18px;\n  font-weight: 750;\n}\n\n#quizapp9 [data-options] {\n  display: grid;\n  gap: 12px;\n}\n\n#quizapp9 [data-choice] {\n  display: flex;\n  width: 100%;\n  min-height: 56px;\n  align-items: center;\n  gap: 12px;\n  padding: 14px;\n  border: 1px solid rgba(230, 221, 206, 0.95);\n  border-radius: 18px;\n  background: rgba(255, 253, 248, 0.92);\n  color: var(--quiz-ink);\n  text-align: left;\n  box-shadow: 0 8px 18px rgba(80, 64, 45, 0.07);\n  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;\n}\n\n#quizapp9 [data-choice]:hover {\n  transform: translateY(-2px);\n  border-color: rgba(111, 143, 114, 0.55);\n  box-shadow: 0 12px 26px rgba(80, 64, 45, 0.11);\n}\n\n#quizapp9 [data-choice][data-selected=\"true\"] {\n  border-color: rgba(79, 111, 86, 0.75);\n  background: rgba(223, 234, 221, 0.86);\n}\n\n#quizapp9 [data-choice-mark] {\n  display: inline-flex;\n  flex: 0 0 auto;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid rgba(111, 143, 114, 0.45);\n  border-radius: 50%;\n  color: #ffffff;\n  background: transparent;\n  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;\n}\n\n#quizapp9 [data-choice-mark] i {\n  opacity: 0;\n  font-size: 16px;\n  transition: opacity 160ms ease;\n}\n\n#quizapp9 [data-choice][data-selected=\"true\"] [data-choice-mark] {\n  border-color: var(--quiz-sage-dark);\n  background: var(--quiz-sage-dark);\n  transform: scale(1.03);\n}\n\n#quizapp9 [data-choice][data-selected=\"true\"] [data-choice-mark] i {\n  opacity: 1;\n}\n\n#quizapp9 [data-choice] strong,\n#quizapp9 [data-choice] small {\n  display: block;\n}\n\n#quizapp9 [data-choice] small {\n  color: var(--quiz-muted);\n  font-size: 13px;\n}\n\n#quizapp9 [data-score-overview] {\n  margin: 24px 0 16px;\n}\n\n#quizapp9 [data-score-card] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n#quizapp9 [data-score-card] span,\n#quizapp9 [data-score-card] em {\n  color: var(--quiz-muted);\n  font-style: normal;\n}\n\n#quizapp9 [data-score-card] strong {\n  color: var(--quiz-brown);\n  font-size: 28px;\n  line-height: 1.15;\n}\n\n#quizapp9 [data-score-scale],\n#quizapp9 [data-chart-area],\n#quizapp9 [data-dimension-list],\n#quizapp9 [data-result-copy] {\n  margin-top: 16px;\n}\n\n#quizapp9 [data-scale-track] {\n  --score-position: 0%;\n  position: relative;\n  display: grid;\n  grid-template-columns: 21fr 40fr 20fr;\n  min-height: 74px;\n  margin: 14px 0 10px;\n  overflow: visible;\n  border-radius: 18px;\n  border: 1px solid rgba(230, 221, 206, 0.95);\n  background: #ffffff;\n}\n\n#quizapp9 [data-segment] {\n  display: flex;\n  min-height: 74px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 6px;\n  color: var(--quiz-ink);\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.35;\n  text-align: center;\n}\n\n#quizapp9 [data-segment=\"low\"] {\n  background: #f1dcc8;\n  border-radius: 17px 0 0 17px;\n}\n\n#quizapp9 [data-segment=\"mid\"] {\n  background: #e9dfbe;\n}\n\n#quizapp9 [data-segment=\"high\"] {\n  background: #d7e7d1;\n  border-radius: 0 17px 17px 0;\n}\n\n#quizapp9 [data-score-marker] {\n  position: absolute;\n  left: var(--score-position);\n  top: 50%;\n  width: 18px;\n  height: 18px;\n  border: 3px solid #ffffff;\n  border-radius: 50%;\n  background: var(--quiz-brown);\n  box-shadow: 0 8px 16px rgba(91, 63, 49, 0.28);\n  transform: translate(-50%, -50%);\n  transition: left 260ms ease;\n}\n\n#quizapp9 [data-chart-wrap] {\n  position: relative;\n  width: min(100%, 460px);\n  height: 320px;\n  margin: 8px auto 0;\n}\n\n#quizapp9 [data-chart-status] {\n  margin: 8px 0 0;\n  color: var(--quiz-muted);\n  text-align: center;\n}\n\n#quizapp9 [data-dimension-list] {\n  grid-template-columns: 1fr;\n}\n\n#quizapp9 [data-dimension-result] h3 {\n  margin-bottom: 8px;\n  color: var(--quiz-sage-dark);\n}\n\n#quizapp9 [data-dim-bar] {\n  height: 10px;\n  margin-top: 12px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(223, 234, 221, 0.8);\n}\n\n#quizapp9 [data-dim-fill] {\n  display: block;\n  width: 0%;\n  height: 100%;\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--quiz-sage), var(--quiz-warm));\n  transition: width 260ms ease;\n}\n\n#quizapp9 [data-result-copy] article {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n#quizapp9 [data-result-copy] h3 {\n  margin-bottom: 0;\n  color: var(--quiz-brown);\n}\n\n@media (min-width: 640px) {\n  #quizapp9 {\n    padding: 24px;\n    font-size: 17px;\n  }\n\n  #quizapp9 [data-panel] {\n    padding: 36px;\n  }\n\n  #quizapp9 [data-floating-icon]:nth-child(3) {\n    right: 72px;\n    bottom: 38px;\n    display: inline-flex;\n  }\n\n  #quizapp9 [data-intro-grid],\n  #quizapp9 [data-score-overview] {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #quizapp9 [data-dimension-list] {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #quizapp9 [data-chart-wrap] {\n    height: 380px;\n  }\n\n  #quizapp9 [data-segment] {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const initQuiz9 = () => {\n    const root = document.querySelector('#quizapp9[data-quiz-app=\"quiz9\"]');\n    if (!root) return;\n    if (root.dataset.quizReady === \"true\") return;\n    root.dataset.quizReady = \"true\";\n\n    const quizintro9 = root.querySelector(\"#quizintro9\");\n    const quizmain9 = root.querySelector(\"#quizmain9\");\n    const quizresult9 = root.querySelector(\"#quizresult9\");\n    if (!quizintro9 || !quizmain9 || !quizresult9) return;\n\n    const questionEls = Array.from(root.querySelectorAll(\"[data-question]\"));\n    const totalQuestions = questionEls.length;\n    const answers = Array(totalQuestions).fill(null);\n\n    const dimensionMeta = {\n      steady: { label: \"\u5fc3\u7406\u97cc\u6027\", max: 24 },\n      emotion: { label: \"\u60c5\u7dd2\u81ea\u5236\", max: 24 },\n      respect: { label: \"\u5305\u5bb9\u7406\u89e3\", max: 20 },\n      openness: { label: \"\u958b\u653e\u516c\u6b63\", max: 12 }\n    };\n\n    const progressText = root.querySelector(\"[data-progress-text]\");\n    const progressBar = root.querySelector(\"[data-progress-bar]\");\n    const previousButton = root.querySelector('[data-action=\"previous\"]');\n    const quizStatus = root.querySelector(\"[data-quiz-status]\");\n    const totalScoreEl = root.querySelector(\"[data-total-score]\");\n    const tierLabelEl = root.querySelector(\"[data-tier-label]\");\n    const tierTitleEl = root.querySelector(\"[data-tier-title]\");\n    const resultSummaryEl = root.querySelector(\"[data-result-summary]\");\n    const scaleTrack = root.querySelector(\"[data-scale-track]\");\n    const scaleScoreEl = root.querySelector(\"[data-scale-score]\");\n    const chartStatus = root.querySelector(\"[data-chart-status]\");\n    const radarCanvas = root.querySelector(\"[data-radar-canvas]\");\n    const resultBlocks = Array.from(root.querySelectorAll(\"[data-result-type]\"));\n    const dimensionBlocks = Array.from(root.querySelectorAll(\"[data-dimension-result]\"));\n\n    let currentIndex = 0;\n    let movingLocked = false;\n    let radarChart = null;\n\n    const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\n\n    const getPageTitle = (page) => page ? page.querySelector(\"[data-page-title]\") : null;\n\n    const scrollToTitle = (page) => {\n      const title = getPageTitle(page);\n      if (!title) return;\n      title.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      requestAnimationFrame(() => {\n        title.focus({ preventScroll: true });\n      });\n    };\n\n    const clearSelections = () => {\n      questionEls.forEach((question) => {\n        question.querySelectorAll(\"[data-choice]\").forEach((button) => {\n          button.dataset.selected = \"false\";\n          button.setAttribute(\"aria-pressed\", \"false\");\n        });\n      });\n    };\n\n    const destroyCharts = () => {\n      if (radarChart) {\n        radarChart.destroy();\n        radarChart = null;\n      }\n    };\n\n    const resetState = () => {\n      answers.fill(null);\n      currentIndex = 0;\n      movingLocked = false;\n      clearSelections();\n      destroyCharts();\n\n      if (scaleTrack) scaleTrack.style.setProperty(\"--score-position\", \"0%\");\n      if (totalScoreEl) totalScoreEl.textContent = \"0 \/ 80\";\n      if (tierLabelEl) tierLabelEl.textContent = \"\u5c1a\u672a\u8a08\u7b97\";\n      if (tierTitleEl) tierTitleEl.textContent = \"\u7b49\u5f85\u7d50\u679c\";\n      if (resultSummaryEl) resultSummaryEl.textContent = \"\u4ee5\u4e0b\u662f\u4f9d\u64da\u4f60\u7684\u9078\u64c7\u7522\u751f\u7684\u5206\u6578\u8207\u5efa\u8b70\u3002\";\n      if (scaleScoreEl) scaleScoreEl.textContent = \"0 \u5206\";\n      if (chartStatus) {\n        chartStatus.hidden = true;\n        chartStatus.textContent = \"\u5716\u8868\u6e96\u5099\u4e2d\u3002\";\n      }\n\n      resultBlocks.forEach((block) => {\n        block.hidden = true;\n      });\n\n      dimensionBlocks.forEach((block) => {\n        const score = block.querySelector(\"[data-dim-score]\");\n        const fill = block.querySelector(\"[data-dim-fill]\");\n        if (score) score.textContent = \"0%\";\n        if (fill) fill.style.width = \"0%\";\n      });\n    };\n\n    const updateSelectedChoice = (question, choiceValue) => {\n      question.querySelectorAll(\"[data-choice]\").forEach((button) => {\n        const isSelected = button.dataset.choice === choiceValue;\n        button.dataset.selected = isSelected ? \"true\" : \"false\";\n        button.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\n      });\n    };\n\n    const updateProgress = () => {\n      const pageNumber = currentIndex + 1;\n      const percent = totalQuestions ? (pageNumber \/ totalQuestions) * 100 : 0;\n\n      if (progressText) {\n        progressText.textContent = `\u7b2c ${pageNumber} \u984c \/ \u5171 ${totalQuestions} \u984c`;\n      }\n\n      if (progressBar) {\n        progressBar.style.width = `${percent}%`;\n        progressBar.setAttribute(\"aria-valuenow\", String(pageNumber));\n      }\n\n      if (previousButton) {\n        previousButton.hidden = currentIndex === 0;\n      }\n    };\n\n    const showQuestion = (index) => {\n      currentIndex = clamp(index, 0, totalQuestions - 1);\n\n      questionEls.forEach((question, questionIndex) => {\n        question.hidden = questionIndex !== currentIndex;\n      });\n\n      const storedAnswer = answers[currentIndex];\n      if (storedAnswer) {\n        updateSelectedChoice(questionEls[currentIndex], storedAnswer.choice);\n      }\n\n      updateProgress();\n      movingLocked = false;\n      scrollToTitle(quizmain9);\n    };\n\n    const startQuiz = () => {\n      resetState();\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n\n      showQuestion(0);\n    };\n\n    const restartQuiz = () => {\n      resetState();\n\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n\n      scrollToTitle(quizintro9);\n    };\n\n    const getTier = (score) => {\n      if (score >= 61) {\n        return {\n          key: \"high\",\n          label: \"\u5fcd\u8010\u6027\u5f88\u5f37\",\n          title: \"\u7a69\u5b9a\u800c\u5177\u5305\u5bb9\u529b\",\n          summary: \"\u4f60\u5728\u8b8a\u52d5\u3001\u58d3\u529b\u8207\u4e0d\u540c\u89c0\u9ede\u4e2d\uff0c\u591a\u534a\u80fd\u4fdd\u6301\u51b7\u975c\u8207\u7406\u89e3\u3002\"\n        };\n      }\n\n      if (score <= 20) {\n        return {\n          key: \"low\",\n          label: \"\u5fcd\u8010\u6027\u9700\u8981\u57f9\u990a\",\n          title: \"\u5bb9\u6613\u53d7\u5916\u754c\u727d\u52d5\",\n          summary: \"\u4f60\u53ef\u80fd\u8f03\u5bb9\u6613\u56e0\u58d3\u529b\u3001\u5dee\u7570\u6216\u4e0d\u5982\u9810\u671f\u7684\u72c0\u6cc1\u800c\u611f\u5230\u4e0d\u8212\u670d\u3002\"\n        };\n      }\n\n      return {\n        key: \"medium\",\n        label: \"\u5fcd\u8010\u6027\u4e2d\u7b49\",\n        title: \"\u6709\u5305\u5bb9\u610f\u9858\uff0c\u4f46\u4ecd\u9700\u7a69\u5b9a\u7df4\u7fd2\",\n        summary: \"\u4f60\u5177\u5099\u4e00\u5b9a\u7684\u7406\u89e3\u8207\u514b\u5236\u529b\uff0c\u4f46\u5728\u58d3\u529b\u5347\u9ad8\u6642\u4ecd\u53ef\u80fd\u611f\u5230\u8010\u6027\u6709\u9650\u3002\"\n      };\n    };\n\n    const calculateResult = () => {\n      const dimensionScores = Object.keys(dimensionMeta).reduce((acc, key) => {\n        acc[key] = 0;\n        return acc;\n      }, {});\n\n      const total = answers.reduce((sum, answer) => {\n        if (!answer) return sum;\n        dimensionScores[answer.dimension] += answer.score;\n        return sum + answer.score;\n      }, 0);\n\n      const dimensionPercentages = Object.keys(dimensionMeta).map((key) => {\n        const raw = dimensionScores[key];\n        const max = dimensionMeta[key].max;\n        return {\n          key,\n          label: dimensionMeta[key].label,\n          score: raw,\n          percent: max ? Math.round((raw \/ max) * 100) : 0\n        };\n      });\n\n      return {\n        total,\n        tier: getTier(total),\n        dimensions: dimensionPercentages\n      };\n    };\n\n    const updateResultText = ({ total, tier, dimensions }) => {\n      if (totalScoreEl) totalScoreEl.textContent = `${total} \/ 80`;\n      if (tierLabelEl) tierLabelEl.textContent = tier.label;\n      if (tierTitleEl) tierTitleEl.textContent = tier.title;\n      if (resultSummaryEl) resultSummaryEl.textContent = tier.summary;\n      if (scaleScoreEl) scaleScoreEl.textContent = `${total} \u5206`;\n\n      if (scaleTrack) {\n        const markerPercent = clamp((total \/ 80) * 100, 0, 100);\n        scaleTrack.style.setProperty(\"--score-position\", `${markerPercent}%`);\n      }\n\n      resultBlocks.forEach((block) => {\n        block.hidden = block.dataset.resultType !== tier.key;\n      });\n\n      dimensions.forEach(({ key, percent }) => {\n        const block = root.querySelector(`[data-dimension-result=\"${key}\"]`);\n        if (!block) return;\n\n        const score = block.querySelector(\"[data-dim-score]\");\n        const fill = block.querySelector(\"[data-dim-fill]\");\n\n        if (score) score.textContent = `${percent}%`;\n        if (fill) fill.style.width = `${percent}%`;\n      });\n    };\n\n    const renderChart = (dimensions) => {\n      destroyCharts();\n\n      if (!radarCanvas) return;\n\n      if (!window.Chart) {\n        if (chartStatus) {\n          chartStatus.hidden = false;\n          chartStatus.textContent = \"Chart.js \u5c1a\u672a\u8f09\u5165\uff0c\u6e2c\u9a57\u7d50\u679c\u4ecd\u53ef\u6b63\u5e38\u67e5\u770b\u3002\";\n        }\n        return;\n      }\n\n      if (chartStatus) {\n        chartStatus.hidden = true;\n      }\n\n      const chartFontSize = root.clientWidth >= 640 ? 16 : 13;\n      const labels = dimensions.map(({ label }) => label);\n      const values = dimensions.map(({ percent }) => percent);\n\n      radarChart = new window.Chart(radarCanvas.getContext(\"2d\"), {\n        type: \"radar\",\n        data: {\n          labels,\n          datasets: [\n            {\n              label: \"\u9762\u5411\u5206\u6578\",\n              data: values,\n              fill: true,\n              backgroundColor: \"rgba(111, 143, 114, 0.22)\",\n              borderColor: \"rgba(79, 111, 86, 0.92)\",\n              pointBackgroundColor: \"rgba(91, 63, 49, 0.95)\",\n              pointBorderColor: \"#ffffff\",\n              pointHoverBackgroundColor: \"#ffffff\",\n              pointHoverBorderColor: \"rgba(91, 63, 49, 0.95)\",\n              borderWidth: 2\n            }\n          ]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          animation: {\n            duration: 260\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.label}\uff1a${context.parsed.r}%`\n              }\n            }\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: {\n                stepSize: 25,\n                backdropColor: \"transparent\",\n                color: \"#617064\",\n                font: {\n                  size: 11\n                }\n              },\n              pointLabels: {\n                color: \"#2f3a33\",\n                font: {\n                  size: chartFontSize,\n                  weight: \"700\"\n                }\n              },\n              grid: {\n                color: \"rgba(111, 143, 114, 0.18)\"\n              },\n              angleLines: {\n                color: \"rgba(111, 143, 114, 0.18)\"\n              }\n            }\n          }\n        }\n      });\n    };\n\n    const showResult = () => {\n      const result = calculateResult();\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = true;\n      quizresult9.hidden = false;\n\n      updateResultText(result);\n      renderChart(result.dimensions);\n      movingLocked = false;\n      scrollToTitle(quizresult9);\n    };\n\n    const answerQuestion = (choiceButton) => {\n      const question = choiceButton.closest(\"[data-question]\");\n      if (!question || movingLocked) return;\n\n      const questionIndex = Number(question.dataset.questionIndex);\n      if (questionIndex !== currentIndex) return;\n\n      const score = Number(choiceButton.dataset.score);\n      const choice = choiceButton.dataset.choice;\n      const dimension = question.dataset.dimension;\n\n      if (!Number.isFinite(score) || !choice || !dimension) return;\n\n      movingLocked = true;\n      answers[questionIndex] = { score, choice, dimension };\n      updateSelectedChoice(question, choice);\n\n      if (quizStatus) {\n        const label = choiceButton.querySelector(\"strong\");\n        quizStatus.textContent = label ? `\u7b2c ${questionIndex + 1} \u984c\u5df2\u9078\u64c7\u300c${label.textContent}\u300d\u3002` : `\u7b2c ${questionIndex + 1} \u984c\u5df2\u5b8c\u6210\u3002`;\n      }\n\n      window.setTimeout(() => {\n        if (questionIndex >= totalQuestions - 1) {\n          showResult();\n          return;\n        }\n\n        showQuestion(questionIndex + 1);\n      }, 180);\n    };\n\n    const handleClick = (event) => {\n      const actionButton = event.target.closest(\"button[data-action]\");\n      if (actionButton && root.contains(actionButton)) {\n        const action = actionButton.dataset.action;\n\n        if (action === \"start\") {\n          startQuiz();\n          return;\n        }\n\n        if (action === \"previous\") {\n          if (currentIndex > 0 && !movingLocked) {\n            showQuestion(currentIndex - 1);\n          }\n          return;\n        }\n\n        if (action === \"restart\") {\n          restartQuiz();\n          return;\n        }\n      }\n\n      const choiceButton = event.target.closest(\"button[data-choice]\");\n      if (choiceButton && root.contains(choiceButton)) {\n        answerQuestion(choiceButton);\n      }\n    };\n\n    root.addEventListener(\"click\", handleClick);\n    resetState();\n    updateProgress();\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initQuiz9);\n  } else {\n    initQuiz9();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u5fcd\u8010\u529b\u662f\u4fdd\u6301\u5fc3\u7406\u5e73\u8861\u7684\u80fd\u529b\u3002\u5728\u67af\u71e5\u5f62\u6210\u7684\u538b\u529b\u4e0b\uff0c\u4e0d\u8ba9\u60c5\u7eea\u5931\u63a7\uff0c\u4f7f\u6ce8\u610f\u529b\u3001\u8bb0\u5fc6\u529b\u548c\u89c2\u5bdf\u80fd\u529b\u957f\u65f6\u95f4\u4fdd\u6301\u826f\u597d\u8fd0\u884c\u7684\u72b6\u6001\uff0c\u5c31\u662f\u5fcd\u8010\u529b\u7684\u4f5c\u7528\u3002\u672c\u95ee\u537720\u9053\u6d4b\u8bd5\u9898\u5c06\u4e3a\u4f60\u4e86\u89e3\u81ea\u5df1\u7684\u5fcd\u8010\u6027\u5982\u4f55\u63d0\u4f9b\u5e2e\u52a9\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","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,160],"tags":[201],"class_list":["post-2670","post","type-post","status-publish","format-standard","hentry","category-personality","category-attitude-scales","tag-endurance"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2670","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=2670"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2670\/revisions"}],"predecessor-version":[{"id":10868,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2670\/revisions\/10868"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}