{"id":2878,"date":"2023-12-11T09:32:43","date_gmt":"2023-12-11T01:32:43","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2878"},"modified":"2026-05-20T09:00:02","modified_gmt":"2026-05-20T01:00:02","slug":"attention-level","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/attention-level","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u6ce8\u610f\u96c6\u4e2d\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<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    <div class=\"card border-0 shadow-sm\" data-quiz-card>\n      <div class=\"card-body\" data-intro-layout>\n        <div data-icon-cloud aria-hidden=\"true\">\n          <span data-float-icon=\"leaf\"><i class=\"bi bi-brightness-alt-high\"><\/i><\/span>\n          <span data-float-icon=\"spark\"><i class=\"bi bi-stars\"><\/i><\/span>\n          <span data-float-icon=\"focus\"><i class=\"bi bi-bullseye\"><\/i><\/span>\n        <\/div>\n\n        <header data-intro-header>\n          <p data-kicker>20 \u984c\u81ea\u6211\u89ba\u5bdf\u6e2c\u9a57<\/p>\n          <h2 id=\"quizintrotitle9\" tabindex=\"-1\">\u4f60\u7684\u6ce8\u610f\u96c6\u4e2d\u7a0b\u5ea6\u6709\u591a\u7a69\u5b9a\uff1f<\/h2>\n          <p data-subtitle>\n            \u6ce8\u610f\u529b\u5c31\u50cf\u4e00\u675f\u67d4\u548c\u7684\u5149\uff1a\u6709\u6642\u80fd\u7a69\u7a69\u7167\u5411\u76ee\u6a19\uff0c\u6709\u6642\u6703\u88ab\u74b0\u5883\u3001\u60c5\u7dd2\u8207\u601d\u7dd2\u727d\u52d5\u3002\n            \u900f\u904e\u76f4\u89ba\u9078\u64c7 A \u6216 B\uff0c\u770b\u770b\u4f60\u76ee\u524d\u7684\u5c08\u6ce8\u8f2a\u5ed3\u3002\n          <\/p>\n        <\/header>\n\n        <div data-intro-points>\n          <article data-mini-card>\n            <i class=\"bi bi-clock-history\" aria-hidden=\"true\"><\/i>\n            <h3>\u5feb\u901f\u5b8c\u6210<\/h3>\n            <p>20 \u984c\u4e8c\u9078\u4e00\uff0c\u4f9d\u7b2c\u4e00\u76f4\u89ba\u56de\u7b54\u5373\u53ef\u3002<\/p>\n          <\/article>\n          <article data-mini-card>\n            <i class=\"bi bi-bar-chart-line\" aria-hidden=\"true\"><\/i>\n            <h3>\u591a\u7dad\u5206\u6790<\/h3>\n            <p>\u5f9e\u6301\u7e8c\u5c08\u6ce8\u3001\u6297\u5e72\u64fe\u8207\u7bc0\u594f\u7ba1\u7406\u770b\u898b\u81ea\u5df1\u7684\u72c0\u614b\u3002<\/p>\n          <\/article>\n        <\/div>\n\n        <div data-center-actions>\n          <button type=\"button\" class=\"btn\" data-action=\"start-quiz\">\n            <span>\u958b\u59cb\u6e2c\u9a57<\/span>\n            <i class=\"bi bi-arrow-right-short\" aria-hidden=\"true\"><\/i>\n          <\/button>\n        <\/div>\n\n        <p data-intro-note>\n          \u672c\u6e2c\u9a57\u9069\u5408\u7528\u65bc\u81ea\u6211\u89ba\u5bdf\u8207\u65e5\u5e38\u8abf\u6574\uff0c\u4e0d\u4f5c\u70ba\u91ab\u7642\u6216\u5fc3\u7406\u8a3a\u65b7\u4f9d\u64da\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" hidden>\n    <div class=\"card border-0 shadow-sm\" data-quiz-card>\n      <div class=\"card-body\">\n        <header data-quiz-header>\n          <p data-kicker>\u6ce8\u610f\u96c6\u4e2d\u7a0b\u5ea6\u6e2c\u9a57<\/p>\n          <h3 id=\"quizmaintitle9\" tabindex=\"-1\">\u8acb\u4f9d\u76f4\u89ba\u9078\u64c7\u8f03\u7b26\u5408\u4f60\u7684\u7b54\u6848<\/h3>\n          <p data-quiz-helper>\u6bcf\u984c\u90fd\u9700\u8981\u4f5c\u7b54\uff0c\u9ede\u9078\u9078\u9805\u5f8c\u6703\u81ea\u52d5\u524d\u5f80\u4e0b\u4e00\u984c\u3002<\/p>\n        <\/header>\n\n        <div data-progress-area>\n          <div data-progress-text aria-live=\"polite\">\u7b2c 1 \/ 20 \u984c<\/div>\n          <div class=\"progress\" data-progress-track>\n            <div class=\"progress-bar\" data-progress-bar role=\"progressbar\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\" aria-valuemin=\"1\" aria-valuemax=\"20\" aria-valuenow=\"1\"><\/div>\n          <\/div>\n        <\/div>\n\n        <p class=\"visually-hidden\" data-live-status aria-live=\"polite\">\u76ee\u524d\u5728\u7b2c 1 \u984c<\/p>\n\n        <div data-question-list>\n          <article data-question data-question-index=\"0\" data-question-number=\"1\">\n            <h3>01. \u559c\u6b61\u7684\u984f\u8272<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u85cd<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u7d05<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"1\" data-question-number=\"2\" hidden>\n            <h3>02. \u559c\u6b61\u54ea\u500b\u904a\u6232\u8a2d\u65bd<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u9b27\u9b3c\u7684\u623f\u5b50<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u5feb\u901f\u6ed1\u884c<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"2\" data-question-number=\"3\" hidden>\n            <h3>03. \u8207\u4eba\u7684\u4ea4\u5f80\u65b9\u5f0f<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u7a84\u800c\u6df1<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u5bec\u800c\u6dfa<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"3\" data-question-number=\"4\" hidden>\n            <h3>04. \u6642\u5e38\u770b\u7684\u5167\u5bb9<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u66f8<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u96dc\u8a8c<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"4\" data-question-number=\"5\" hidden>\n            <h3>05. \u63db\u5de5\u4f5c\u7684\u7d93\u6b77<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u6709<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u6c92\u6709<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"5\" data-question-number=\"6\" hidden>\n            <h3>06. \u559c\u6b61\u7684\u96fb\u5f71\u7a2e\u985e<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u9a5a\u96aa\u5f71\u7247<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u559c\u5287\u96fb\u5f71<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"6\" data-question-number=\"7\" hidden>\n            <h3>07. \u601d\u8003\u80fd\u529b<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u8907\u7dda<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u55ae\u7dda<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"7\" data-question-number=\"8\" hidden>\n            <h3>08. \u6b63\u5f0f\u8868\u6f14<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u5f37<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u5f31<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"8\" data-question-number=\"9\" hidden>\n            <h3>09. \u751f\u6d3b\u8d77\u5c45<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u597d<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u4e0d\u597d<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"9\" data-question-number=\"10\" hidden>\n            <h3>10. \u4f86\u81ea\u5468\u570d\u7684\u8a55\u50f9<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u4e0d\u5728\u610f<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u5728\u610f<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"10\" data-question-number=\"11\" hidden>\n            <h3>11. \u88ab\u4eba\u8aaa\u662f\u96d9\u91cd\u4eba\u683c<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u6709<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u6c92\u6709<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"11\" data-question-number=\"12\" hidden>\n            <h3>12. \u559c\u6b61\u54ea\u7a2e\u5bb6\u52d9<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u70f9\u98ea<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u6383\u9664<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"12\" data-question-number=\"13\" hidden>\n            <h3>13. \u8a18\u61b6\u529b<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u597d<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u4e0d\u597d<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"13\" data-question-number=\"14\" hidden>\n            <h3>14. \u559c\u6b61\u7684\u5473\u9053<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u9e79<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u751c<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"14\" data-question-number=\"15\" hidden>\n            <h3>15. \u4e0d\u80fd\u5fcd\u8010\u7684<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u71b1<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u51b7<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"15\" data-question-number=\"16\" hidden>\n            <h3>16. \u96fb\u8166<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u64c5\u9577<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"cognitive\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u4e0d\u64c5\u9577<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"16\" data-question-number=\"17\" hidden>\n            <h3>17. \u64c5\u9577\u7684\u662f<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u77ed\u8dd1<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u9577\u8dd1<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"17\" data-question-number=\"18\" hidden>\n            <h3>18. \u8ced\u535a<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u559c\u6b61<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"environment\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u8a0e\u53ad<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"18\" data-question-number=\"19\" hidden>\n            <h3>19. \u559c\u6b61\u7684\u98df\u7269<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u5148\u5403<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"sustained\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u6700\u5f8c\u5403<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question data-question-index=\"19\" data-question-number=\"20\" hidden>\n            <h3>20. \u8a08\u756b\u6027<\/h3>\n            <div data-options>\n              <button type=\"button\" class=\"card\" data-option data-value=\"A\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>A<\/strong><span>\u6709<\/span><\/span>\n                <\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-option data-value=\"B\" data-dimension=\"rhythm\" aria-pressed=\"false\">\n                <span data-option-row>\n                  <span data-option-mark aria-hidden=\"true\"><i class=\"bi bi-check-lg\" data-option-icon hidden><\/i><\/span>\n                  <span data-option-text><strong>B<\/strong><span>\u6c92\u6709<\/span><\/span>\n                <\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <div data-center-actions>\n          <button type=\"button\" class=\"btn btn-outline-secondary\" data-action=\"prev-question\" disabled>\n            <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n            <span>\u4e0a\u4e00\u984c<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" hidden>\n    <div class=\"card border-0 shadow-sm\" data-quiz-card>\n      <div class=\"card-body\">\n        <header data-result-header>\n          <p data-kicker>\u4f60\u7684\u6e2c\u9a57\u7d50\u679c<\/p>\n          <h2 id=\"quizresulttitle9\" tabindex=\"-1\">\u6ce8\u610f\u96c6\u4e2d\u7a0b\u5ea6\u5206\u6790<\/h2>\n          <p data-score-status aria-live=\"polite\">\n            \u4f60\u7684 A \u9078\u9805\u70ba <output data-score-a>0<\/output> \u984c\uff0cB \u9078\u9805\u70ba <output data-score-b>0<\/output> \u984c\u3002\n          <\/p>\n        <\/header>\n\n        <div data-score-hero>\n          <div>\n            <span data-score-label>\u5c08\u6ce8\u50be\u5411\u5206\u6578<\/span>\n            <strong><output data-score-total>0<\/output><span>\/20<\/span><\/strong>\n          <\/div>\n          <p data-score-detail>\u5206\u6578\u8d8a\u9ad8\uff0c\u4ee3\u8868\u8d8a\u504f\u5411\u80fd\u7a69\u5b9a\u96c6\u4e2d\u6ce8\u610f\u529b\u7684\u72c0\u614b\u3002<\/p>\n        <\/div>\n\n        <div data-result-panels>\n          <article data-result-panel=\"high\" hidden>\n            <h3><i class=\"bi bi-sunrise\" aria-hidden=\"true\"><\/i> \u9ad8\u96c6\u4e2d\u578b<\/h3>\n            <p>\u4f60\u591a\u534a\u80fd\u628a\u5fc3\u7406\u6d3b\u52d5\u7a69\u5b9a\u5730\u6307\u5411\u76ee\u6a19\uff0c\u5373\u4f7f\u5468\u906d\u6709\u8072\u97f3\u6216\u8b8a\u5316\uff0c\u4e5f\u8f03\u80fd\u7dad\u6301\u81ea\u5df1\u7684\u7bc0\u594f\u3002<\/p>\n            <p>\u63d0\u9192\u4f60\uff1a\u5c08\u6ce8\u529b\u5f37\u662f\u512a\u52e2\uff0c\u4f46\u4e5f\u53ef\u80fd\u56e0\u592a\u6295\u5165\u800c\u5ffd\u7565\u65c1\u4eba\u7684\u63d0\u9192\u3002\u5efa\u8b70\u5b89\u6392\u56fa\u5b9a\u4f11\u606f\u9ede\uff0c\u8b93\u8eab\u9ad4\u8207\u6ce8\u610f\u529b\u90fd\u80fd\u56de\u5230\u5e73\u8861\u3002<\/p>\n          <\/article>\n\n          <article data-result-panel=\"high-close\" hidden>\n            <h3><i class=\"bi bi-cloud-sun\" aria-hidden=\"true\"><\/i> \u504f\u9ad8\u4f46\u53d7\u60c5\u5883\u5f71\u97ff<\/h3>\n            <p>\u4f60\u7565\u504f\u5411\u96c6\u4e2d\u529b\u8f03\u4f73\u7684\u985e\u578b\uff0c\u4f46 A\u3001B \u5dee\u8ddd\u4e0d\u5927\uff0c\u4ee3\u8868\u72c0\u614b\u3001\u8208\u8da3\u8207\u74b0\u5883\u4ecd\u6703\u660e\u986f\u5f71\u97ff\u4f60\u7684\u8868\u73fe\u3002<\/p>\n            <p>\u5efa\u8b70\u5728\u91cd\u8981\u4efb\u52d9\u524d\u5148\u6e05\u7406\u684c\u9762\u3001\u95dc\u9589\u975e\u5fc5\u8981\u901a\u77e5\uff0c\u8b93\u539f\u672c\u4e0d\u932f\u7684\u5c08\u6ce8\u529b\u66f4\u5bb9\u6613\u88ab\u555f\u52d5\u3002<\/p>\n          <\/article>\n\n          <article data-result-panel=\"balanced\" hidden>\n            <h3><i class=\"bi bi-yin-yang\" aria-hidden=\"true\"><\/i> \u5f48\u6027\u6ce2\u52d5\u578b<\/h3>\n            <p>\u4f60\u7684\u96c6\u4e2d\u529b\u53ef\u80fd\u6709\u6642\u5f88\u7a69\uff0c\u6709\u6642\u537b\u5bb9\u6613\u98c4\u8d70\u3002\u9019\u4e0d\u4e00\u5b9a\u662f\u7f3a\u9ede\uff0c\u901a\u5e38\u8868\u793a\u4f60\u7684\u6ce8\u610f\u529b\u5f88\u53d7\u8eab\u9ad4\u72c0\u6cc1\u3001\u5167\u5bb9\u8208\u8da3\u8207\u5916\u5728\u74b0\u5883\u5f71\u97ff\u3002<\/p>\n            <p>\u9700\u8981\u5c08\u6ce8\u6642\uff0c\u5148\u8abf\u6574\u5ba2\u89c0\u74b0\u5883\uff1a\u964d\u4f4e\u566a\u97f3\u3001\u7e2e\u5c0f\u4efb\u52d9\u7bc4\u570d\u3001\u8a2d\u5b9a 25 \u5206\u9418\u5c08\u6ce8\u6bb5\uff0c\u6703\u6bd4\u786c\u6490\u66f4\u6709\u6548\u3002<\/p>\n          <\/article>\n\n          <article data-result-panel=\"low-close\" hidden>\n            <h3><i class=\"bi bi-flower2\" aria-hidden=\"true\"><\/i> \u7565\u6613\u5206\u5fc3\u578b<\/h3>\n            <p>\u4f60\u76ee\u524d\u7565\u504f\u5411\u5bb9\u6613\u88ab\u5916\u754c\u6216\u601d\u7dd2\u727d\u52d5\uff0c\u4f46\u5dee\u8ddd\u4e0d\u5927\uff0c\u4ee3\u8868\u53ea\u8981\u74b0\u5883\u8207\u4efb\u52d9\u8a2d\u8a08\u5408\u9069\uff0c\u4ecd\u80fd\u9032\u5165\u5c08\u6ce8\u72c0\u614b\u3002<\/p>\n            <p>\u5efa\u8b70\u628a\u4efb\u52d9\u5207\u6210\u66f4\u5c0f\u6b65\u9a5f\uff0c\u6bcf\u5b8c\u6210\u4e00\u5c0f\u6bb5\u5c31\u505a\u7c21\u77ed\u8a18\u9304\uff0c\u5e6b\u52a9\u5927\u8166\u770b\u898b\u9032\u5ea6\u4e26\u5ef6\u7e8c\u52d5\u80fd\u3002<\/p>\n          <\/article>\n\n          <article data-result-panel=\"low\" hidden>\n            <h3><i class=\"bi bi-wind\" aria-hidden=\"true\"><\/i> \u5bb9\u6613\u5206\u5fc3\u578b<\/h3>\n            <p>\u4f60\u53ef\u80fd\u8f03\u5bb9\u6613\u53d7\u5230\u5468\u570d\u5c0d\u8a71\u3001\u74b0\u5883\u523a\u6fc0\u6216\u5167\u5728\u60c5\u7dd2\u5f71\u97ff\uff0c\u5c0e\u81f4\u5de5\u4f5c\u6216\u95b1\u8b80\u4e2d\u65b7\u3002<\/p>\n            <p>\u5efa\u8b70\u4e0d\u8981\u53ea\u9760\u610f\u5fd7\u529b\u786c\u6490\u3002\u5148\u5efa\u7acb\u5b89\u975c\u3001\u4f4e\u523a\u6fc0\u7684\u5de5\u4f5c\u5340\uff0c\u518d\u7528\u77ed\u6642\u9593\u5012\u6578\u3001\u55ae\u4e00\u4efb\u52d9\u6e05\u55ae\u8207\u624b\u6a5f\u9060\u96e2\u684c\u9762\u7684\u65b9\u5f0f\uff0c\u9010\u6b65\u8a13\u7df4\u96c6\u4e2d\u529b\u3002<\/p>\n          <\/article>\n        <\/div>\n\n        <div data-distribution-card>\n          <h3>\u6574\u9ad4\u5206\u5e03\u4f4d\u7f6e<\/h3>\n          <div data-score-scale aria-label=\"\u6574\u9ad4\u5c08\u6ce8\u5206\u6578\u5206\u5e03\">\n            <span data-scale-segment=\"low\">0\u20138<\/span>\n            <span data-scale-segment=\"mid\">9\u201311<\/span>\n            <span data-scale-segment=\"good\">12\u201316<\/span>\n            <span data-scale-segment=\"high\">17\u201320<\/span>\n            <span data-score-marker aria-hidden=\"true\">\n              <span data-marker-dot><\/span>\n              <span data-marker-label>\u76ee\u524d<\/span>\n            <\/span>\n          <\/div>\n          <div data-scale-legend>\n            <span><i data-legend-dot=\"low\"><\/i>\u8f03\u6613\u5206\u5fc3 0\u20138<\/span>\n            <span><i data-legend-dot=\"mid\"><\/i>\u6ce2\u52d5\u5e73\u8861 9\u201311<\/span>\n            <span><i data-legend-dot=\"good\"><\/i>\u96c6\u4e2d\u504f\u9ad8 12\u201316<\/span>\n            <span><i data-legend-dot=\"high\"><\/i>\u9ad8\u5ea6\u96c6\u4e2d 17\u201320<\/span>\n          <\/div>\n        <\/div>\n\n        <div data-chart-section>\n          <h3>\u591a\u7dad\u5ea6\u5206\u6578<\/h3>\n          <p data-chart-intro>\u4ee5\u4e0b\u5716\u8868\u4ee5 A \u9078\u9805\u6bd4\u4f8b\u4f30\u7b97\u5404\u9762\u5411\u7684\u5c08\u6ce8\u50be\u5411\uff0c\u5e6b\u52a9\u4f60\u770b\u898b\u8f03\u7a69\u5b9a\u8207\u8f03\u9700\u8981\u7167\u9867\u7684\u5340\u57df\u3002<\/p>\n          <p data-chart-status aria-live=\"polite\" hidden>\u5716\u8868\u6574\u7406\u4e2d\u2026<\/p>\n          <div data-chart-wrap>\n            <canvas data-chart-canvas role=\"img\" aria-label=\"\u6301\u7e8c\u5c08\u6ce8\u3001\u74b0\u5883\u6297\u64fe\u3001\u601d\u7dd2\u6536\u675f\u3001\u7bc0\u594f\u7ba1\u7406\u7684\u5206\u6578\u5716\u8868\"><\/canvas>\n          <\/div>\n        <\/div>\n\n        <div data-dimension-grid>\n          <article data-dimension-card=\"sustained\">\n            <h3>\u6301\u7e8c\u5c08\u6ce8 <output data-dimension-value=\"sustained\">0%<\/output><\/h3>\n            <p data-dimension-advice=\"sustained-low\" hidden>\u53ef\u5148\u5f9e 10\u201315 \u5206\u9418\u77ed\u5c08\u6ce8\u958b\u59cb\uff0c\u5b8c\u6210\u5f8c\u518d\u5ef6\u9577\u6642\u9593\uff0c\u964d\u4f4e\u4e00\u958b\u59cb\u5c31\u5931\u901f\u7684\u6a5f\u7387\u3002<\/p>\n            <p data-dimension-advice=\"sustained-mid\" hidden>\u4f60\u5177\u5099\u4e00\u5b9a\u6301\u7e8c\u529b\uff0c\u5efa\u8b70\u628a\u91cd\u8981\u4efb\u52d9\u5b89\u6392\u5728\u7cbe\u795e\u6700\u7a69\u7684\u6642\u6bb5\uff0c\u6548\u679c\u6703\u66f4\u660e\u986f\u3002<\/p>\n            <p data-dimension-advice=\"sustained-high\" hidden>\u4f60\u7684\u6295\u5165\u611f\u8f03\u5f37\uff0c\u9069\u5408\u6df1\u5ea6\u5de5\u4f5c\uff1b\u8a18\u5f97\u52a0\u5165\u4f11\u606f\u63d0\u9192\uff0c\u907f\u514d\u904e\u5ea6\u6c89\u6d78\u3002<\/p>\n          <\/article>\n\n          <article data-dimension-card=\"environment\">\n            <h3>\u74b0\u5883\u6297\u64fe <output data-dimension-value=\"environment\">0%<\/output><\/h3>\n            <p data-dimension-advice=\"environment-low\" hidden>\u5916\u754c\u523a\u6fc0\u53ef\u80fd\u8f03\u5bb9\u6613\u62c9\u8d70\u4f60\u7684\u6ce8\u610f\u529b\uff0c\u5efa\u8b70\u4f7f\u7528\u8033\u585e\u3001\u767d\u566a\u97f3\u6216\u56fa\u5b9a\u5de5\u4f5c\u89d2\u843d\u3002<\/p>\n            <p data-dimension-advice=\"environment-mid\" hidden>\u4f60\u7684\u6297\u5e72\u64fe\u7a0b\u5ea6\u4e2d\u7b49\uff0c\u4efb\u52d9\u96e3\u5ea6\u8d8a\u9ad8\uff0c\u8d8a\u9700\u8981\u5148\u6574\u7406\u74b0\u5883\u8207\u901a\u77e5\u4f86\u6e90\u3002<\/p>\n            <p data-dimension-advice=\"environment-high\" hidden>\u4f60\u5728\u96dc\u8a0a\u4e2d\u4ecd\u80fd\u4fdd\u6709\u65b9\u5411\u611f\uff0c\u4f46\u8acb\u7559\u610f\u5225\u56e0\u592a\u5c08\u6ce8\u800c\u932f\u904e\u5fc5\u8981\u8a0a\u606f\u3002<\/p>\n          <\/article>\n\n          <article data-dimension-card=\"cognitive\">\n            <h3>\u601d\u7dd2\u6536\u675f <output data-dimension-value=\"cognitive\">0%<\/output><\/h3>\n            <p data-dimension-advice=\"cognitive-low\" hidden>\u601d\u7dd2\u53ef\u80fd\u5bb9\u6613\u8df3\u8f49\u3002\u628a\u60f3\u6cd5\u5148\u5beb\u5230\u66ab\u5b58\u6e05\u55ae\uff0c\u518d\u56de\u5230\u7576\u4e0b\u4efb\u52d9\uff0c\u6703\u66f4\u5bb9\u6613\u6536\u675f\u3002<\/p>\n            <p data-dimension-advice=\"cognitive-mid\" hidden>\u4f60\u80fd\u5728\u4e00\u5b9a\u7a0b\u5ea6\u4e0a\u6574\u7406\u601d\u7dd2\uff0c\u9069\u5408\u7528\u689d\u5217\u5f0f\u6b65\u9a5f\u8b93\u4efb\u52d9\u66f4\u6e05\u695a\u3002<\/p>\n            <p data-dimension-advice=\"cognitive-high\" hidden>\u4f60\u8f03\u80fd\u628a\u8907\u96dc\u8a0a\u606f\u6536\u6582\u6210\u884c\u52d5\uff0c\u9069\u5408\u8655\u7406\u9700\u8981\u5206\u6790\u8207\u5224\u65b7\u7684\u4efb\u52d9\u3002<\/p>\n          <\/article>\n\n          <article data-dimension-card=\"rhythm\">\n            <h3>\u7bc0\u594f\u7ba1\u7406 <output data-dimension-value=\"rhythm\">0%<\/output><\/h3>\n            <p data-dimension-advice=\"rhythm-low\" hidden>\u751f\u6d3b\u7bc0\u594f\u82e5\u4e0d\u7a69\uff0c\u5c08\u6ce8\u529b\u6703\u66f4\u5bb9\u6613\u6ce2\u52d5\u3002\u53ef\u5148\u56fa\u5b9a\u7761\u7720\u3001\u98f2\u6c34\u8207\u5de5\u4f5c\u8d77\u59cb\u5100\u5f0f\u3002<\/p>\n            <p data-dimension-advice=\"rhythm-mid\" hidden>\u4f60\u7684\u7bc0\u594f\u7ba1\u7406\u6709\u57fa\u790e\uff0c\u82e5\u80fd\u628a\u4efb\u52d9\u6392\u7a0b\u8996\u89ba\u5316\uff0c\u5c08\u6ce8\u8868\u73fe\u6703\u66f4\u7a69\u3002<\/p>\n            <p data-dimension-advice=\"rhythm-high\" hidden>\u4f60\u8f03\u80fd\u7528\u898f\u5f8b\u8207\u8a08\u756b\u652f\u6301\u5c08\u6ce8\uff0c\u9069\u5408\u5efa\u7acb\u6bcf\u9031\u56fa\u5b9a\u7684\u6df1\u5ea6\u5de5\u4f5c\u5340\u584a\u3002<\/p>\n          <\/article>\n        <\/div>\n\n        <div data-center-actions>\n          <button type=\"button\" class=\"btn\" data-action=\"restart-quiz\">\n            <i class=\"bi bi-arrow-counterclockwise\" aria-hidden=\"true\"><\/i>\n            <span>\u91cd\u65b0\u6e2c\u9a57<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n<style>\n  #quizapp9,\n  #quizapp9 * {\n    box-sizing: border-box;\n  }\n\n  #quizapp9 {\n    --quiz-ink: #2f2a25;\n    --quiz-muted: #665e55;\n    --quiz-soft: #faf7f1;\n    --quiz-card: #fffdf8;\n    --quiz-sage: #8fa184;\n    --quiz-sage-dark: #53664e;\n    --quiz-clay: #d5ad8d;\n    --quiz-cream: #f4e8cf;\n    --quiz-taupe: #8f765d;\n    --quiz-brown: #4f3d30;\n    --quiz-line: rgba(91, 70, 54, 0.16);\n    --quiz-shadow: 0 18px 45px rgba(79, 61, 48, 0.12);\n    --quiz-radius: 24px;\n    --quiz-score-position: 50%;\n    width: min(100%, 750px);\n    max-width: 750px;\n    margin: 0 auto;\n    color: var(--quiz-ink);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans 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 [data-quiz-card] {\n    overflow: hidden;\n    border-radius: var(--quiz-radius);\n    background:\n      radial-gradient(circle at 12% 0%, rgba(213, 173, 141, 0.22), transparent 32%),\n      radial-gradient(circle at 95% 8%, rgba(143, 161, 132, 0.2), transparent 30%),\n      var(--quiz-card);\n    box-shadow: var(--quiz-shadow);\n    contain: layout paint;\n  }\n\n  #quizapp9 .card-body {\n    padding: 24px;\n  }\n\n  #quizapp9 [data-intro-layout],\n  #quizapp9 [data-result-header],\n  #quizapp9 [data-quiz-header] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  #quizapp9 [data-intro-layout] {\n    gap: 20px;\n    position: relative;\n    min-height: 520px;\n    justify-content: center;\n  }\n\n  #quizapp9 [data-icon-cloud] {\n    position: relative;\n    width: 184px;\n    height: 112px;\n    margin-bottom: 4px;\n  }\n\n  #quizapp9 [data-float-icon] {\n    position: absolute;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    background: rgba(255, 253, 248, 0.88);\n    color: var(--quiz-sage-dark);\n    box-shadow: 0 10px 28px rgba(79, 61, 48, 0.14);\n    border: 1px solid rgba(91, 70, 54, 0.08);\n  }\n\n  #quizapp9 [data-float-icon=\"leaf\"] {\n    width: 72px;\n    height: 72px;\n    left: 56px;\n    top: 10px;\n    font-size: 34px;\n    background: linear-gradient(135deg, #f7efe2, #e3edd9);\n  }\n\n  #quizapp9 [data-float-icon=\"spark\"] {\n    width: 48px;\n    height: 48px;\n    left: 12px;\n    top: 44px;\n    font-size: 22px;\n  }\n\n  #quizapp9 [data-float-icon=\"focus\"] {\n    width: 56px;\n    height: 56px;\n    right: 12px;\n    top: 38px;\n    font-size: 26px;\n  }\n\n  #quizapp9 [data-kicker] {\n    margin: 0 0 8px;\n    color: var(--quiz-sage-dark);\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n  }\n\n  #quizapp9 h2 {\n    margin: 0;\n    color: var(--quiz-brown);\n    font-size: clamp(28px, 7vw, 40px);\n    line-height: 1.18;\n    font-weight: 800;\n    letter-spacing: -0.02em;\n  }\n\n  #quizapp9 h3 {\n    margin: 0;\n    color: var(--quiz-brown);\n    font-size: 20px;\n    line-height: 1.35;\n    font-weight: 750;\n  }\n\n  #quizapp9 [data-subtitle],\n  #quizapp9 [data-quiz-helper],\n  #quizapp9 [data-chart-intro],\n  #quizapp9 [data-score-detail],\n  #quizapp9 [data-intro-note],\n  #quizapp9 [data-result-panels] p,\n  #quizapp9 [data-dimension-card] p {\n    color: var(--quiz-muted);\n  }\n\n  #quizapp9 [data-subtitle] {\n    max-width: 600px;\n    margin: 16px auto 0;\n    font-size: 17px;\n  }\n\n  #quizapp9 [data-intro-points] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    width: 100%;\n    margin-top: 4px;\n  }\n\n  #quizapp9 [data-mini-card] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n    padding: 16px;\n    border: 1px solid var(--quiz-line);\n    border-radius: 20px;\n    background: rgba(255, 253, 248, 0.74);\n  }\n\n  #quizapp9 [data-mini-card] i {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 999px;\n    color: var(--quiz-sage-dark);\n    background: #edf3e7;\n    font-size: 22px;\n  }\n\n  #quizapp9 [data-mini-card] h3 {\n    font-size: 18px;\n  }\n\n  #quizapp9 [data-mini-card] p {\n    margin: 0;\n    color: var(--quiz-muted);\n    text-align: center;\n  }\n\n  #quizapp9 [data-center-actions] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 8px;\n  }\n\n  #quizapp9 [data-action] {\n    min-width: 44px;\n    min-height: 44px;\n    border-radius: 999px;\n    font-weight: 750;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;\n  }\n\n  #quizapp9 [data-action=\"start-quiz\"],\n  #quizapp9 [data-action=\"restart-quiz\"] {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n    padding: 13px 28px;\n    border: 0;\n    color: #fffdf8;\n    background: linear-gradient(135deg, #7d936f, #b99473);\n    box-shadow: 0 12px 26px rgba(83, 102, 78, 0.25);\n  }\n\n  #quizapp9 [data-action=\"prev-question\"] {\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 22px;\n    color: var(--quiz-brown);\n    border-color: rgba(79, 61, 48, 0.28);\n    background: rgba(255, 253, 248, 0.72);\n  }\n\n  #quizapp9 [data-action]:disabled {\n    opacity: 0.48;\n    cursor: not-allowed;\n  }\n\n  #quizapp9 [data-intro-note] {\n    max-width: 560px;\n    margin: 0;\n    font-size: 14px;\n  }\n\n  #quizapp9 [data-quiz-header] {\n    gap: 8px;\n    margin-bottom: 20px;\n  }\n\n  #quizapp9 [data-quiz-helper] {\n    margin: 0;\n  }\n\n  #quizapp9 [data-progress-area] {\n    margin-bottom: 20px;\n  }\n\n  #quizapp9 [data-progress-text] {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 8px;\n    color: var(--quiz-sage-dark);\n    font-weight: 750;\n  }\n\n  #quizapp9 [data-progress-track] {\n    height: 10px;\n    overflow: hidden;\n    border-radius: 999px;\n    background-color: #eee4d4;\n  }\n\n  #quizapp9 [data-progress-bar] {\n    width: 5%;\n    border-radius: 999px;\n    background: linear-gradient(90deg, #8fa184, #d5ad8d);\n    transition: width 0.24s ease;\n  }\n\n  #quizapp9 [data-question] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  #quizapp9 [data-options] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  #quizapp9 [data-option] {\n    width: 100%;\n    min-height: 64px;\n    padding: 14px 16px;\n    border: 1px solid var(--quiz-line);\n    border-radius: 18px;\n    background: rgba(255, 253, 248, 0.86);\n    color: var(--quiz-ink);\n    text-align: left;\n    cursor: pointer;\n    box-shadow: 0 6px 18px rgba(79, 61, 48, 0.06);\n    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;\n  }\n\n  #quizapp9 [data-option-row] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  #quizapp9 [data-option-mark] {\n    flex: 0 0 auto;\n    display: inline-flex;\n    width: 28px;\n    height: 28px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    border: 2px solid #b8aa99;\n    color: #fffdf8;\n    background: transparent;\n    transition: background-color 0.18s ease, border-color 0.18s ease;\n  }\n\n  #quizapp9 [data-option-text] {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 10px;\n    min-width: 0;\n    font-size: 17px;\n  }\n\n  #quizapp9 [data-option-text] strong {\n    color: var(--quiz-sage-dark);\n    font-size: 16px;\n  }\n\n  #quizapp9 [data-option][data-selected=\"true\"] {\n    border-color: rgba(83, 102, 78, 0.72);\n    background: #edf3e7;\n    box-shadow: 0 10px 24px rgba(83, 102, 78, 0.16);\n  }\n\n  #quizapp9 [data-option][data-selected=\"true\"] [data-option-mark] {\n    border-color: var(--quiz-sage-dark);\n    background: var(--quiz-sage-dark);\n  }\n\n  #quizapp9 [data-result-header] {\n    gap: 8px;\n  }\n\n  #quizapp9 [data-score-status] {\n    margin: 0;\n    color: var(--quiz-muted);\n  }\n\n  #quizapp9 [data-score-hero] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    margin: 22px 0;\n    padding: 20px;\n    border-radius: 22px;\n    background: linear-gradient(135deg, rgba(237, 243, 231, 0.96), rgba(250, 240, 224, 0.96));\n    text-align: center;\n  }\n\n  #quizapp9 [data-score-label] {\n    display: block;\n    color: var(--quiz-sage-dark);\n    font-weight: 750;\n    margin-bottom: 4px;\n  }\n\n  #quizapp9 [data-score-hero] strong {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 3px;\n    color: var(--quiz-brown);\n    font-size: 40px;\n    line-height: 1;\n  }\n\n  #quizapp9 [data-score-hero] strong span {\n    font-size: 18px;\n  }\n\n  #quizapp9 [data-score-detail] {\n    max-width: 560px;\n    margin: 0;\n  }\n\n  #quizapp9 [data-result-panels] {\n    display: grid;\n    gap: 12px;\n  }\n\n  #quizapp9 [data-result-panel] {\n    padding: 18px;\n    border: 1px solid var(--quiz-line);\n    border-radius: 20px;\n    background: rgba(255, 253, 248, 0.78);\n  }\n\n  #quizapp9 [data-result-panel] h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n  }\n\n  #quizapp9 [data-result-panel] p {\n    margin: 8px 0 0;\n  }\n\n  #quizapp9 [data-distribution-card],\n  #quizapp9 [data-chart-section],\n  #quizapp9 [data-dimension-card] {\n    margin-top: 16px;\n    padding: 18px;\n    border-radius: 20px;\n    border: 1px solid var(--quiz-line);\n    background: rgba(255, 253, 248, 0.78);\n  }\n\n  #quizapp9 [data-score-scale] {\n    position: relative;\n    display: flex;\n    min-height: 48px;\n    margin-top: 14px;\n    overflow: visible;\n    border-radius: 999px;\n    background: #eee4d4;\n  }\n\n  #quizapp9 [data-scale-segment] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    color: var(--quiz-brown);\n    font-size: 12px;\n    font-weight: 750;\n  }\n\n  #quizapp9 [data-scale-segment=\"low\"] {\n    flex: 8;\n    border-radius: 999px 0 0 999px;\n    background: #ead8bd;\n  }\n\n  #quizapp9 [data-scale-segment=\"mid\"] {\n    flex: 3;\n    background: #e7c99e;\n  }\n\n  #quizapp9 [data-scale-segment=\"good\"] {\n    flex: 5;\n    background: #cbd7bd;\n  }\n\n  #quizapp9 [data-scale-segment=\"high\"] {\n    flex: 4;\n    border-radius: 0 999px 999px 0;\n    background: #9caf88;\n  }\n\n  #quizapp9 [data-score-marker] {\n    position: absolute;\n    left: var(--quiz-score-position);\n    top: 50%;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }\n\n  #quizapp9 [data-marker-dot] {\n    width: 18px;\n    height: 18px;\n    border-radius: 999px;\n    background: var(--quiz-brown);\n    border: 3px solid #fffdf8;\n    box-shadow: 0 6px 14px rgba(79, 61, 48, 0.24);\n  }\n\n  #quizapp9 [data-marker-label] {\n    position: absolute;\n    top: 24px;\n    min-width: 44px;\n    color: var(--quiz-brown);\n    font-size: 12px;\n    font-weight: 750;\n    text-align: center;\n  }\n\n  #quizapp9 [data-scale-legend] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    margin-top: 28px;\n    color: var(--quiz-muted);\n    font-size: 14px;\n  }\n\n  #quizapp9 [data-scale-legend] span {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  #quizapp9 [data-legend-dot] {\n    width: 12px;\n    height: 12px;\n    border-radius: 999px;\n    display: inline-block;\n  }\n\n  #quizapp9 [data-legend-dot=\"low\"] {\n    background: #ead8bd;\n  }\n\n  #quizapp9 [data-legend-dot=\"mid\"] {\n    background: #e7c99e;\n  }\n\n  #quizapp9 [data-legend-dot=\"good\"] {\n    background: #cbd7bd;\n  }\n\n  #quizapp9 [data-legend-dot=\"high\"] {\n    background: #9caf88;\n  }\n\n  #quizapp9 [data-chart-section] h3,\n  #quizapp9 [data-distribution-card] h3 {\n    text-align: center;\n    margin-bottom: 8px;\n  }\n\n  #quizapp9 [data-chart-intro],\n  #quizapp9 [data-chart-status] {\n    margin: 0 auto 12px;\n    max-width: 580px;\n    text-align: center;\n  }\n\n  #quizapp9 [data-chart-wrap] {\n    position: relative;\n    width: 100%;\n    min-height: 300px;\n  }\n\n  #quizapp9 [data-chart-canvas] {\n    display: block;\n    width: 100%;\n    max-width: 680px;\n    height: 300px;\n    margin: 0 auto;\n  }\n\n  #quizapp9 [data-dimension-grid] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 16px;\n  }\n\n  #quizapp9 [data-dimension-card] {\n    margin-top: 0;\n  }\n\n  #quizapp9 [data-dimension-card] h3 {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    align-items: baseline;\n    margin-bottom: 8px;\n    font-size: 18px;\n  }\n\n  #quizapp9 [data-dimension-card] output {\n    color: var(--quiz-sage-dark);\n    font-weight: 800;\n  }\n\n  #quizapp9 [data-dimension-card] p {\n    margin: 0;\n  }\n\n  #quizapp9 button:focus-visible,\n  #quizapp9 [tabindex=\"-1\"]:focus-visible {\n    outline: 3px solid rgba(83, 102, 78, 0.72);\n    outline-offset: 3px;\n  }\n\n  @media (hover: hover) {\n    #quizapp9 [data-action]:not(:disabled):hover,\n    #quizapp9 [data-option]:hover {\n      transform: translateY(-2px);\n    }\n\n    #quizapp9 [data-option]:hover {\n      border-color: rgba(83, 102, 78, 0.46);\n      box-shadow: 0 12px 24px rgba(79, 61, 48, 0.1);\n    }\n\n    #quizapp9 [data-action=\"start-quiz\"]:hover,\n    #quizapp9 [data-action=\"restart-quiz\"]:hover {\n      box-shadow: 0 16px 30px rgba(83, 102, 78, 0.28);\n    }\n  }\n\n  @media (min-width: 576px) {\n    #quizapp9 {\n      font-size: 17px;\n    }\n\n    #quizapp9 .card-body {\n      padding: 32px;\n    }\n\n    #quizapp9 [data-intro-points] {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    #quizapp9 [data-options] {\n      gap: 14px;\n    }\n\n    #quizapp9 [data-option] {\n      padding: 16px 18px;\n    }\n\n    #quizapp9 [data-scale-legend] {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    #quizapp9 [data-dimension-grid] {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    #quizapp9 [data-chart-wrap] {\n      min-height: 330px;\n    }\n\n    #quizapp9 [data-chart-canvas] {\n      height: 330px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #quizapp9 *,\n    #quizapp9 *::before,\n    #quizapp9 *::after {\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\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[data-page=\"intro9\"]');\n    const quizmain9 = root.querySelector('#quizmain9[data-page=\"quiz9\"]');\n    const quizresult9 = root.querySelector('#quizresult9[data-page=\"result9\"]');\n\n    if (!quizintro9 || !quizmain9 || !quizresult9) return;\n\n    const questions = Array.from(root.querySelectorAll('[data-question]'));\n    const totalQuestions = questions.length;\n\n    const nodes = {\n      introTitle: root.querySelector('#quizintrotitle9'),\n      quizTitle: root.querySelector('#quizmaintitle9'),\n      resultTitle: root.querySelector('#quizresulttitle9'),\n      progressText: root.querySelector('[data-progress-text]'),\n      progressBar: root.querySelector('[data-progress-bar]'),\n      liveStatus: root.querySelector('[data-live-status]'),\n      prevButton: root.querySelector('[data-action=\"prev-question\"]'),\n      scoreA: root.querySelector('[data-score-a]'),\n      scoreB: root.querySelector('[data-score-b]'),\n      scoreTotal: root.querySelector('[data-score-total]'),\n      scoreDetail: root.querySelector('[data-score-detail]'),\n      chartStatus: root.querySelector('[data-chart-status]'),\n      chartCanvas: root.querySelector('[data-chart-canvas]')\n    };\n\n    const dimensionOrder = [\"sustained\", \"environment\", \"cognitive\", \"rhythm\"];\n    const dimensionLabels = {\n      sustained: \"\u6301\u7e8c\u5c08\u6ce8\",\n      environment: \"\u74b0\u5883\u6297\u64fe\",\n      cognitive: \"\u601d\u7dd2\u6536\u675f\",\n      rhythm: \"\u7bc0\u594f\u7ba1\u7406\"\n    };\n\n    const chartColors = [\"#9CAF88\", \"#D9B99B\", \"#C6A15B\", \"#8F765D\"];\n\n    const state = {\n      index: 0,\n      answers: Array(totalQuestions).fill(null),\n      busy: false,\n      chart: null\n    };\n\n    const prefersReducedMotion = () => {\n      return window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    };\n\n    const scrollToHeading = (heading) => {\n      if (!heading) return;\n      requestAnimationFrame(() => {\n        heading.scrollIntoView({\n          behavior: prefersReducedMotion() ? \"auto\" : \"smooth\",\n          block: \"start\"\n        });\n        heading.focus({ preventScroll: true });\n      });\n    };\n\n    const destroyChart = () => {\n      if (state.chart) {\n        state.chart.destroy();\n        state.chart = null;\n      }\n    };\n\n    const resetState = () => {\n      state.index = 0;\n      state.answers.fill(null);\n      state.busy = false;\n      destroyChart();\n      root.style.setProperty(\"--quiz-score-position\", \"50%\");\n      updateQuestionView();\n    };\n\n    const updateQuestionView = () => {\n      questions.forEach((question, questionIndex) => {\n        const isCurrent = questionIndex === state.index;\n        question.hidden = !isCurrent;\n\n        const options = Array.from(question.querySelectorAll('[data-option]'));\n        options.forEach((option) => {\n          const isSelected = state.answers[questionIndex] === option.dataset.value;\n          option.dataset.selected = isSelected ? \"true\" : \"false\";\n          option.setAttribute(\"aria-pressed\", String(isSelected));\n\n          const icon = option.querySelector('[data-option-icon]');\n          if (icon) {\n            icon.hidden = !isSelected;\n          }\n        });\n      });\n\n      const visibleNumber = state.index + 1;\n      const progressPercent = Math.round((visibleNumber \/ totalQuestions) * 100);\n\n      if (nodes.progressText) {\n        nodes.progressText.textContent = `\u7b2c ${visibleNumber} \/ ${totalQuestions} \u984c`;\n      }\n\n      if (nodes.progressBar) {\n        nodes.progressBar.style.width = `${progressPercent}%`;\n        nodes.progressBar.setAttribute(\"aria-valuenow\", String(visibleNumber));\n      }\n\n      if (nodes.prevButton) {\n        nodes.prevButton.disabled = state.index === 0;\n      }\n\n      if (nodes.liveStatus) {\n        nodes.liveStatus.textContent = `\u76ee\u524d\u5728\u7b2c ${visibleNumber} \u984c`;\n      }\n    };\n\n    const getDimensionScores = () => {\n      const totals = {};\n      const selectedA = {};\n\n      dimensionOrder.forEach((key) => {\n        totals[key] = 0;\n        selectedA[key] = 0;\n      });\n\n      questions.forEach((question, questionIndex) => {\n        const option = question.querySelector('[data-option]');\n        const dimension = option ? option.dataset.dimension : \"\";\n        if (!dimension || !Object.prototype.hasOwnProperty.call(totals, dimension)) return;\n\n        totals[dimension] += 1;\n        if (state.answers[questionIndex] === \"A\") {\n          selectedA[dimension] += 1;\n        }\n      });\n\n      return dimensionOrder.reduce((scores, key) => {\n        scores[key] = totals[key] ? Math.round((selectedA[key] \/ totals[key]) * 100) : 0;\n        return scores;\n      }, {});\n    };\n\n    const getResultKey = (scoreA, scoreB) => {\n      const diff = Math.abs(scoreA - scoreB);\n\n      if (scoreA > scoreB && diff >= 3) return \"high\";\n      if (scoreA > scoreB && diff <= 2) return \"high-close\";\n      if (scoreB > scoreA && diff >= 3) return \"low\";\n      if (scoreB > scoreA && diff <= 2) return \"low-close\";\n      return \"balanced\";\n    };\n\n    const updateResultPanel = (resultKey) => {\n      const panels = Array.from(root.querySelectorAll('[data-result-panel]'));\n      panels.forEach((panel) => {\n        panel.hidden = panel.dataset.resultPanel !== resultKey;\n      });\n    };\n\n    const updateDimensionAdvice = (scores) => {\n      dimensionOrder.forEach((key) => {\n        const valueOutput = root.querySelector(`[data-dimension-value=\"${key}\"]`);\n        if (valueOutput) {\n          valueOutput.textContent = `${scores[key]}%`;\n        }\n\n        const level = scores[key] >= 70 ? \"high\" : scores[key] >= 40 ? \"mid\" : \"low\";\n        const adviceItems = Array.from(root.querySelectorAll(`[data-dimension-advice^=\"${key}-\"]`));\n\n        adviceItems.forEach((item) => {\n          item.hidden = item.dataset.dimensionAdvice !== `${key}-${level}`;\n        });\n      });\n    };\n\n    const updateDistribution = (scoreA) => {\n      const percent = Math.max(0, Math.min(100, (scoreA \/ totalQuestions) * 100));\n      root.style.setProperty(\"--quiz-score-position\", `${percent}%`);\n    };\n\n    const renderChart = (scores) => {\n      destroyChart();\n\n      if (!nodes.chartCanvas) return;\n\n      if (!window.Chart) {\n        if (nodes.chartStatus) {\n          nodes.chartStatus.hidden = false;\n          nodes.chartStatus.textContent = \"\u5716\u8868\u5957\u4ef6\u5c1a\u672a\u8f09\u5165\uff0c\u4ecd\u53ef\u67e5\u770b\u4e0a\u65b9\u5206\u6578\u8207\u6587\u5b57\u89e3\u6790\u3002\";\n        }\n        return;\n      }\n\n      if (nodes.chartStatus) {\n        nodes.chartStatus.hidden = false;\n        nodes.chartStatus.textContent = \"\u5716\u8868\u6574\u7406\u4e2d\u2026\";\n      }\n\n      const labelFontSize = root.offsetWidth < 520 ? 12 : 16;\n      const valueFontSize = root.offsetWidth < 520 ? 11 : 13;\n      const ctx = nodes.chartCanvas.getContext(\"2d\");\n\n      state.chart = new window.Chart(ctx, {\n        type: \"bar\",\n        data: {\n          labels: dimensionOrder.map((key) => dimensionLabels[key]),\n          datasets: [{\n            label: \"\u5c08\u6ce8\u50be\u5411\u5206\u6578\",\n            data: dimensionOrder.map((key) => scores[key]),\n            backgroundColor: chartColors,\n            borderColor: chartColors,\n            borderWidth: 1,\n            borderRadius: 12,\n            barThickness: root.offsetWidth < 520 ? 26 : 34\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          indexAxis: \"y\",\n          animation: {\n            duration: prefersReducedMotion() ? 0 : 450\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.parsed.x}%`\n              }\n            }\n          },\n          scales: {\n            x: {\n              beginAtZero: true,\n              max: 100,\n              ticks: {\n                color: \"#665e55\",\n                font: {\n                  size: valueFontSize\n                },\n                callback: (value) => `${value}%`\n              },\n              grid: {\n                color: \"rgba(91, 70, 54, 0.10)\"\n              }\n            },\n            y: {\n              ticks: {\n                color: \"#4f3d30\",\n                font: {\n                  size: labelFontSize,\n                  weight: \"600\"\n                }\n              },\n              grid: {\n                display: false\n              }\n            }\n          }\n        }\n      });\n\n      if (nodes.chartStatus) {\n        nodes.chartStatus.hidden = true;\n        nodes.chartStatus.textContent = \"\";\n      }\n    };\n\n    const showResults = () => {\n      const answeredCount = state.answers.filter(Boolean).length;\n      if (answeredCount < totalQuestions) return;\n\n      const scoreA = state.answers.filter((value) => value === \"A\").length;\n      const scoreB = totalQuestions - scoreA;\n      const resultKey = getResultKey(scoreA, scoreB);\n      const dimensionScores = getDimensionScores();\n\n      if (nodes.scoreA) nodes.scoreA.textContent = String(scoreA);\n      if (nodes.scoreB) nodes.scoreB.textContent = String(scoreB);\n      if (nodes.scoreTotal) nodes.scoreTotal.textContent = String(scoreA);\n\n      if (nodes.scoreDetail) {\n        nodes.scoreDetail.textContent = `\u4f60\u76ee\u524d\u7684\u5c08\u6ce8\u50be\u5411\u5206\u6578\u70ba ${scoreA} \/ ${totalQuestions}\u3002A \u8207 B \u7684\u5dee\u8ddd\u8d8a\u660e\u986f\uff0c\u4ee3\u8868\u8a72\u50be\u5411\u8d8a\u9bae\u660e\uff1b\u82e5\u5dee\u8ddd\u63a5\u8fd1\uff0c\u5247\u53ef\u53c3\u8003\u6ce2\u52d5\u578b\u89e3\u6790\u3002`;\n      }\n\n      updateResultPanel(resultKey);\n      updateDistribution(scoreA);\n      updateDimensionAdvice(dimensionScores);\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = true;\n      quizresult9.hidden = false;\n\n      renderChart(dimensionScores);\n      scrollToHeading(nodes.resultTitle);\n    };\n\n    const startQuiz = () => {\n      resetState();\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n\n      updateQuestionView();\n      scrollToHeading(nodes.quizTitle);\n    };\n\n    const restartQuiz = () => {\n      resetState();\n\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n\n      scrollToHeading(nodes.introTitle);\n    };\n\n    const goPrevious = () => {\n      if (state.index <= 0 || state.busy) return;\n      state.index -= 1;\n      updateQuestionView();\n      scrollToHeading(nodes.quizTitle);\n    };\n\n    const chooseOption = (option) => {\n      if (state.busy) return;\n\n      const question = option.closest('[data-question]');\n      const questionIndex = questions.indexOf(question);\n\n      if (questionIndex !== state.index) return;\n\n      state.busy = true;\n      state.answers[state.index] = option.dataset.value;\n\n      for (let i = state.index + 1; i < state.answers.length; i += 1) {\n        state.answers[i] = null;\n      }\n\n      updateQuestionView();\n\n      window.setTimeout(() => {\n        if (state.index < totalQuestions - 1) {\n          state.index += 1;\n          updateQuestionView();\n          scrollToHeading(nodes.quizTitle);\n        } else {\n          showResults();\n        }\n\n        state.busy = false;\n      }, prefersReducedMotion() ? 0 : 160);\n    };\n\n    root.addEventListener(\"click\", (event) => {\n      const actionButton = event.target.closest('[data-action]');\n      if (actionButton && root.contains(actionButton)) {\n        const action = actionButton.dataset.action;\n\n        if (state.busy && action !== \"restart-quiz\") return;\n\n        if (action === \"start-quiz\") {\n          startQuiz();\n          return;\n        }\n\n        if (action === \"prev-question\") {\n          goPrevious();\n          return;\n        }\n\n        if (action === \"restart-quiz\") {\n          restartQuiz();\n        }\n\n        return;\n      }\n\n      const optionButton = event.target.closest('[data-option]');\n      if (optionButton && root.contains(optionButton) && quizmain9.contains(optionButton)) {\n        chooseOption(optionButton);\n      }\n    });\n\n    updateQuestionView();\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initQuiz9, { once: true });\n  } else {\n    initQuiz9();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u5bb9\u6613\u8ba9\u4eba\u5206\u5fc3\u7684\u73af\u5883\uff0c\u80e1\u601d\u4e71\u60f3\u548c\u60c5\u7eea\u56e0\u7d20\u90fd\u4f1a\u5bfc\u81f4\u6ce8\u610f\u529b\u4e0d\u96c6\u4e2d\u3002\u4f60\u7684\u601d\u8def\u5c31\u50cf\u4e00\u53ea\u8df3\u6765\u8df3\u53bb\u7684\u7334\u5b50\uff0c\u8bad\u7ec3\u81ea\u5df1\u96c6\u4e2d\u6ce8\u610f\u529b\u5c31\u662f\u8981\u9a6f\u670d\u8fd9\u53ea\u5927\u7334\u5b50\u3002\u77e5\u9053\u81ea\u5df1\u6ce8\u610f\u529b\u7684\u96c6\u4e2d\u7a0b\u5ea6\uff0c\u5c31\u5bb9\u6613\u5bf9\u75c7\u4e0b\u836f\u4e86\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":[165,177,162],"tags":[223],"class_list":["post-2878","post","type-post","status-publish","format-standard","hentry","category-neuropsychological","category-iq","category-clinical","tag-attention"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2878","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=2878"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2878\/revisions"}],"predecessor-version":[{"id":10828,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2878\/revisions\/10828"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}