{"id":2727,"date":"2023-10-26T08:59:16","date_gmt":"2023-10-26T00:59:16","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2727"},"modified":"2026-05-19T11:30:42","modified_gmt":"2026-05-19T03:30:42","slug":"love-attitude","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/love-attitude","title":{"rendered":"\u604b\u7231\u6001\u5ea6\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    <div class=\"quiz9-page-shell\" data-panel=\"intro\">\n      <div class=\"quiz9-hero-card\">\n        <div class=\"quiz9-floating-icons\" aria-hidden=\"true\">\n          <span><i class=\"bi bi-heart-pulse\"><\/i><\/span>\n          <span><i class=\"bi bi-stars\"><\/i><\/span>\n          <span><i class=\"bi bi-chat-heart\"><\/i><\/span>\n        <\/div>\n\n        <div class=\"quiz9-hero-icon\" aria-hidden=\"true\">\n          <i class=\"bi bi-heart-fill\"><\/i>\n        <\/div>\n\n        <p class=\"quiz9-eyebrow\">\u6200\u611b\u614b\u5ea6\u6e2c\u9a57<\/p>\n        <h1 tabindex=\"-1\" data-focus-title=\"intro\">\u4f60\u5728\u611b\u88e1\uff0c\u662f\u4e3b\u52d5\u9760\u8fd1\uff0c\u9084\u662f\u6162\u6162\u89c0\u5bdf\uff1f<\/h1>\n        <p class=\"quiz9-lead\">\n          \u900f\u904e 20 \u9053\u662f\uff0f\u5426\u5feb\u554f\u5feb\u7b54\uff0c\u770b\u770b\u4f60\u9762\u5c0d\u611b\u60c5\u6642\u7684\u7a4d\u6975\u7a0b\u5ea6\u3001\u6295\u5165\u7bc0\u594f\u8207\u884c\u52d5\u50be\u5411\u3002\n          \u6e2c\u9a57\u4e0d\u6703\u5132\u5b58\u7d50\u679c\uff0c\u5b8c\u6210\u5f8c\u6703\u7acb\u5373\u986f\u793a\u5206\u6578\u7d50\u69cb\u8207\u5efa\u8b70\u3002\n        <\/p>\n\n        <div class=\"quiz9-feature-grid\" aria-label=\"\u6e2c\u9a57\u7279\u8272\">\n          <article class=\"quiz9-feature-card\">\n            <i class=\"bi bi-check2-circle\" aria-hidden=\"true\"><\/i>\n            <h2>20 \u984c\u5feb\u6e2c<\/h2>\n            <p>\u6bcf\u984c\u90fd\u8981\u4f5c\u7b54\uff0c\u9ede\u9078\u5f8c\u6703\u81ea\u52d5\u524d\u5f80\u4e0b\u4e00\u984c\u3002<\/p>\n          <\/article>\n          <article class=\"quiz9-feature-card\">\n            <i class=\"bi bi-bar-chart\" aria-hidden=\"true\"><\/i>\n            <h2>\u5206\u6578\u8996\u89ba\u5316<\/h2>\n            <p>\u4ee5\u7e3d\u5206\u3001\u5340\u9593\u4f4d\u7f6e\u8207\u591a\u9762\u5411\u96f7\u9054\u5716\u5448\u73fe\u7d50\u679c\u3002<\/p>\n          <\/article>\n          <article class=\"quiz9-feature-card\">\n            <i class=\"bi bi-flower1\" aria-hidden=\"true\"><\/i>\n            <h2>\u6eab\u548c\u89e3\u6790<\/h2>\n            <p>\u7528\u7c21\u77ed\u5efa\u8b70\u5354\u52a9\u4f60\u7406\u89e3\u81ea\u5df1\u7684\u6200\u611b\u4e92\u52d5\u6a21\u5f0f\u3002<\/p>\n          <\/article>\n        <\/div>\n\n        <button type=\"button\" class=\"btn quiz9-start-btn\" data-action=\"start\">\n          \u958b\u59cb\u6e2c\u9a57\n          <i class=\"bi bi-arrow-right-short\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" hidden>\n    <div class=\"quiz9-page-shell\" data-panel=\"quiz\">\n      <header class=\"quiz9-section-header\">\n        <p class=\"quiz9-eyebrow\">\u662f\uff0f\u5426\u4f5c\u7b54\uff5c\u6bcf\u984c\u5fc5\u9078<\/p>\n        <h2 tabindex=\"-1\" data-focus-title=\"quiz\">\u6200\u611b\u614b\u5ea6\u5feb\u554f\u5feb\u7b54<\/h2>\n        <p>\u8acb\u4f9d\u7167\u76f4\u89ba\u9078\u64c7\u6700\u7b26\u5408\u4f60\u7684\u7b54\u6848\u3002\u9078\u9805\u9ede\u64ca\u5f8c\u6703\u81ea\u52d5\u9032\u5165\u4e0b\u4e00\u984c\u3002<\/p>\n      <\/header>\n\n      <div class=\"quiz9-progress-area\">\n        <p class=\"quiz9-progress-text\" data-progress-text>\u7b2c 1 \/ 20 \u984c<\/p>\n        <div class=\"progress quiz9-progress\" role=\"progressbar\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\" aria-valuemin=\"1\" aria-valuemax=\"20\" aria-valuenow=\"1\" data-progress-wrap>\n          <div class=\"progress-bar quiz9-progress-bar\" data-progress-bar><\/div>\n        <\/div>\n        <p class=\"visually-hidden\" aria-live=\"polite\" data-quiz-status>\u8acb\u9078\u64c7\u672c\u984c\u7b54\u6848\u3002<\/p>\n      <\/div>\n\n      <div class=\"quiz9-question-list\" data-question-list>\n        <article class=\"card quiz9-question-card\" data-question=\"1\" data-dim=\"recovery\">\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 1 \u984c<\/p>\n            <h3>\u98df\u617e\u65fa\u76db\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"2\" data-dim=\"pace\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 2 \u984c<\/p>\n            <h3>\u53cb\u60c5\u767c\u5c55\u6210\u6200\u60c5\u7684\u60c5\u6cc1\u5f88\u5c11\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"3\" data-dim=\"pace\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 3 \u984c<\/p>\n            <h3>\u5230\u73fe\u5728\u4ea4\u5f80\u904e\u7684\u7537\uff0f\u5973\u670b\u53cb\u5728 3 \u4eba\u4ee5\u4e0b\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"4\" data-dim=\"expression\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 4 \u984c<\/p>\n            <h3>\u5e7e\u4e4e\u90fd\u662f\u6211\u5411\u7570\u6027\u544a\u767d\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"5\" data-dim=\"expression\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 5 \u984c<\/p>\n            <h3>\u5c0f\u5b78\u6642\uff0c\u5373\u4f7f\u6c92\u6709\u81ea\u4fe1\u4e5f\u6703\u8209\u624b\u56de\u7b54\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"6\" data-dim=\"expression\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 6 \u984c<\/p>\n            <h3>\u6211\u662f\u6027\u6025\u7684\u4eba\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"7\" data-dim=\"immersion\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 7 \u984c<\/p>\n            <h3>\u5728\u8207\u6200\u4eba\u7684\u4ea4\u5f80\u4e2d\uff0c\u6027\u7684\u5951\u5408\u5ea6\u5f88\u91cd\u8981\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"8\" data-dim=\"immersion\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 8 \u984c<\/p>\n            <h3>\u6709\u6200\u4eba\u5f8c\uff0c\u5c31\u6703\u8b8a\u6210\u4ee5\u6200\u4eba\u70ba\u4e2d\u5fc3\u7684\u751f\u6d3b\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"9\" data-dim=\"pace\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 9 \u984c<\/p>\n            <h3>\u6bd4\u8d77\u51b7\u8272\u7cfb\uff0c\u66f4\u559c\u6b61\u6696\u8272\u7cfb\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"10\" data-dim=\"pace\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 10 \u984c<\/p>\n            <h3>\u559c\u6b61\u8056\u8a95\u7bc0\u3001\u751f\u65e5\u6d3e\u5c0d\u7b49\u6d3b\u52d5\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"11\" data-dim=\"immersion\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 11 \u984c<\/p>\n            <h3>\u8a8d\u70ba\u300c\u6200\u611b\u662f\u6c92\u6709\u7406\u667a\u7684\u300d\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"12\" data-dim=\"expression\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 12 \u984c<\/p>\n            <h3>\u5e38\u5e38\u4e0d\u807d\u5225\u4eba\u7684\u8a71\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"13\" data-dim=\"recovery\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 13 \u984c<\/p>\n            <h3>\u56db\u5b63\u4e2d\u6700\u559c\u6b61\u590f\u5929\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"14\" data-dim=\"exploration\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 14 \u984c<\/p>\n            <h3>\u7d93\u5e38\u66f4\u63db\u9aee\u578b\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"15\" data-dim=\"recovery\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 15 \u984c<\/p>\n            <h3>\u5373\u4f7f\u6709\u4e0d\u958b\u5fc3\u7684\u4e8b\uff0c\u7761\u4e00\u89ba\u5c31\u6703\u5fd8\u6389\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"16\" data-dim=\"exploration\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 16 \u984c<\/p>\n            <h3>\u8ffd\u6c42\u523a\u6fc0\u7684\u4e8b\u60c5\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"17\" data-dim=\"immersion\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 17 \u984c<\/p>\n            <h3>\u81ea\u5df1\u60f3\u5ff5\u5c0d\u65b9\u7684\u5fc3\u60c5\u6bd4\u5c0d\u65b9\u672c\u8eab\u7684\u5fc3\u60c5\u66f4\u91cd\u8981\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"18\" data-dim=\"exploration\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 18 \u984c<\/p>\n            <h3>\u904e\u53bb\u66fe\u6709\u300c\u8173\u8e0f\u5169\u689d\u8239\u300d\u7684\u60c5\u6cc1\uff0c\u6216\u73fe\u5728\u6b63\u662f\u9019\u6a23\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"19\" data-dim=\"exploration\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 19 \u984c<\/p>\n            <h3>\u5373\u4f7f\u9055\u80cc\u502b\u7406\uff0c\u53ea\u8981\u559c\u6b61\u4e0a\u4e86\u4e5f\u6c92\u6709\u8fa6\u6cd5\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-question-card\" data-question=\"20\" data-dim=\"recovery\" hidden>\n          <div class=\"card-body\">\n            <p class=\"quiz9-question-number\">\u7b2c 20 \u984c<\/p>\n            <h3>\u5373\u4f7f\u5931\u6200\u4e5f\u80fd\u5f88\u5feb\u6062\u5fa9\u3002<\/h3>\n            <div class=\"quiz9-options\" data-options>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u662f\uff0c\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n              <button type=\"button\" class=\"card quiz9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"quiz9-option-mark\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span><span>\u5426\uff0c\u4e0d\u7b26\u5408\u6211\u7684\u72c0\u6cc1<\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"quiz9-controls\">\n        <button type=\"button\" class=\"btn quiz9-prev-btn\" data-action=\"prev\" hidden>\n          <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n          \u4e0a\u4e00\u984c\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" hidden>\n    <div class=\"quiz9-page-shell\" data-panel=\"result\">\n      <header class=\"quiz9-section-header quiz9-result-header\">\n        <div class=\"quiz9-hero-icon\" aria-hidden=\"true\">\n          <i class=\"bi bi-clipboard-heart\"><\/i>\n        <\/div>\n        <p class=\"quiz9-eyebrow\">\u6e2c\u9a57\u7d50\u679c<\/p>\n        <h2 tabindex=\"-1\" data-focus-title=\"result\">\u4f60\u7684\u6200\u611b\u614b\u5ea6\u89e3\u6790<\/h2>\n        <p>\u5206\u6578\u8d8a\u9ad8\uff0c\u4ee3\u8868\u5728\u6200\u611b\u4e2d\u7684\u614b\u5ea6\u8d8a\u7a4d\u6975\u3002\u4ee5\u4e0b\u7d50\u679c\u50c5\u4f5c\u81ea\u6211\u89c0\u5bdf\u53c3\u8003\u3002<\/p>\n      <\/header>\n\n      <section class=\"card quiz9-result-summary\" aria-labelledby=\"quiz9ScoreTitle\">\n        <div class=\"card-body\">\n          <h3 id=\"quiz9ScoreTitle\">\u7e3d\u5206\u8207\u4f4d\u7f6e<\/h3>\n          <div class=\"quiz9-score-line\">\n            <span class=\"quiz9-score-number\"><span data-score-total>0<\/span><small>\/20<\/small><\/span>\n            <span class=\"quiz9-result-badge\" data-result-label>\u5c1a\u672a\u8a08\u7b97<\/span>\n          <\/div>\n\n          <div class=\"quiz9-score-scale\">\n            <div class=\"quiz9-score-track\" aria-hidden=\"true\">\n              <span class=\"quiz9-score-segment quiz9-score-low\"><\/span>\n              <span class=\"quiz9-score-segment quiz9-score-midlow\"><\/span>\n              <span class=\"quiz9-score-segment quiz9-score-midhigh\"><\/span>\n              <span class=\"quiz9-score-segment quiz9-score-high\"><\/span>\n              <span class=\"quiz9-score-marker\" data-score-marker><\/span>\n            <\/div>\n            <p class=\"quiz9-scale-note\" aria-live=\"polite\" data-scale-position-text>\u76ee\u524d\u4f4d\u7f6e\uff1a0 \u5206<\/p>\n            <ul class=\"quiz9-scale-legend\">\n              <li><span class=\"quiz9-dot quiz9-dot-low\"><\/span>0\u20134 \u5206\uff5c\u4f4e\u8abf\u4fdd\u5b88<\/li>\n              <li><span class=\"quiz9-dot quiz9-dot-midlow\"><\/span>5\u201310 \u5206\uff5c\u89c0\u5bdf\u5efa\u8b70<\/li>\n              <li><span class=\"quiz9-dot quiz9-dot-midhigh\"><\/span>11\u201315 \u5206\uff5c\u7a69\u5b9a\u7a4d\u6975<\/li>\n              <li><span class=\"quiz9-dot quiz9-dot-high\"><\/span>16\u201320 \u5206\uff5c\u71b1\u60c5\u4e3b\u52d5<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <div class=\"quiz9-result-grid\">\n        <section class=\"card quiz9-chart-card\" aria-labelledby=\"quiz9ChartTitle\">\n          <div class=\"card-body\">\n            <h3 id=\"quiz9ChartTitle\">\u591a\u7dad\u5ea6\u5206\u6578\u7d50\u69cb<\/h3>\n            <p class=\"quiz9-muted\">\u6bcf\u500b\u9762\u5411\u6700\u9ad8 4 \u5206\uff0c\u7528\u4f86\u89c0\u5bdf\u4f60\u7684\u7a4d\u6975\u614b\u5ea6\u4e3b\u8981\u96c6\u4e2d\u5728\u54ea\u4e9b\u4e92\u52d5\u6a21\u5f0f\u3002<\/p>\n            <p class=\"quiz9-chart-status\" aria-live=\"polite\" data-chart-status hidden>\u5716\u8868\u5957\u4ef6\u5c1a\u672a\u8f09\u5165\uff1b\u4f60\u4ecd\u53ef\u67e5\u770b\u4e0b\u65b9\u5206\u6578\u8207\u89e3\u6790\u3002<\/p>\n            <div class=\"quiz9-chart-wrap\">\n              <canvas data-chart-canvas aria-label=\"\u6200\u611b\u614b\u5ea6\u4e94\u9762\u5411\u96f7\u9054\u5716\" role=\"img\"><\/canvas>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        <section class=\"card quiz9-dim-card\" aria-labelledby=\"quiz9DimTitle\">\n          <div class=\"card-body\">\n            <h3 id=\"quiz9DimTitle\">\u9762\u5411\u5206\u6578<\/h3>\n            <ul class=\"quiz9-dim-list\">\n              <li data-dim-row=\"expression\"><span>\u4e3b\u52d5\u8868\u9054<\/span><strong><span data-dim-score=\"expression\">0<\/span>\/4<\/strong><div class=\"quiz9-dim-bar\"><span data-dim-bar=\"expression\"><\/span><\/div><\/li>\n              <li data-dim-row=\"immersion\"><span>\u71b1\u60c5\u6295\u5165<\/span><strong><span data-dim-score=\"immersion\">0<\/span>\/4<\/strong><div class=\"quiz9-dim-bar\"><span data-dim-bar=\"immersion\"><\/span><\/div><\/li>\n              <li data-dim-row=\"recovery\"><span>\u60c5\u7dd2\u5fa9\u539f<\/span><strong><span data-dim-score=\"recovery\">0<\/span>\/4<\/strong><div class=\"quiz9-dim-bar\"><span data-dim-bar=\"recovery\"><\/span><\/div><\/li>\n              <li data-dim-row=\"exploration\"><span>\u65b0\u9bae\u63a2\u7d22<\/span><strong><span data-dim-score=\"exploration\">0<\/span>\/4<\/strong><div class=\"quiz9-dim-bar\"><span data-dim-bar=\"exploration\"><\/span><\/div><\/li>\n              <li data-dim-row=\"pace\"><span>\u4e92\u52d5\u7bc0\u594f<\/span><strong><span data-dim-score=\"pace\">0<\/span>\/4<\/strong><div class=\"quiz9-dim-bar\"><span data-dim-bar=\"pace\"><\/span><\/div><\/li>\n            <\/ul>\n          <\/div>\n        <\/section>\n      <\/div>\n\n      <section class=\"quiz9-result-copy\" data-result-blocks aria-live=\"polite\">\n        <article class=\"card quiz9-result-card\" data-result-type=\"high\" hidden>\n          <div class=\"card-body\">\n            <h3>\u71b1\u60c5\u4e3b\u52d5\u578b<\/h3>\n            <p>\u4f60\u5728\u6200\u611b\u4e2d\u76f8\u7576\u7a4d\u6975\uff0c\u559c\u6b61\u5148\u8868\u9054\u5fc3\u610f\uff0c\u4e5f\u50be\u5411\u5728\u4ea4\u5f80\u5f8c\u900f\u904e\u5be6\u969b\u4e92\u52d5\u4f86\u77ad\u89e3\u5c0d\u65b9\u3002\u9019\u7a2e\u884c\u52d5\u529b\u80fd\u8b93\u95dc\u4fc2\u5feb\u901f\u63a8\u9032\uff0c\u4e5f\u5bb9\u6613\u8b93\u5c0d\u65b9\u6e05\u695a\u611f\u53d7\u5230\u4f60\u7684\u597d\u611f\u3002<\/p>\n            <p>\u5efa\u8b70\u4fdd\u7559\u4f60\u7684\u771f\u8aa0\u8207\u52c7\u6c23\uff0c\u540c\u6642\u591a\u78ba\u8a8d\u5c0d\u65b9\u7684\u6b65\u8abf\u8207\u754c\u7dda\u3002\u4e3b\u52d5\u4e0d\u7b49\u65bc\u6025\u8feb\uff0c\u8b93\u7bc0\u594f\u6709\u4f86\u6709\u5f80\uff0c\u95dc\u4fc2\u6703\u66f4\u7a69\u3002<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-result-card\" data-result-type=\"midhigh\" hidden>\n          <div class=\"card-body\">\n            <h3>\u7a69\u5b9a\u7a4d\u6975\u578b<\/h3>\n            <p>\u4f60\u5c0d\u6200\u611b\u62b1\u6301\u6b63\u5411\u614b\u5ea6\uff0c\u4e5f\u5177\u5099\u4e3b\u52d5\u9760\u8fd1\u7684\u80fd\u91cf\uff1b\u53ea\u662f\u5230\u4e86\u95dc\u9375\u6642\u523b\uff0c\u53ef\u80fd\u6703\u9700\u8981\u4e00\u9ede\u5916\u5728\u652f\u6301\uff0c\u624d\u66f4\u5bb9\u6613\u628a\u60f3\u6cd5\u5316\u70ba\u884c\u52d5\u3002<\/p>\n            <p>\u5efa\u8b70\u628a\u300c\u60f3\u5f88\u591a\u300d\u8f49\u6210\u5c0f\u6b65\u9a5f\uff0c\u4f8b\u5982\u5148\u958b\u555f\u4e00\u6b21\u8f15\u9b06\u5c0d\u8a71\u3001\u63d0\u51fa\u4e00\u6b21\u9080\u7d04\uff0c\u6216\u8acb\u53ef\u4fe1\u4efb\u7684\u670b\u53cb\u7d66\u4f60\u652f\u6301\u3002<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-result-card\" data-result-type=\"midlow\" hidden>\n          <div class=\"card-body\">\n            <h3>\u89c0\u5bdf\u5efa\u8b70\u578b<\/h3>\n            <p>\u4f60\u5f88\u80fd\u66ff\u5225\u4eba\u7684\u6200\u611b\u63d0\u51fa\u5efa\u8b70\uff0c\u4f46\u8f2a\u5230\u81ea\u5df1\u6642\uff0c\u5bb9\u6613\u8b8a\u5f97\u8b39\u614e\u6216\u7336\u8c6b\u3002\u4f60\u4e0d\u662f\u6c92\u6709\u611f\u89ba\uff0c\u800c\u662f\u66f4\u9700\u8981\u5b89\u5168\u611f\u8207\u78ba\u8a8d\u611f\u3002<\/p>\n            <p>\u5efa\u8b70\u628a\u6ce8\u610f\u529b\u653e\u5728\u300c\u6211\u53ef\u4ee5\u505a\u5230\u7684\u4e00\u5c0f\u6b65\u300d\uff0c\u4e0d\u5fc5\u4e00\u6b21\u8868\u767d\u6216\u505a\u91cd\u5927\u6c7a\u5b9a\u3002\u5f9e\u7a69\u5b9a\u4e92\u52d5\u958b\u59cb\uff0c\u6703\u6bd4\u903c\u81ea\u5df1\u7acb\u523b\u7a4d\u6975\u66f4\u6709\u6548\u3002<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card quiz9-result-card\" data-result-type=\"low\" hidden>\n          <div class=\"card-body\">\n            <h3>\u4f4e\u8abf\u4fdd\u5b88\u578b<\/h3>\n            <p>\u4f60\u5728\u6200\u611b\u4e2d\u504f\u4fdd\u5b88\uff0c\u4e0d\u592a\u6703\u4e3b\u52d5\u8868\u767d\uff0c\u4e5f\u53ef\u80fd\u4e0d\u7fd2\u6163\u76f4\u63a5\u8868\u9054\u559c\u6b61\u3002\u9019\u80fd\u4fdd\u8b77\u4f60\u4e0d\u88ab\u592a\u5feb\u6372\u5165\u95dc\u4fc2\uff0c\u4f46\u4e5f\u53ef\u80fd\u8b93\u5c0d\u65b9\u8aa4\u4ee5\u70ba\u4f60\u6c92\u6709\u8208\u8da3\u3002<\/p>\n            <p>\u5efa\u8b70\u5148\u7df4\u7fd2\u6e05\u695a\u4f46\u4f4e\u58d3\u7684\u8868\u9054\uff0c\u4f8b\u5982\u4e3b\u52d5\u95dc\u5fc3\u3001\u56de\u61c9\u9080\u7d04\u3001\u8aaa\u51fa\u6b23\u8cde\u3002\u7a69\u5b9a\u91cb\u653e\u597d\u611f\uff0c\u6703\u8b93\u95dc\u4fc2\u66f4\u5bb9\u6613\u88ab\u770b\u898b\u3002<\/p>\n          <\/div>\n        <\/article>\n      <\/section>\n\n      <div class=\"quiz9-result-actions\">\n        <button type=\"button\" class=\"btn quiz9-reset-btn\" data-action=\"reset\">\n          <i class=\"bi bi-arrow-repeat\" aria-hidden=\"true\"><\/i>\n          \u91cd\u65b0\u6e2c\u9a57\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n<style>\n#quizapp9[data-quiz-app=\"quiz9\"] {\n  --quiz9-text: #3f312b;\n  --quiz9-muted: #6f625a;\n  --quiz9-soft: #fff8f2;\n  --quiz9-card: #fffdfa;\n  --quiz9-line: #eaded2;\n  --quiz9-sage: #8fae8b;\n  --quiz9-sage-dark: #587757;\n  --quiz9-peach: #e7b986;\n  --quiz9-clay: #c8967d;\n  --quiz9-honey: #d7b66f;\n  --quiz9-brown: #4a342b;\n  --quiz9-shadow: 0 18px 50px rgba(74, 52, 43, 0.12);\n  max-width: 750px;\n  margin-inline: auto;\n  padding: 8px 16px 32px;\n  color: var(--quiz9-text);\n  font-family: \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] *,\n#quizapp9[data-quiz-app=\"quiz9\"] *::before,\n#quizapp9[data-quiz-app=\"quiz9\"] *::after {\n  box-sizing: border-box;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [hidden] {\n  display: none !important;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h1,\n#quizapp9[data-quiz-app=\"quiz9\"] h2,\n#quizapp9[data-quiz-app=\"quiz9\"] h3 {\n  color: var(--quiz9-text);\n  font-weight: 800;\n  line-height: 1.25;\n  margin: 0;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h1 {\n  font-size: clamp(30px, 8vw, 40px);\n  letter-spacing: -0.03em;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h2 {\n  font-size: clamp(26px, 6vw, 34px);\n  letter-spacing: -0.02em;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h3 {\n  font-size: clamp(20px, 5vw, 24px);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] p {\n  margin: 0;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] button {\n  min-width: 44px;\n  min-height: 44px;\n  touch-action: manipulation;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] button:focus-visible {\n  outline: 3px solid rgba(88, 119, 87, 0.55);\n  outline-offset: 4px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-focus-title]:focus {\n  outline: none;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-page-shell {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-hero-card,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-question-card,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-summary,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-chart-card,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dim-card,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-card {\n  border: 1px solid var(--quiz9-line);\n  border-radius: 28px;\n  background: linear-gradient(180deg, var(--quiz9-card), var(--quiz9-soft));\n  box-shadow: var(--quiz9-shadow);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-hero-card {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n  padding: 34px 20px;\n  text-align: center;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-floating-icons {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-floating-icons span {\n  position: absolute;\n  display: grid;\n  width: 52px;\n  height: 52px;\n  place-items: center;\n  border-radius: 999px;\n  background: rgba(143, 174, 139, 0.16);\n  color: var(--quiz9-sage-dark);\n  font-size: 22px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-floating-icons span:nth-child(1) {\n  top: 24px;\n  left: 18px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-floating-icons span:nth-child(2) {\n  top: 76px;\n  right: 20px;\n  background: rgba(215, 182, 111, 0.18);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-floating-icons span:nth-child(3) {\n  right: 58px;\n  bottom: 22px;\n  background: rgba(200, 150, 125, 0.16);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-hero-icon {\n  display: grid;\n  width: 82px;\n  height: 82px;\n  place-items: center;\n  border-radius: 999px;\n  background: radial-gradient(circle at 30% 25%, #fff6e9, #e8c595);\n  color: var(--quiz9-brown);\n  box-shadow: 0 16px 34px rgba(115, 87, 54, 0.18);\n  font-size: 34px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-eyebrow {\n  color: var(--quiz9-sage-dark);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-lead {\n  max-width: 600px;\n  color: var(--quiz9-muted);\n  font-size: 17px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-feature-grid {\n  display: grid;\n  width: 100%;\n  gap: 12px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-feature-card {\n  contain: layout paint;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 18px;\n  border: 1px solid rgba(234, 222, 210, 0.9);\n  border-radius: 22px;\n  background: rgba(255, 255, 255, 0.64);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-feature-card i {\n  color: var(--quiz9-sage-dark);\n  font-size: 24px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-feature-card h2 {\n  font-size: 20px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-feature-card p,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-muted,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-section-header p {\n  color: var(--quiz9-muted);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-start-btn,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-reset-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  min-height: 52px;\n  padding: 12px 26px;\n  border: 0;\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--quiz9-sage), var(--quiz9-honey));\n  color: #2d241f;\n  font-weight: 800;\n  box-shadow: 0 14px 26px rgba(88, 119, 87, 0.22);\n  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-start-btn:hover,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-reset-btn:hover {\n  transform: translateY(-2px);\n  filter: saturate(1.04);\n  box-shadow: 0 18px 34px rgba(88, 119, 87, 0.28);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-section-header {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-block: 8px 0;\n  text-align: center;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-progress-area {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-progress-text {\n  color: var(--quiz9-muted);\n  font-weight: 700;\n  text-align: center;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-progress {\n  height: 12px;\n  overflow: hidden;\n  border-radius: 999px;\n  background-color: #f1e7dc;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-progress-bar {\n  width: 5%;\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--quiz9-sage), var(--quiz9-honey));\n  transition: width 220ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-question-card {\n  overflow: hidden;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-question-card .card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  padding: 22px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-question-number {\n  color: var(--quiz9-sage-dark);\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-options {\n  display: grid;\n  gap: 12px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-option {\n  display: flex;\n  width: 100%;\n  min-height: 58px;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  border: 1px solid var(--quiz9-line);\n  border-radius: 20px;\n  background: rgba(255, 255, 255, 0.78);\n  color: var(--quiz9-text);\n  font-weight: 750;\n  text-align: left;\n  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-option:hover {\n  transform: translateY(-2px);\n  border-color: rgba(88, 119, 87, 0.45);\n  box-shadow: 0 12px 22px rgba(74, 52, 43, 0.1);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-option-mark {\n  display: grid;\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  place-items: center;\n  border: 2px solid #cfc2b6;\n  border-radius: 999px;\n  color: transparent;\n  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-option.is-selected {\n  border-color: var(--quiz9-sage-dark);\n  background: rgba(143, 174, 139, 0.18);\n  box-shadow: 0 12px 24px rgba(88, 119, 87, 0.16);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-option.is-selected .quiz9-option-mark {\n  border-color: var(--quiz9-sage-dark);\n  background: var(--quiz9-sage-dark);\n  color: #fffdfa;\n  transform: scale(1.04);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-controls,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-actions {\n  display: flex;\n  justify-content: center;\n  padding-top: 4px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-prev-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 48px;\n  padding-inline: 22px;\n  border: 1px solid rgba(88, 119, 87, 0.35);\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.72);\n  color: var(--quiz9-brown);\n  font-weight: 800;\n  transition: transform 160ms ease, box-shadow 160ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-prev-btn:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 10px 20px rgba(74, 52, 43, 0.09);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-header {\n  align-items: center;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-summary .card-body,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-chart-card .card-body,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dim-card .card-body,\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-card .card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 22px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-line {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-number {\n  color: var(--quiz9-brown);\n  font-size: clamp(38px, 12vw, 56px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-number small {\n  color: var(--quiz9-muted);\n  font-size: 18px;\n  font-weight: 800;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-badge {\n  display: inline-flex;\n  min-height: 40px;\n  align-items: center;\n  border-radius: 999px;\n  background: rgba(143, 174, 139, 0.18);\n  color: var(--quiz9-sage-dark);\n  font-weight: 900;\n  padding: 8px 14px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-scale {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-track {\n  position: relative;\n  display: flex;\n  height: 18px;\n  border-radius: 999px;\n  box-shadow: inset 0 0 0 1px rgba(74, 52, 43, 0.08);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-segment {\n  display: block;\n  height: 100%;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-low {\n  width: 20%;\n  border-radius: 999px 0 0 999px;\n  background: #d8c7b3;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-midlow {\n  width: 30%;\n  background: #e7cf9b;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-midhigh {\n  width: 25%;\n  background: #bfcf9c;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-high {\n  width: 25%;\n  border-radius: 0 999px 999px 0;\n  background: #91ad8a;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-score-marker {\n  --quiz9-score-position: 0%;\n  position: absolute;\n  top: 50%;\n  left: var(--quiz9-score-position);\n  z-index: 2;\n  width: 22px;\n  height: 22px;\n  border: 3px solid #fffdfa;\n  border-radius: 999px;\n  background: var(--quiz9-brown);\n  box-shadow: 0 6px 14px rgba(74, 52, 43, 0.25);\n  transform: translate(-50%, -50%);\n  transition: left 240ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-scale-note {\n  color: var(--quiz9-muted);\n  font-size: 14px;\n  font-weight: 750;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-scale-legend {\n  display: grid;\n  gap: 8px;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--quiz9-muted);\n  font-size: 14px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-scale-legend li {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dot {\n  display: inline-block;\n  width: 12px;\n  height: 12px;\n  flex: 0 0 12px;\n  border-radius: 999px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dot-low { background: #d8c7b3; }\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dot-midlow { background: #e7cf9b; }\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dot-midhigh { background: #bfcf9c; }\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dot-high { background: #91ad8a; }\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-grid {\n  display: grid;\n  gap: 16px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-chart-wrap {\n  position: relative;\n  width: min(100%, 520px);\n  height: 310px;\n  margin-inline: auto;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-chart-status {\n  border-radius: 16px;\n  background: rgba(215, 182, 111, 0.18);\n  color: var(--quiz9-brown);\n  padding: 10px 12px;\n  font-weight: 750;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dim-list {\n  display: grid;\n  gap: 14px;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dim-list li {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 8px 12px;\n  align-items: center;\n  color: var(--quiz9-text);\n  font-weight: 800;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dim-list strong {\n  color: var(--quiz9-sage-dark);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dim-bar {\n  grid-column: 1 \/ -1;\n  height: 10px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: #efe5da;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-dim-bar span {\n  display: block;\n  width: 0%;\n  height: 100%;\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--quiz9-sage), var(--quiz9-honey));\n  transition: width 260ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-copy {\n  display: grid;\n  gap: 16px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-card p {\n  color: var(--quiz9-muted);\n}\n\n@media (min-width: 576px) {\n  #quizapp9[data-quiz-app=\"quiz9\"] {\n    padding-inline: 20px;\n    font-size: 17px;\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] .quiz9-hero-card {\n    padding: 44px 30px;\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] .quiz9-feature-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] .quiz9-options {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] .quiz9-scale-legend {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (min-width: 720px) {\n  #quizapp9[data-quiz-app=\"quiz9\"] .quiz9-result-grid {\n    grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr);\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] .quiz9-chart-wrap {\n    height: 360px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #quizapp9[data-quiz-app=\"quiz9\"] *,\n  #quizapp9[data-quiz-app=\"quiz9\"] *::before,\n  #quizapp9[data-quiz-app=\"quiz9\"] *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  \"use strict\";\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[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 progressWrap = root.querySelector('[data-progress-wrap]');\n    const progressBar = root.querySelector('[data-progress-bar]');\n    const progressText = root.querySelector('[data-progress-text]');\n    const quizStatus = root.querySelector('[data-quiz-status]');\n    const prevButton = root.querySelector('[data-action=\"prev\"]');\n    const scoreTotal = root.querySelector('[data-score-total]');\n    const resultLabel = root.querySelector('[data-result-label]');\n    const scoreMarker = root.querySelector('[data-score-marker]');\n    const scalePositionText = root.querySelector('[data-scale-position-text]');\n    const chartCanvas = root.querySelector('[data-chart-canvas]');\n    const chartStatus = root.querySelector('[data-chart-status]');\n    const resultBlocks = Array.from(root.querySelectorAll('[data-result-type]'));\n\n    const totalQuestions = questions.length;\n    const answers = new Array(totalQuestions).fill(null);\n\n    const dimensionConfig = {\n      expression: { label: \"\u4e3b\u52d5\u8868\u9054\", max: 4 },\n      immersion: { label: \"\u71b1\u60c5\u6295\u5165\", max: 4 },\n      recovery: { label: \"\u60c5\u7dd2\u5fa9\u539f\", max: 4 },\n      exploration: { label: \"\u65b0\u9bae\u63a2\u7d22\", max: 4 },\n      pace: { label: \"\u4e92\u52d5\u7bc0\u594f\", max: 4 }\n    };\n\n    let currentIndex = 0;\n    let chartInstance = null;\n    let isTransitioning = false;\n    let transitionTimer = 0;\n\n    const prefersReducedMotion = () => window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n    const scrollToSectionTitle = (section) => {\n      const title = section.querySelector('[data-focus-title]');\n      section.scrollIntoView({\n        behavior: prefersReducedMotion() ? \"auto\" : \"smooth\",\n        block: \"start\"\n      });\n\n      if (title) {\n        title.focus({ preventScroll: true });\n      }\n    };\n\n    const cancelTransition = () => {\n      if (transitionTimer) {\n        clearTimeout(transitionTimer);\n        transitionTimer = 0;\n      }\n      isTransitioning = false;\n      root.dataset.busy = \"false\";\n    };\n\n    const clearSelections = () => {\n      root.querySelectorAll('[data-answer]').forEach((button) => {\n        button.classList.remove(\"is-selected\");\n        button.setAttribute(\"aria-pressed\", \"false\");\n      });\n    };\n\n    const updateProgress = () => {\n      const currentNumber = currentIndex + 1;\n      const percent = totalQuestions > 0 ? (currentNumber \/ totalQuestions) * 100 : 0;\n\n      if (progressText) {\n        progressText.textContent = `\u7b2c ${currentNumber} \/ ${totalQuestions} \u984c`;\n      }\n\n      if (progressWrap) {\n        progressWrap.setAttribute(\"aria-valuenow\", String(currentNumber));\n        progressWrap.setAttribute(\"aria-valuemax\", String(totalQuestions));\n      }\n\n      if (progressBar) {\n        progressBar.style.width = `${percent}%`;\n      }\n\n      if (prevButton) {\n        prevButton.hidden = currentIndex === 0;\n      }\n    };\n\n    const showQuestion = (index) => {\n      currentIndex = Math.max(0, Math.min(index, totalQuestions - 1));\n\n      questions.forEach((question, questionIndex) => {\n        question.hidden = questionIndex !== currentIndex;\n      });\n\n      updateProgress();\n\n      if (quizStatus) {\n        quizStatus.textContent = answers[currentIndex] === null\n          ? `\u76ee\u524d\u5728\u7b2c ${currentIndex + 1} \u984c\uff0c\u8acb\u9078\u64c7\u7b54\u6848\u3002`\n          : `\u76ee\u524d\u5728\u7b2c ${currentIndex + 1} \u984c\uff0c\u5df2\u8a18\u9304\u7b54\u6848\u3002`;\n      }\n    };\n\n    const markSelected = (question, selectedValue) => {\n      question.querySelectorAll('[data-answer]').forEach((button) => {\n        const isSelected = button.dataset.answer === selectedValue;\n        button.classList.toggle(\"is-selected\", isSelected);\n        button.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\n      });\n    };\n\n    const getTotalScore = () => answers.reduce((sum, value) => sum + (value === 1 ? 1 : 0), 0);\n\n    const getResultMeta = (score) => {\n      if (score >= 16) return { key: \"high\", label: \"\u71b1\u60c5\u4e3b\u52d5\u578b\" };\n      if (score >= 11) return { key: \"midhigh\", label: \"\u7a69\u5b9a\u7a4d\u6975\u578b\" };\n      if (score >= 5) return { key: \"midlow\", label: \"\u89c0\u5bdf\u5efa\u8b70\u578b\" };\n      return { key: \"low\", label: \"\u4f4e\u8abf\u4fdd\u5b88\u578b\" };\n    };\n\n    const getDimensionScores = () => {\n      const scores = Object.keys(dimensionConfig).reduce((map, key) => {\n        map[key] = 0;\n        return map;\n      }, {});\n\n      questions.forEach((question, index) => {\n        const dim = question.dataset.dim;\n        if (answers[index] === 1 && Object.prototype.hasOwnProperty.call(scores, dim)) {\n          scores[dim] += 1;\n        }\n      });\n\n      return scores;\n    };\n\n    const updateDimensionBars = (scores) => {\n      Object.entries(dimensionConfig).forEach(([key, config]) => {\n        const value = scores[key] || 0;\n        const scoreNode = root.querySelector(`[data-dim-score=\"${key}\"]`);\n        const barNode = root.querySelector(`[data-dim-bar=\"${key}\"]`);\n        const percent = Math.max(0, Math.min(100, (value \/ config.max) * 100));\n\n        if (scoreNode) {\n          scoreNode.textContent = String(value);\n        }\n\n        if (barNode) {\n          barNode.style.width = `${percent}%`;\n        }\n      });\n    };\n\n    const updateResultBlocks = (key) => {\n      resultBlocks.forEach((block) => {\n        block.hidden = block.dataset.resultType !== key;\n      });\n    };\n\n    const destroyChart = () => {\n      if (chartInstance) {\n        chartInstance.destroy();\n        chartInstance = null;\n      }\n    };\n\n    const renderChart = (scores) => {\n      destroyChart();\n\n      if (!chartCanvas) return;\n\n      if (!window.Chart) {\n        if (chartStatus) {\n          chartStatus.hidden = false;\n          chartStatus.textContent = \"\u5716\u8868\u5957\u4ef6\u5c1a\u672a\u8f09\u5165\uff1b\u4f60\u4ecd\u53ef\u67e5\u770b\u5206\u6578\u3001\u5340\u9593\u4f4d\u7f6e\u8207\u6587\u5b57\u89e3\u6790\u3002\";\n        }\n        return;\n      }\n\n      if (chartStatus) {\n        chartStatus.hidden = true;\n      }\n\n      const labels = Object.entries(dimensionConfig).map(([, config]) => config.label);\n      const values = Object.keys(dimensionConfig).map((key) => scores[key] || 0);\n      const labelFontSize = root.clientWidth < 520 ? 12 : 16;\n\n      chartInstance = new window.Chart(chartCanvas, {\n        type: \"radar\",\n        data: {\n          labels,\n          datasets: [{\n            label: \"\u4f60\u7684\u5206\u6578\",\n            data: values,\n            backgroundColor: \"rgba(143, 174, 139, 0.24)\",\n            borderColor: \"#587757\",\n            pointBackgroundColor: \"#4a342b\",\n            pointBorderColor: \"#fffdfa\",\n            pointHoverBackgroundColor: \"#d7b66f\",\n            pointRadius: 4,\n            pointHoverRadius: 5,\n            borderWidth: 2\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          layout: {\n            padding: 12\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 4,\n              ticks: {\n                stepSize: 1,\n                display: false\n              },\n              pointLabels: {\n                color: \"#4a342b\",\n                font: {\n                  size: labelFontSize,\n                  weight: \"700\"\n                }\n              },\n              grid: {\n                color: \"rgba(74, 52, 43, 0.14)\"\n              },\n              angleLines: {\n                color: \"rgba(74, 52, 43, 0.16)\"\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.label}\uff1a${context.formattedValue} \/ 4`\n              }\n            }\n          }\n        }\n      });\n    };\n\n    const updateResultView = () => {\n      const score = getTotalScore();\n      const meta = getResultMeta(score);\n      const scores = getDimensionScores();\n      const scorePercent = Math.max(0, Math.min(100, (score \/ 20) * 100));\n\n      if (scoreTotal) {\n        scoreTotal.textContent = String(score);\n      }\n\n      if (resultLabel) {\n        resultLabel.textContent = meta.label;\n      }\n\n      if (scoreMarker) {\n        scoreMarker.style.setProperty(\"--quiz9-score-position\", `${scorePercent}%`);\n      }\n\n      if (scalePositionText) {\n        scalePositionText.textContent = `\u76ee\u524d\u4f4d\u7f6e\uff1a${score} \u5206\uff08${meta.label}\uff09`;\n      }\n\n      updateDimensionBars(scores);\n      updateResultBlocks(meta.key);\n      renderChart(scores);\n    };\n\n    const showResultPage = () => {\n      updateResultView();\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = true;\n      quizresult9.hidden = false;\n\n      scrollToSectionTitle(quizresult9);\n    };\n\n    const startQuiz = () => {\n      cancelTransition();\n      answers.fill(null);\n      clearSelections();\n      destroyChart();\n      showQuestion(0);\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n\n      scrollToSectionTitle(quizmain9);\n    };\n\n    const resetQuiz = () => {\n      cancelTransition();\n      answers.fill(null);\n      currentIndex = 0;\n      clearSelections();\n      destroyChart();\n      updateResultBlocks(\"\");\n      showQuestion(0);\n\n      if (scoreTotal) scoreTotal.textContent = \"0\";\n      if (resultLabel) resultLabel.textContent = \"\u5c1a\u672a\u8a08\u7b97\";\n      if (scoreMarker) scoreMarker.style.setProperty(\"--quiz9-score-position\", \"0%\");\n      if (scalePositionText) scalePositionText.textContent = \"\u76ee\u524d\u4f4d\u7f6e\uff1a0 \u5206\";\n      updateDimensionBars({ expression: 0, immersion: 0, recovery: 0, exploration: 0, pace: 0 });\n\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n\n      scrollToSectionTitle(quizintro9);\n    };\n\n    const handleAnswer = (button) => {\n      if (isTransitioning || quizmain9.hidden) return;\n\n      const question = button.closest('[data-question]');\n      const questionIndex = questions.indexOf(question);\n\n      if (!question || questionIndex !== currentIndex) return;\n\n      const value = Number(button.dataset.answer);\n      if (!Number.isInteger(value)) return;\n\n      answers[questionIndex] = value;\n      markSelected(question, button.dataset.answer);\n\n      if (quizStatus) {\n        const nextMessage = questionIndex < totalQuestions - 1\n          ? `\u5df2\u8a18\u9304\u7b2c ${questionIndex + 1} \u984c\uff0c\u6b63\u5728\u524d\u5f80\u4e0b\u4e00\u984c\u3002`\n          : \"\u5df2\u5b8c\u6210\u6240\u6709\u984c\u76ee\uff0c\u6b63\u5728\u986f\u793a\u7d50\u679c\u3002\";\n        quizStatus.textContent = nextMessage;\n      }\n\n      isTransitioning = true;\n      root.dataset.busy = \"true\";\n\n      transitionTimer = setTimeout(() => {\n        isTransitioning = false;\n        root.dataset.busy = \"false\";\n        transitionTimer = 0;\n\n        if (questionIndex < totalQuestions - 1) {\n          showQuestion(questionIndex + 1);\n        } else {\n          showResultPage();\n        }\n      }, 220);\n    };\n\n    const handlePrevious = () => {\n      if (quizmain9.hidden) return;\n      cancelTransition();\n\n      if (currentIndex > 0) {\n        showQuestion(currentIndex - 1);\n      }\n    };\n\n    const handleRootClick = (event) => {\n      const target = event.target.closest('[data-action], [data-answer]');\n      if (!target || !root.contains(target)) return;\n\n      if (target.matches('[data-answer]')) {\n        handleAnswer(target);\n        return;\n      }\n\n      const action = target.dataset.action;\n\n      if (action === \"start\") {\n        startQuiz();\n      }\n\n      if (action === \"prev\") {\n        handlePrevious();\n      }\n\n      if (action === \"reset\") {\n        resetQuiz();\n      }\n    };\n\n    root.addEventListener(\"click\", handleRootClick);\n    showQuestion(0);\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>\u604b\u7231\u5fc3\u7406\u662f\u4e00\u4e2a\u590d\u6742\u7684\u8fc7\u7a0b\uff0c\u662f\u4e00\u5bf9\u604b\u4eba\u76f8\u4e92\u4e86\u89e3\u5bf9\u65b9\u7684\u8fc7\u7a0b\u3002\u56e0\u6b64\uff0c\u5bf9\u4e8e\u7231\u60c5\u7684\u6001\u5ea6\u662f\u5426\u79ef\u6781\uff0c\u4f7f\u604b\u7231\u662f\u5426\u987a\u5229\u7684\u5173\u952e\u56e0\u7d20\u4e4b\u4e00\u3002\u6bcf\u4e2a\u4eba\u5728\u604b\u7231\u8fc7\u7a0b\u4e2d\u6240\u62b1\u6709\u7684\u6001\u5ea6\u548c\u6240\u8868\u73b0\u7684\u884c\u4e3a\u662f\u4e0d\u540c\u7684\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,178],"tags":[],"class_list":["post-2727","post","type-post","status-publish","format-standard","hentry","category-personality","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2727","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=2727"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2727\/revisions"}],"predecessor-version":[{"id":10813,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2727\/revisions\/10813"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}