{"id":2678,"date":"2023-12-15T09:19:09","date_gmt":"2023-12-15T01:19:09","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2678"},"modified":"2026-05-22T10:09:15","modified_gmt":"2026-05-22T02:09:15","slug":"humor-sense","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/humor-sense","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u5e7d\u9ed8\u611f\u6d4b\u9a8c\uff0825\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\" lang=\"zh-Hant-TW\">\n  <section id=\"quizintro9\" data-page=\"intro9\">\n    <article class=\"q9-shell q9-hero\">\n      <div class=\"q9-floating-icons\" aria-hidden=\"true\">\n        <span class=\"q9-orb q9-orb-a\"><i class=\"bi bi-emoji-smile\"><\/i><\/span>\n        <span class=\"q9-orb q9-orb-b\"><i class=\"bi bi-chat-heart\"><\/i><\/span>\n        <span class=\"q9-orb q9-orb-c\"><i class=\"bi bi-stars\"><\/i><\/span>\n      <\/div>\n\n      <div class=\"q9-hero-content\">\n        <p class=\"q9-eyebrow\">25 \u984c\u6696\u5fc3\u5c0f\u6e2c\u9a57<\/p>\n        <h1 id=\"quizintro9-title\" data-quiz-title=\"intro9\" tabindex=\"-1\">\u4f60\u7684\u5e7d\u9ed8\u611f\u6709\u591a\u958b\u5c55\uff1f<\/h1>\n        <p class=\"q9-subtitle\">\u5e7d\u9ed8\u4e0d\u53ea\u662f\u9017\u4eba\u767c\u7b11\uff0c\u4e5f\u662f\u4e00\u7a2e\u770b\u898b\u751f\u6d3b\u7e2b\u9699\u88e1\u5149\u4eae\u7684\u80fd\u529b\u3002<\/p>\n        <p class=\"q9-copy\">\n          \u4eba\u751f\u96e3\u514d\u6709\u7121\u5948\u3001\u6101\u82e6\u8207\u5c37\u5c2c\u6642\u523b\uff1b\u5e7d\u9ed8\u611f\u80fd\u8b93\u6211\u5011\u5728\u96e8\u904e\u5929\u6674\u5f8c\uff0c\u91cd\u65b0\u8fce\u5411\u967d\u5149\u3002\n          \u9019\u4efd\u6e2c\u9a57\u6703\u5f9e\u300c\u7b11\u9ede\u958b\u653e\u5ea6\u3001\u793e\u4ea4\u5e7d\u9ed8\u3001\u81ea\u5632\u8207\u9006\u5883\u3001\u73a9\u5fc3\u5f48\u6027\u300d\u56db\u500b\u89d2\u5ea6\uff0c\u770b\u770b\u4f60\u5982\u4f55\u8207\u6b61\u7b11\u76f8\u8655\u3002\n        <\/p>\n\n        <div class=\"q9-info-grid\">\n          <div class=\"q9-mini-card\">\n            <i class=\"bi bi-clock-history\" aria-hidden=\"true\"><\/i>\n            <strong>\u7d04 3 \u5206\u9418<\/strong>\n            <span>\u76f4\u89ba\u4f5c\u7b54\u5373\u53ef<\/span>\n          <\/div>\n          <div class=\"q9-mini-card\">\n            <i class=\"bi bi-shield-check\" aria-hidden=\"true\"><\/i>\n            <strong>\u4e0d\u5132\u5b58\u7d50\u679c<\/strong>\n            <span>\u53ea\u5728\u672c\u9801\u5373\u6642\u8a08\u7b97<\/span>\n          <\/div>\n          <div class=\"q9-mini-card\">\n            <i class=\"bi bi-bar-chart-line\" aria-hidden=\"true\"><\/i>\n            <strong>\u591a\u7dad\u5206\u6790<\/strong>\n            <span>\u5b8c\u6210\u5f8c\u986f\u793a\u5716\u8868<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"q9-center\">\n          <button type=\"button\" class=\"btn q9-primary-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    <\/article>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" hidden>\n    <article class=\"q9-shell q9-panel\">\n      <header class=\"q9-quiz-header\">\n        <p class=\"q9-eyebrow\">\u8acb\u4f9d\u7167\u5be6\u969b\u611f\u53d7\u4f5c\u7b54<\/p>\n        <h2 id=\"quizmain9-title\" data-quiz-title=\"quiz9\" tabindex=\"-1\">\u5e7d\u9ed8\u611f\u6e2c\u9a57<\/h2>\n        <p class=\"q9-copy\">\u6bcf\u984c\u90fd\u662f\u5fc5\u9078\u3002\u9ede\u9078\u7b54\u6848\u5f8c\u6703\u81ea\u52d5\u524d\u5f80\u4e0b\u4e00\u984c\uff0c\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528\u300c\u4e0a\u4e00\u984c\u300d\u8abf\u6574\u7b54\u6848\u3002<\/p>\n      <\/header>\n\n      <div class=\"q9-progress-wrap\" data-progress-wrap>\n        <div class=\"q9-progress-top\">\n          <span data-progress-text>\u7b2c 1 \u984c \/ \u5171 25 \u984c<\/span>\n          <span data-progress-percent>4%<\/span>\n        <\/div>\n        <div class=\"progress q9-progress\" role=\"progressbar\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"4\">\n          <div class=\"progress-bar q9-progress-bar\" data-progress-bar style=\"width: 4%;\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"q9-question-list\" data-question-list>\n        <article class=\"q9-question-card\" data-question data-index=\"0\" data-dimension=\"playfulness\">\n          <p class=\"q9-question-count\">\u7b2c 1 \u984c<\/p>\n          <h3>\u4f60\u8b1b\u9ec3\u8272\u5c0f\u7b11\u8a71\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\">\n              <span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n              <span>\u662f<\/span>\n            <\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\">\n              <span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n              <span>\u6211\u4e0d\u77e5\u9053<\/span>\n            <\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\">\n              <span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n              <span>\u4e0d\u662f<\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"1\" data-dimension=\"playfulness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 2 \u984c<\/p>\n          <h3>\u4f60\u641e\u60e1\u4f5c\u5287\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"2\" data-dimension=\"playfulness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 3 \u984c<\/p>\n          <h3>\u5982\u679c\u4f60\u770b\u5230\u6709\u4eba\u8e29\u5728\u9999\u8549\u76ae\u4e0a\uff0c\u4f60\u6703\u767c\u7b11\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"3\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 4 \u984c<\/p>\n          <h3>\u4f60\u95b1\u8b80\u7b11\u8a71\u66f8\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"4\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 5 \u984c<\/p>\n          <h3>\u4f60\u7d93\u5e38\u5927\u8072\u7b11\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"5\" data-dimension=\"social\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 6 \u984c<\/p>\n          <h3>\u5982\u679c\u5225\u4eba\u53d6\u7b11\u4f60\uff0c\u4f60\u6703\u5fae\u7b11\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"6\" data-dimension=\"playfulness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 7 \u984c<\/p>\n          <h3>\u5982\u679c\u4f60\u5728\u85dd\u8853\u5c55\u89bd\u9928\u770b\u5230\u4e00\u500b\u88f8\u9ad4\u96d5\u50cf\uff0c\u4f60\u6703\u5fae\u7b11\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"7\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 8 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u559c\u6b61\u6ed1\u7a3d\u5f71\u7247\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"8\" data-dimension=\"resilience\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 9 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u6709\u6642\u6703\u5632\u7b11\u81ea\u5df1\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"9\" data-dimension=\"playfulness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 10 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u6703\u70ba\u665a\u6703\u8a02\u8cfc\u4e00\u500b\u812b\u5149\u8863\u670d\u7684\u5716\u50cf\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"10\" data-dimension=\"playfulness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 11 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u6703\u5c0d\u63cf\u8ff0\u8271\u82e6\u751f\u6d3b\u7684\u8001\u5f71\u7247\u767c\u7b11\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"11\" data-dimension=\"playfulness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 12 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u6703\u5c0d\u60e1\u6232\u767c\u7b11\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"12\" data-dimension=\"social\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 13 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u5f88\u5c11\u611f\u5230\u5c40\u4fc3\u4e0d\u5b89\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"13\" data-dimension=\"playfulness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 14 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u66fe\u7d93\u559d\u9189\u9152\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"14\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 15 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u66f4\u559c\u6b61\u770b\u559c\u5287\u5f71\u7247\uff0c\u800c\u4e0d\u662f\u795e\u79d8\u7247\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"15\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 16 \u984c<\/p>\n          <h3>\u4f60\u5f88\u5bb9\u6613\u7406\u89e3\u7b11\u8a71\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"16\" data-dimension=\"social\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 17 \u984c<\/p>\n          <h3>\u6709\u6642\u4f60\u6703\u8b93\u4eba\u767c\u7b11\uff0c\u5c0d\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"17\" data-dimension=\"social\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 18 \u984c<\/p>\n          <h3>\u4f60\u5728\u5de5\u4f5c\u4e2d\u958b\u73a9\u7b11\u55ce\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"18\" data-dimension=\"resilience\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 19 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u5632\u7b11\u9006\u5883\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"19\" data-dimension=\"resilience\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 20 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u5728\u6625\u98a8\u5f97\u610f\u6642\u683d\u904e\u8ddf\u982d\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"20\" data-dimension=\"social\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 21 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u9858\u610f\u6210\u70ba\u4e00\u540d\u559c\u5287\u660e\u661f\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"21\" data-dimension=\"resilience\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 22 \u984c<\/p>\n          <h3>\u5982\u679c\u4f60\u88ab\u96e8\u6dcb\u4e86\uff0c\u4f60\u662f\u5426\u6703\u7b11\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"22\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 23 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u6bcf\u5929\u81f3\u5c11\u5927\u7b11\u4e00\u6b21\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"23\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 24 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u6703\u5c0d\u5f9e\u524d\u807d\u904e\u7684\u7b11\u8a71\u611f\u5230\u597d\u7b11\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article class=\"q9-question-card\" data-question data-index=\"24\" data-dimension=\"openness\" hidden>\n          <p class=\"q9-question-count\">\u7b2c 25 \u984c<\/p>\n          <h3>\u4f60\u662f\u5426\u6703\u611f\u5230\u99ac\u6232\u5718\u7684\u5c0f\u4e11\u5f88\u597d\u7b11\uff1f<\/h3>\n          <div class=\"q9-options\" data-options>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"2\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"1\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u6211\u4e0d\u77e5\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card q9-option\" data-answer=\"0\" aria-pressed=\"false\"><span class=\"q9-option-indicator\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span><span>\u4e0d\u662f<\/span><\/button>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <p class=\"q9-status\" data-status aria-live=\"polite\"><\/p>\n\n      <div class=\"q9-center q9-prev-wrap\">\n        <button type=\"button\" class=\"btn q9-secondary-btn\" data-action=\"prev\" disabled>\n          <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n          \u4e0a\u4e00\u984c\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" hidden>\n    <article class=\"q9-shell q9-result\">\n      <div class=\"q9-result-hero\">\n        <span class=\"q9-result-icon\" aria-hidden=\"true\"><i class=\"bi bi-sunrise\"><\/i><\/span>\n        <p class=\"q9-eyebrow\">\u6e2c\u9a57\u5b8c\u6210<\/p>\n        <h2 id=\"quizresult9-title\" data-quiz-title=\"result9\" tabindex=\"-1\">\u4f60\u7684\u5e7d\u9ed8\u611f\u5206\u6790<\/h2>\n        <p class=\"q9-result-score\" aria-live=\"polite\">\n          \u7e3d\u5206 <strong data-score-value>0<\/strong> \/ 50\n        <\/p>\n        <p class=\"q9-result-level\" data-score-level aria-live=\"polite\">\u6b63\u5728\u6574\u7406\u7d50\u679c\u2026\u2026<\/p>\n      <\/div>\n\n      <div class=\"q9-chart-card\">\n        <h3>\u56db\u5927\u5e7d\u9ed8\u9762\u5411<\/h3>\n        <p class=\"q9-chart-note\">\u5206\u6578\u8d8a\u9ad8\uff0c\u4ee3\u8868\u4f60\u8d8a\u5bb9\u6613\u5728\u8a72\u9762\u5411\u4e2d\u611f\u53d7\u5230\u5e7d\u9ed8\u6216\u7528\u5e7d\u9ed8\u56de\u61c9\u751f\u6d3b\u3002<\/p>\n        <div class=\"q9-chart-wrap\">\n          <canvas data-chart-canvas aria-label=\"\u5e7d\u9ed8\u611f\u56db\u5927\u9762\u5411\u96f7\u9054\u5716\" role=\"img\"><\/canvas>\n        <\/div>\n        <p class=\"q9-status\" data-chart-status aria-live=\"polite\"><\/p>\n      <\/div>\n\n      <div class=\"q9-distribution-card\">\n        <h3>\u4f60\u5728\u6574\u9ad4\u5206\u5e03\u4e2d\u7684\u4f4d\u7f6e<\/h3>\n        <div class=\"q9-score-track\" data-score-track style=\"--q9-marker-left: 0%;\">\n          <span class=\"q9-track-segment q9-track-low\">\u504f\u56b4\u8085<\/span>\n          <span class=\"q9-track-segment q9-track-mid\">\u5e73\u8861\u578b<\/span>\n          <span class=\"q9-track-segment q9-track-high\">\u9ad8\u5e7d\u9ed8\u611f<\/span>\n          <span class=\"q9-score-marker\" data-score-marker aria-hidden=\"true\"><\/span>\n        <\/div>\n        <p class=\"q9-marker-text\" data-marker-text aria-live=\"polite\">\u76ee\u524d\u4f4d\u7f6e\uff1a0 \u5206<\/p>\n        <div class=\"q9-legend\" aria-label=\"\u5206\u6578\u5340\u9593\u8aaa\u660e\">\n          <span><i class=\"q9-dot q9-dot-low\" aria-hidden=\"true\"><\/i>0\u201317\uff1a\u504f\u56b4\u8085\u89c0\u5bdf\u578b<\/span>\n          <span><i class=\"q9-dot q9-dot-mid\" aria-hidden=\"true\"><\/i>18\u201335\uff1a\u5e73\u8861\u5e7d\u9ed8\u578b<\/span>\n          <span><i class=\"q9-dot q9-dot-high\" aria-hidden=\"true\"><\/i>36\u201350\uff1a\u9ad8\u958b\u5c55\u5e7d\u9ed8\u578b<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"q9-result-blocks\">\n        <section class=\"q9-result-copy\" data-result-block=\"low\" hidden>\n          <h3>\u504f\u56b4\u8085\u89c0\u5bdf\u578b<\/h3>\n          <p>\u4f60\u53ef\u80fd\u6bd4\u8f03\u5167\u6582\u3001\u8b39\u614e\uff0c\u4e0d\u4e00\u5b9a\u6703\u4e3b\u52d5\u5c0b\u627e\u6709\u8da3\u7684\u4e00\u9762\uff1b\u4f46\u7576\u67d0\u4ef6\u4e8b\u771f\u6b63\u89f8\u52d5\u4f60\u6642\uff0c\u4f60\u7684\u7b11\u610f\u5f80\u5f80\u5f88\u771f\u8aa0\uff0c\u4e5f\u5f88\u6709\u611f\u67d3\u529b\u3002<\/p>\n          <p>\u5efa\u8b70\u4f60\u5728\u58d3\u529b\u6216\u5c37\u5c2c\u60c5\u5883\u4e2d\uff0c\u7df4\u7fd2\u5148\u627e\u51fa\u4e00\u500b\u300c\u53ef\u4ee5\u5fae\u7b11\u770b\u5f85\u300d\u7684\u5c0f\u89d2\u5ea6\u3002\u5e7d\u9ed8\u4e0d\u5fc5\u52c9\u5f37\u71b1\u9b27\uff0c\u53ea\u8981\u80fd\u5e6b\u52a9\u81ea\u5df1\u9b06\u4e00\u53e3\u6c23\uff0c\u5c31\u662f\u5f88\u597d\u7684\u958b\u59cb\u3002<\/p>\n        <\/section>\n\n        <section class=\"q9-result-copy\" data-result-block=\"mid\" hidden>\n          <h3>\u5e73\u8861\u5e7d\u9ed8\u578b<\/h3>\n          <p>\u4f60\u591a\u534a\u80fd\u770b\u898b\u4e8b\u7269\u6709\u8da3\u7684\u4e00\u9762\uff0c\u4e5f\u80fd\u9867\u53ca\u4ed6\u4eba\u7684\u611f\u53d7\u3002\u4f60\u4e0d\u6703\u5c0d\u6240\u6709\u7b11\u9ede\u7167\u55ae\u5168\u6536\uff0c\u800c\u662f\u6703\u4f9d\u60c5\u5883\u3001\u95dc\u4fc2\u8207\u5206\u5bf8\u505a\u9078\u64c7\u3002<\/p>\n          <p>\u9019\u662f\u4e00\u7a2e\u5f88\u9069\u5408\u4eba\u969b\u4e92\u52d5\u7684\u5e7d\u9ed8\u611f\u3002\u82e5\u60f3\u66f4\u9032\u4e00\u6b65\uff0c\u53ef\u4ee5\u89c0\u5bdf\u81ea\u5df1\u6700\u5bb9\u6613\u88ab\u54ea\u4e00\u985e\u5e7d\u9ed8\u9017\u7b11\uff0c\u4e26\u5728\u4e0d\u5192\u72af\u4ed6\u4eba\u7684\u524d\u63d0\u4e0b\uff0c\u628a\u5b83\u8b8a\u6210\u4f60\u7684\u6e9d\u901a\u7279\u8272\u3002<\/p>\n        <\/section>\n\n        <section class=\"q9-result-copy\" data-result-block=\"high\" hidden>\n          <h3>\u9ad8\u958b\u5c55\u5e7d\u9ed8\u578b<\/h3>\n          <p>\u4f60\u7684\u7b11\u9ede\u5ee3\u3001\u53cd\u61c9\u5feb\uff0c\u4e5f\u5e38\u80fd\u7528\u8f15\u9b06\u89d2\u5ea6\u770b\u5f85\u751f\u6d3b\u3002\u9019\u4ee3\u8868\u4f60\u64c1\u6709\u76f8\u7576\u958b\u653e\u7684\u8da3\u5473\u611f\uff0c\u5bb9\u6613\u628a\u6c23\u6c1b\u5e36\u5f97\u66f4\u660e\u4eae\u3002<\/p>\n          <p>\u63d0\u9192\u4f60\u4fdd\u7559\u654f\u92b3\u7684\u5206\u5bf8\u611f\uff1a\u62ff\u81ea\u5df1\u958b\u73a9\u7b11\u901a\u5e38\u5b89\u5168\uff0c\u62ff\u5225\u4eba\u7684\u56f0\u5883\u53d6\u6a02\u5247\u53ef\u80fd\u9020\u6210\u8aa4\u6703\u3002\u7576\u4f60\u7684\u5e7d\u9ed8\u540c\u6642\u5e36\u8457\u6eab\u5ea6\u8207\u5c0a\u91cd\uff0c\u5b83\u6703\u6210\u70ba\u5f88\u8ff7\u4eba\u7684\u529b\u91cf\u3002<\/p>\n        <\/section>\n      <\/div>\n\n      <div class=\"q9-insight-card\">\n        <h3>\u500b\u4eba\u5316\u63d0\u9192<\/h3>\n        <p data-personal-tip aria-live=\"polite\">\u5b8c\u6210\u6e2c\u9a57\u5f8c\uff0c\u9019\u88e1\u6703\u986f\u793a\u4f60\u7684\u91cd\u9ede\u5efa\u8b70\u3002<\/p>\n      <\/div>\n\n      <div class=\"q9-center q9-reset-wrap\">\n        <button type=\"button\" class=\"btn q9-primary-btn\" data-action=\"reset\">\n          \u91cd\u65b0\u6e2c\u9a57\n          <i class=\"bi bi-arrow-counterclockwise\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n<\/section>\n\n<style>\n  #quizapp9,\n  #quizapp9 *,\n  #quizapp9 *::before,\n  #quizapp9 *::after {\n    box-sizing: border-box;\n  }\n\n  #quizapp9 {\n    --q9-ink: #2f2923;\n    --q9-muted: #675f55;\n    --q9-soft: #fffaf2;\n    --q9-card: #ffffff;\n    --q9-line: #eadfce;\n    --q9-sage: #8faf8a;\n    --q9-mint: #cfe5d5;\n    --q9-honey: #e7bf77;\n    --q9-peach: #f0c3a9;\n    --q9-taupe: #bca98f;\n    --q9-brown: #4f3426;\n    --q9-shadow: 0 18px 46px rgba(86, 66, 42, 0.14);\n    width: 100%;\n    max-width: 750px;\n    margin: 0 auto;\n    color: var(--q9-ink);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #quizapp9 [hidden] {\n    display: none !important;\n  }\n\n  #quizapp9 button {\n    min-width: 44px;\n    min-height: 44px;\n    font: inherit;\n  }\n\n  #quizapp9 button:focus-visible,\n  #quizapp9 [tabindex=\"-1\"]:focus-visible {\n    outline: 3px solid rgba(143, 175, 138, 0.75);\n    outline-offset: 4px;\n  }\n\n  #quizapp9 .q9-shell {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(234, 223, 206, 0.92);\n    border-radius: 28px;\n    padding: 24px;\n    box-shadow: var(--q9-shadow);\n  }\n\n  #quizapp9 .q9-hero,\n  #quizapp9 .q9-result {\n    background:\n      radial-gradient(circle at 15% 10%, rgba(207, 229, 213, 0.95), transparent 34%),\n      radial-gradient(circle at 88% 18%, rgba(240, 195, 169, 0.78), transparent 30%),\n      linear-gradient(145deg, #fffaf2 0%, #f7efe2 100%);\n  }\n\n  #quizapp9 .q9-panel {\n    background: linear-gradient(180deg, #fffaf2 0%, #ffffff 100%);\n  }\n\n  #quizapp9 .q9-hero-content,\n  #quizapp9 .q9-quiz-header,\n  #quizapp9 .q9-result-hero {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    text-align: center;\n  }\n\n  #quizapp9 .q9-eyebrow {\n    margin: 0;\n    color: #5d7258;\n    font-size: 0.95rem;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n  }\n\n  #quizapp9 h1,\n  #quizapp9 h2,\n  #quizapp9 h3 {\n    margin: 0;\n    color: var(--q9-ink);\n    font-weight: 850;\n    line-height: 1.25;\n  }\n\n  #quizapp9 h1 {\n    font-size: clamp(2rem, 8vw, 2.5rem);\n  }\n\n  #quizapp9 h2 {\n    font-size: clamp(1.6rem, 6vw, 2.15rem);\n  }\n\n  #quizapp9 h3 {\n    font-size: clamp(1.25rem, 5vw, 1.5rem);\n  }\n\n  #quizapp9 .q9-subtitle {\n    margin: 0;\n    color: #3e372f;\n    font-size: clamp(1.05rem, 4.2vw, 1.25rem);\n    font-weight: 750;\n  }\n\n  #quizapp9 .q9-copy,\n  #quizapp9 .q9-chart-note {\n    margin: 0;\n    color: var(--q9-muted);\n    font-size: 1rem;\n  }\n\n  #quizapp9 .q9-floating-icons {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  #quizapp9 .q9-orb {\n    position: absolute;\n    display: grid;\n    place-items: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 999px;\n    color: #5f6f52;\n    background: rgba(255, 255, 255, 0.78);\n    box-shadow: 0 12px 28px rgba(75, 58, 38, 0.12);\n  }\n\n  #quizapp9 .q9-orb i {\n    font-size: 1.45rem;\n  }\n\n  #quizapp9 .q9-orb-a {\n    top: 18px;\n    left: 18px;\n  }\n\n  #quizapp9 .q9-orb-b {\n    top: 82px;\n    right: 22px;\n  }\n\n  #quizapp9 .q9-orb-c {\n    right: 38px;\n    bottom: 28px;\n  }\n\n  #quizapp9 .q9-info-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 12px;\n  }\n\n  #quizapp9 .q9-mini-card,\n  #quizapp9 .q9-chart-card,\n  #quizapp9 .q9-distribution-card,\n  #quizapp9 .q9-insight-card,\n  #quizapp9 .q9-result-copy {\n    border: 1px solid rgba(234, 223, 206, 0.95);\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.76);\n  }\n\n  #quizapp9 .q9-mini-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-height: 118px;\n    padding: 18px;\n    color: var(--q9-muted);\n    contain: layout paint;\n  }\n\n  #quizapp9 .q9-mini-card i {\n    color: #6f8b68;\n    font-size: 1.65rem;\n  }\n\n  #quizapp9 .q9-mini-card strong {\n    color: var(--q9-ink);\n    font-size: 1.04rem;\n  }\n\n  #quizapp9 .q9-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  #quizapp9 .q9-primary-btn,\n  #quizapp9 .q9-secondary-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    border: 0;\n    border-radius: 999px;\n    padding: 13px 24px;\n    font-weight: 850;\n    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;\n  }\n\n  #quizapp9 .q9-primary-btn {\n    margin-top: 10px;\n    color: #ffffff;\n    background: linear-gradient(135deg, #7f9f79, #d2a85f);\n    box-shadow: 0 14px 28px rgba(97, 88, 55, 0.22);\n  }\n\n  #quizapp9 .q9-primary-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 18px 34px rgba(97, 88, 55, 0.28);\n  }\n\n  #quizapp9 .q9-secondary-btn {\n    color: var(--q9-brown);\n    background: #f5ead9;\n    border: 1px solid #e8d8bf;\n  }\n\n  #quizapp9 .q9-secondary-btn:hover:not(:disabled) {\n    transform: translateY(-1px);\n    background: #efe0c9;\n  }\n\n  #quizapp9 .q9-secondary-btn:disabled {\n    opacity: 0.45;\n    cursor: not-allowed;\n  }\n\n  #quizapp9 .q9-progress-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin: 22px 0;\n  }\n\n  #quizapp9 .q9-progress-top {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    color: var(--q9-muted);\n    font-size: 0.95rem;\n    font-weight: 750;\n  }\n\n  #quizapp9 .q9-progress {\n    height: 12px;\n    overflow: hidden;\n    border-radius: 999px;\n    background: #eee3d3;\n  }\n\n  #quizapp9 .q9-progress-bar {\n    border-radius: 999px;\n    background: linear-gradient(90deg, #8faf8a, #e7bf77);\n    transition: width 220ms ease;\n  }\n\n  #quizapp9 .q9-question-list {\n    display: flex;\n    flex-direction: column;\n  }\n\n  #quizapp9 .q9-question-card {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    padding: 20px;\n    border: 1px solid rgba(234, 223, 206, 0.95);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.88);\n    contain: layout paint;\n  }\n\n  #quizapp9 .q9-question-count {\n    margin: 0;\n    color: #6d8065;\n    font-size: 0.95rem;\n    font-weight: 850;\n  }\n\n  #quizapp9 .q9-options {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  #quizapp9 .q9-option {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n    min-height: 58px;\n    padding: 14px 16px;\n    border: 1px solid #eadfce;\n    border-radius: 18px;\n    color: var(--q9-ink);\n    text-align: left;\n    background: #fffdf8;\n    box-shadow: 0 10px 22px rgba(86, 66, 42, 0.06);\n    transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;\n  }\n\n  #quizapp9 .q9-option:hover {\n    transform: translateY(-1px);\n    border-color: #c9b99f;\n    background: #fff8ec;\n    box-shadow: 0 12px 26px rgba(86, 66, 42, 0.1);\n  }\n\n  #quizapp9 .q9-option[aria-pressed=\"true\"] {\n    border-color: #8faf8a;\n    background: #f2f8ee;\n    box-shadow: 0 12px 28px rgba(93, 124, 84, 0.16);\n  }\n\n  #quizapp9 .q9-option-indicator {\n    display: inline-grid;\n    flex: 0 0 auto;\n    place-items: center;\n    width: 26px;\n    height: 26px;\n    border: 2px solid #b8aa94;\n    border-radius: 999px;\n    color: #ffffff;\n    background: #ffffff;\n    transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;\n  }\n\n  #quizapp9 .q9-option-indicator i {\n    font-size: 0.95rem;\n    opacity: 0;\n  }\n\n  #quizapp9 .q9-option[aria-pressed=\"true\"] .q9-option-indicator {\n    border-color: #6f8b68;\n    background: #6f8b68;\n    transform: scale(1.04);\n  }\n\n  #quizapp9 .q9-option[aria-pressed=\"true\"] .q9-option-indicator i {\n    opacity: 1;\n  }\n\n  #quizapp9 .q9-status {\n    min-height: 28px;\n    margin: 12px 0 0;\n    color: #5d7258;\n    font-weight: 750;\n    text-align: center;\n  }\n\n  #quizapp9 .q9-prev-wrap,\n  #quizapp9 .q9-reset-wrap {\n    margin-top: 18px;\n  }\n\n  #quizapp9 .q9-result-hero {\n    align-items: center;\n    margin-bottom: 20px;\n  }\n\n  #quizapp9 .q9-result-icon {\n    display: grid;\n    place-items: center;\n    width: 76px;\n    height: 76px;\n    border-radius: 999px;\n    color: #6f8b68;\n    background: rgba(255, 255, 255, 0.72);\n    box-shadow: 0 16px 32px rgba(86, 66, 42, 0.12);\n  }\n\n  #quizapp9 .q9-result-icon i {\n    font-size: 2rem;\n  }\n\n  #quizapp9 .q9-result-score {\n    margin: 2px 0 0;\n    color: var(--q9-muted);\n    font-size: 1.15rem;\n    font-weight: 800;\n  }\n\n  #quizapp9 .q9-result-score strong {\n    color: var(--q9-brown);\n    font-size: 2rem;\n  }\n\n  #quizapp9 .q9-result-level {\n    margin: 0;\n    color: #5d7258;\n    font-size: 1.08rem;\n    font-weight: 850;\n  }\n\n  #quizapp9 .q9-chart-card,\n  #quizapp9 .q9-distribution-card,\n  #quizapp9 .q9-insight-card,\n  #quizapp9 .q9-result-copy {\n    padding: 18px;\n    margin-top: 16px;\n  }\n\n  #quizapp9 .q9-chart-card {\n    background: rgba(255, 255, 255, 0.82);\n  }\n\n  #quizapp9 .q9-chart-wrap {\n    position: relative;\n    width: min(100%, 520px);\n    height: 300px;\n    margin: 12px auto 0;\n  }\n\n  #quizapp9 .q9-distribution-card {\n    background: rgba(255, 253, 248, 0.88);\n  }\n\n  #quizapp9 .q9-score-track {\n    position: relative;\n    display: grid;\n    grid-template-columns: 34% 36% 30%;\n    min-height: 48px;\n    margin: 16px 0 14px;\n    overflow: visible;\n    border-radius: 999px;\n    box-shadow: inset 0 0 0 1px rgba(79, 52, 38, 0.1);\n  }\n\n  #quizapp9 .q9-track-segment {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 6px;\n    color: #3a3028;\n    font-size: 0.82rem;\n    font-weight: 850;\n    text-align: center;\n  }\n\n  #quizapp9 .q9-track-low {\n    border-radius: 999px 0 0 999px;\n    background: #d9c8aa;\n  }\n\n  #quizapp9 .q9-track-mid {\n    background: #cfe5d5;\n  }\n\n  #quizapp9 .q9-track-high {\n    border-radius: 0 999px 999px 0;\n    background: #e7bf77;\n  }\n\n  #quizapp9 .q9-score-marker {\n    position: absolute;\n    top: 50%;\n    left: var(--q9-marker-left);\n    width: 18px;\n    height: 18px;\n    border: 3px solid #ffffff;\n    border-radius: 999px;\n    background: var(--q9-brown);\n    box-shadow: 0 5px 14px rgba(79, 52, 38, 0.36);\n    transform: translate(-50%, -50%);\n    transition: left 260ms ease;\n  }\n\n  #quizapp9 .q9-marker-text {\n    margin: 0;\n    color: var(--q9-muted);\n    font-weight: 800;\n    text-align: center;\n  }\n\n  #quizapp9 .q9-legend {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    margin-top: 12px;\n    color: var(--q9-muted);\n    font-size: 0.92rem;\n  }\n\n  #quizapp9 .q9-legend span {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  #quizapp9 .q9-dot {\n    display: inline-block;\n    flex: 0 0 auto;\n    width: 12px;\n    height: 12px;\n    border-radius: 999px;\n  }\n\n  #quizapp9 .q9-dot-low {\n    background: #d9c8aa;\n  }\n\n  #quizapp9 .q9-dot-mid {\n    background: #cfe5d5;\n  }\n\n  #quizapp9 .q9-dot-high {\n    background: #e7bf77;\n  }\n\n  #quizapp9 .q9-result-copy,\n  #quizapp9 .q9-insight-card {\n    background: rgba(255, 255, 255, 0.78);\n  }\n\n  #quizapp9 .q9-result-copy p,\n  #quizapp9 .q9-insight-card p {\n    margin: 10px 0 0;\n    color: var(--q9-muted);\n  }\n\n  @media (min-width: 576px) {\n    #quizapp9 {\n      font-size: 17px;\n    }\n\n    #quizapp9 .q9-shell {\n      padding: 32px;\n    }\n\n    #quizapp9 .q9-info-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    #quizapp9 .q9-options {\n      gap: 14px;\n    }\n\n    #quizapp9 .q9-chart-wrap {\n      height: 360px;\n    }\n\n    #quizapp9 .q9-legend {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  @media (min-width: 720px) {\n    #quizapp9 .q9-shell {\n      padding: 40px;\n    }\n\n    #quizapp9 .q9-option {\n      padding: 16px 18px;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\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\");\n    const quizmain9 = root.querySelector(\"#quizmain9\");\n    const quizresult9 = root.querySelector(\"#quizresult9\");\n\n    const introTitle = root.querySelector('[data-quiz-title=\"intro9\"]');\n    const quizTitle = root.querySelector('[data-quiz-title=\"quiz9\"]');\n    const resultTitle = root.querySelector('[data-quiz-title=\"result9\"]');\n\n    const questions = Array.from(root.querySelectorAll(\"[data-question]\"));\n    const progressBar = root.querySelector(\"[data-progress-bar]\");\n    const progressText = root.querySelector(\"[data-progress-text]\");\n    const progressPercent = root.querySelector(\"[data-progress-percent]\");\n    const progressWrap = root.querySelector(\"[data-progress-wrap] .progress\");\n    const prevButton = root.querySelector('[data-action=\"prev\"]');\n    const status = root.querySelector(\"[data-status]\");\n\n    const scoreValue = root.querySelector(\"[data-score-value]\");\n    const scoreLevel = root.querySelector(\"[data-score-level]\");\n    const markerText = root.querySelector(\"[data-marker-text]\");\n    const scoreTrack = root.querySelector(\"[data-score-track]\");\n    const chartCanvas = root.querySelector(\"[data-chart-canvas]\");\n    const chartStatus = root.querySelector(\"[data-chart-status]\");\n    const personalTip = root.querySelector(\"[data-personal-tip]\");\n    const resultBlocks = Array.from(root.querySelectorAll(\"[data-result-block]\"));\n\n    const dimensionLabels = {\n      openness: \"\u7b11\u9ede\u958b\u653e\u5ea6\",\n      social: \"\u793e\u4ea4\u5e7d\u9ed8\",\n      resilience: \"\u81ea\u5632\u8207\u9006\u5883\",\n      playfulness: \"\u73a9\u5fc3\u5f48\u6027\"\n    };\n\n    const state = {\n      currentIndex: 0,\n      answers: Array(questions.length).fill(null),\n      busy: false\n    };\n\n    let chartInstance = null;\n\n    const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\n\n    const scrollToElement = (element) => {\n      if (!element) return;\n      element.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      element.focus({ preventScroll: true });\n    };\n\n    const setStatus = (message) => {\n      if (status) status.textContent = message || \"\";\n    };\n\n    const updateProgress = () => {\n      const total = questions.length;\n      const current = state.currentIndex + 1;\n      const percent = Math.round((current \/ total) * 100);\n\n      if (progressText) progressText.textContent = `\u7b2c ${current} \u984c \/ \u5171 ${total} \u984c`;\n      if (progressPercent) progressPercent.textContent = `${percent}%`;\n      if (progressBar) progressBar.style.width = `${percent}%`;\n      if (progressWrap) progressWrap.setAttribute(\"aria-valuenow\", String(percent));\n      if (prevButton) prevButton.disabled = state.currentIndex === 0;\n    };\n\n    const showQuestion = (index, shouldScroll) => {\n      const safeIndex = clamp(index, 0, questions.length - 1);\n      state.currentIndex = safeIndex;\n\n      questions.forEach((question, questionIndex) => {\n        question.hidden = questionIndex !== safeIndex;\n      });\n\n      updateProgress();\n      setStatus(\"\");\n\n      if (shouldScroll) {\n        scrollToElement(quizTitle);\n      }\n    };\n\n    const resetSelections = () => {\n      state.answers = Array(questions.length).fill(null);\n      state.currentIndex = 0;\n      state.busy = false;\n\n      questions.forEach((question) => {\n        question.querySelectorAll(\"[data-answer]\").forEach((button) => {\n          button.setAttribute(\"aria-pressed\", \"false\");\n        });\n      });\n\n      resultBlocks.forEach((block) => {\n        block.hidden = true;\n      });\n\n      if (chartInstance) {\n        chartInstance.destroy();\n        chartInstance = null;\n      }\n\n      if (chartStatus) chartStatus.textContent = \"\";\n      if (personalTip) personalTip.textContent = \"\u5b8c\u6210\u6e2c\u9a57\u5f8c\uff0c\u9019\u88e1\u6703\u986f\u793a\u4f60\u7684\u91cd\u9ede\u5efa\u8b70\u3002\";\n      if (scoreValue) scoreValue.textContent = \"0\";\n      if (scoreLevel) scoreLevel.textContent = \"\u6b63\u5728\u6574\u7406\u7d50\u679c\u2026\u2026\";\n      if (markerText) markerText.textContent = \"\u76ee\u524d\u4f4d\u7f6e\uff1a0 \u5206\";\n      if (scoreTrack) scoreTrack.style.setProperty(\"--q9-marker-left\", \"0%\");\n    };\n\n    const startQuiz = () => {\n      resetSelections();\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n\n      showQuestion(0, false);\n      scrollToElement(quizTitle);\n    };\n\n    const resetQuiz = () => {\n      resetSelections();\n\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n\n      showQuestion(0, false);\n      scrollToElement(introTitle);\n    };\n\n    const getTotalScore = () => {\n      return state.answers.reduce((sum, value) => sum + (Number.isFinite(value) ? value : 0), 0);\n    };\n\n    const getLevel = (score) => {\n      if (score <= 17) {\n        return {\n          key: \"low\",\n          label: \"\u504f\u56b4\u8085\u89c0\u5bdf\u578b\",\n          tip: \"\u4f60\u7684\u5e7d\u9ed8\u611f\u53ef\u80fd\u6bd4\u8f03\u5b89\u975c\u3001\u7cbe\u6e96\u3002\u5efa\u8b70\u5f9e\u65e5\u5e38\u5c0f\u63d2\u66f2\u958b\u59cb\u7df4\u7fd2\uff0c\u4f8b\u5982\u7528\u4e00\u53e5\u6eab\u548c\u7684\u81ea\u5632\u5316\u89e3\u5c37\u5c2c\uff0c\u6162\u6162\u63d0\u9ad8\u81ea\u5df1\u9762\u5c0d\u58d3\u529b\u6642\u7684\u9b06\u5f1b\u5ea6\u3002\"\n        };\n      }\n\n      if (score <= 35) {\n        return {\n          key: \"mid\",\n          label: \"\u5e73\u8861\u5e7d\u9ed8\u578b\",\n          tip: \"\u4f60\u80fd\u5728\u8da3\u5473\u8207\u5206\u5bf8\u4e4b\u9593\u53d6\u5f97\u5e73\u8861\u3002\u63a5\u4e0b\u4f86\u53ef\u4ee5\u591a\u7559\u610f\u81ea\u5df1\u6700\u64c5\u9577\u7684\u5e7d\u9ed8\u5834\u666f\uff0c\u8b93\u7b11\u9ede\u65e2\u81ea\u7136\u53c8\u4e0d\u50b7\u4eba\u3002\"\n        };\n      }\n\n      return {\n        key: \"high\",\n        label: \"\u9ad8\u958b\u5c55\u5e7d\u9ed8\u578b\",\n        tip: \"\u4f60\u5f88\u5bb9\u6613\u770b\u898b\u751f\u6d3b\u6709\u8da3\u7684\u4e00\u9762\uff0c\u4e5f\u53ef\u80fd\u662f\u5718\u9ad4\u88e1\u5e36\u52d5\u6c23\u6c1b\u7684\u4eba\u3002\u5efa\u8b70\u6301\u7e8c\u4fdd\u6709\u540c\u7406\u5fc3\uff0c\u8b93\u5e7d\u9ed8\u6210\u70ba\u9023\u7d50\u4ed6\u4eba\uff0c\u800c\u4e0d\u662f\u58d3\u904e\u4ed6\u4eba\u7684\u529b\u91cf\u3002\"\n      };\n    };\n\n    const getDimensionScores = () => {\n      const grouped = {\n        openness: { total: 0, count: 0 },\n        social: { total: 0, count: 0 },\n        resilience: { total: 0, count: 0 },\n        playfulness: { total: 0, count: 0 }\n      };\n\n      questions.forEach((question, index) => {\n        const dimension = question.dataset.dimension;\n        if (!grouped[dimension]) return;\n        grouped[dimension].total += state.answers[index] || 0;\n        grouped[dimension].count += 1;\n      });\n\n      return Object.keys(grouped).map((key) => {\n        const item = grouped[key];\n        const max = item.count * 2;\n        const percent = max > 0 ? Math.round((item.total \/ max) * 100) : 0;\n        return {\n          key,\n          label: dimensionLabels[key],\n          percent\n        };\n      });\n    };\n\n    const updateResultBlocks = (levelKey) => {\n      resultBlocks.forEach((block) => {\n        block.hidden = block.dataset.resultBlock !== levelKey;\n      });\n    };\n\n    const updateDistribution = (score) => {\n      const left = clamp((score \/ 50) * 100, 0, 100);\n      if (scoreTrack) scoreTrack.style.setProperty(\"--q9-marker-left\", `${left}%`);\n      if (markerText) markerText.textContent = `\u76ee\u524d\u4f4d\u7f6e\uff1a${score} \u5206`;\n    };\n\n    const renderChart = (dimensionScores) => {\n      if (!chartCanvas || !chartStatus) return;\n\n      if (chartInstance) {\n        chartInstance.destroy();\n        chartInstance = null;\n      }\n\n      if (!window.Chart) {\n        chartStatus.textContent = \"\u5716\u8868\u5143\u4ef6\u5c1a\u672a\u8f09\u5165\uff0c\u4f46\u6e2c\u9a57\u7d50\u679c\u5df2\u6b63\u5e38\u8a08\u7b97\u3002\";\n        return;\n      }\n\n      chartStatus.textContent = \"\u6b63\u5728\u7e6a\u88fd\u5716\u8868\u2026\u2026\";\n\n      const labelSize = root.clientWidth < 520 ? 12 : 16;\n      const labels = dimensionScores.map((item) => item.label);\n      const values = dimensionScores.map((item) => item.percent);\n\n      chartInstance = new window.Chart(chartCanvas, {\n        type: \"radar\",\n        data: {\n          labels,\n          datasets: [\n            {\n              label: \"\u4f60\u7684\u9762\u5411\u5206\u6578\",\n              data: values,\n              fill: true,\n              backgroundColor: \"rgba(143, 175, 138, 0.24)\",\n              borderColor: \"rgba(111, 139, 104, 0.95)\",\n              borderWidth: 2,\n              pointBackgroundColor: \"rgba(79, 52, 38, 0.95)\",\n              pointBorderColor: \"#ffffff\",\n              pointBorderWidth: 2,\n              pointRadius: 4\n            }\n          ]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          animation: {\n            duration: 420\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.label}\uff1a${context.parsed.r}%`\n              }\n            }\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: {\n                stepSize: 25,\n                backdropColor: \"rgba(255, 255, 255, 0.72)\",\n                color: \"#675f55\",\n                callback: (value) => `${value}%`\n              },\n              grid: {\n                color: \"rgba(103, 95, 85, 0.2)\"\n              },\n              angleLines: {\n                color: \"rgba(103, 95, 85, 0.18)\"\n              },\n              pointLabels: {\n                color: \"#2f2923\",\n                font: {\n                  size: labelSize,\n                  weight: \"700\"\n                }\n              }\n            }\n          }\n        }\n      });\n\n      chartStatus.textContent = \"\";\n    };\n\n    const showResults = () => {\n      const score = getTotalScore();\n      const level = getLevel(score);\n      const dimensionScores = getDimensionScores();\n\n      if (scoreValue) scoreValue.textContent = String(score);\n      if (scoreLevel) scoreLevel.textContent = level.label;\n      if (personalTip) personalTip.textContent = level.tip;\n\n      updateResultBlocks(level.key);\n      updateDistribution(score);\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = true;\n      quizresult9.hidden = false;\n\n      renderChart(dimensionScores);\n      scrollToElement(resultTitle);\n    };\n\n    const selectAnswer = (button) => {\n      const question = button.closest(\"[data-question]\");\n      if (!question || question.hidden || state.busy) return;\n\n      const index = Number(question.dataset.index);\n      const value = Number(button.dataset.answer);\n      if (!Number.isInteger(index) || !Number.isFinite(value)) return;\n\n      state.busy = true;\n      state.answers[index] = value;\n\n      question.querySelectorAll(\"[data-answer]\").forEach((option) => {\n        option.setAttribute(\"aria-pressed\", option === button ? \"true\" : \"false\");\n      });\n\n      setStatus(\"\u5df2\u8a18\u9304\uff0c\u524d\u5f80\u4e0b\u4e00\u984c\u3002\");\n\n      setTimeout(() => {\n        if (index >= questions.length - 1) {\n          state.busy = false;\n          showResults();\n          return;\n        }\n\n        state.busy = false;\n        showQuestion(index + 1, true);\n      }, 180);\n    };\n\n    const goPrevious = () => {\n      if (state.busy || state.currentIndex <= 0) return;\n      showQuestion(state.currentIndex - 1, true);\n      setStatus(\"\u5df2\u56de\u5230\u4e0a\u4e00\u984c\u3002\");\n    };\n\n    root.addEventListener(\"click\", (event) => {\n      const actionButton = event.target.closest(\"[data-action]\");\n      const answerButton = event.target.closest(\"[data-answer]\");\n\n      if (actionButton && root.contains(actionButton)) {\n        const action = actionButton.dataset.action;\n\n        if (action === \"start\") {\n          startQuiz();\n          return;\n        }\n\n        if (action === \"prev\") {\n          goPrevious();\n          return;\n        }\n\n        if (action === \"reset\") {\n          resetQuiz();\n          return;\n        }\n      }\n\n      if (answerButton && root.contains(answerButton)) {\n        selectAnswer(answerButton);\n      }\n    });\n\n    resetSelections();\n    showQuestion(0, false);\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initQuiz9);\n  } else {\n    initQuiz9();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4f60\u5177\u6709\u8db3\u591f\u7684\u5e7d\u9ed8\u611f\u5417\uff1f \uff0c\u8bf7\u5224\u65ad\u4e0b\u9762\u7684\u9648\u8ff0\u662f\u5426\u7b26\u5408\u4f60\u7684\u5b9e\u9645\u3002\u5982\u679c\u62ff\u4e0d\u5b9a\u4e3b\u610f\uff0c\u53ef\u4ee5\u56de\u7b54\u300c\u6211\u4e0d\u77e5\u9053\u300d\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,164],"tags":[197],"class_list":["post-2678","post","type-post","status-publish","format-standard","hentry","category-personality","category-interest-inventories","tag-humor"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2678","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=2678"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2678\/revisions"}],"predecessor-version":[{"id":10875,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2678\/revisions\/10875"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}