{"id":2490,"date":"2023-10-24T09:24:08","date_gmt":"2023-10-24T01:24:08","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2490"},"modified":"2026-05-14T17:36:43","modified_gmt":"2026-05-14T09:36:43","slug":"number-disappointed","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/number-disappointed","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u8fd9\u8f88\u5b50\u4f1a\u8f9c\u8d1f\u591a\u5c11\u4eba\uff1f"},"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<div id=\"wpQuiz9\" data-quiz-root=\"quiz9\" class=\"quiz9-wrap mx-auto\">\n  <section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz9-page active\" aria-labelledby=\"quiz9IntroTitle\">\n    <header class=\"quiz9-hero text-center mb-4\">\n      <div class=\"quiz9-hero-icons\" aria-hidden=\"true\">\n        <span class=\"quiz9-float-icon quiz9-float-icon-a\"><i class=\"bi bi-heart\"><\/i><\/span>\n        <span class=\"quiz9-float-icon quiz9-float-icon-b\"><i class=\"bi bi-moon-stars\"><\/i><\/span>\n        <span class=\"quiz9-float-icon quiz9-float-icon-c\"><i class=\"bi bi-chat-heart\"><\/i><\/span>\n      <\/div>\n\n      <div class=\"quiz9-main-orb mx-auto mb-3\" aria-hidden=\"true\">\n        <i class=\"bi bi-stars\"><\/i>\n      <\/div>\n\n      <p class=\"quiz9-eyebrow mb-2\">\u60c5\u611f\u6163\u6027 \u00d7 \u4eba\u969b\u908a\u754c \u00d7 \u81ea\u6211\u9078\u64c7<\/p>\n      <h1 id=\"quiz9IntroTitle\" data-focus-target tabindex=\"-1\" class=\"fw-bold mb-3\">\n        \u4f60\u9019\u8f29\u5b50\u6703\u8f9c\u8ca0\u591a\u5c11\u4eba\uff1f\n      <\/h1>\n      <p class=\"quiz9-subtitle mx-auto mb-0\">\n        \u4f60\u4ee5\u70ba\u53ea\u662f\u5e7e\u500b\u76f4\u89ba\u9078\u64c7\uff0c\u5176\u5be6\u6703\u66b4\u9732\u4f60\u5728\u89aa\u5bc6\u95dc\u4fc2\u88e1\u6700\u5e38\u51fa\u73fe\u7684\u727d\u52d5\u65b9\u5f0f\u3002\n      <\/p>\n    <\/header>\n\n    <main>\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-glass-card mb-4\">\n        <div class=\"card-body p-4 p-md-5\">\n          <div class=\"quiz9-intro-grid\">\n            <section aria-labelledby=\"quiz9IntroHook\">\n              <h2 id=\"quiz9IntroHook\" class=\"h3 fw-bold mb-3\">\u9019\u4e0d\u662f\u5224\u65b7\u4f60\u300c\u597d\u4e0d\u597d\u300d\u7684\u6e2c\u9a57<\/h2>\n              <p class=\"mb-3\">\n                \u5b83\u66f4\u50cf\u662f\u4e00\u9762\u93e1\u5b50\uff1a\u770b\u4f60\u5728\u58d3\u529b\u3001\u5b64\u7368\u3001\u66d6\u6627\u3001\u5a5a\u59fb\u8207\u627f\u8afe\u9762\u524d\uff0c\u6703\u672c\u80fd\u5730\u9760\u8fd1\u3001\u8ff4\u907f\u3001\u638c\u63a7\uff0c\u9084\u662f\u5207\u65b7\u3002\n              <\/p>\n              <p class=\"mb-0\">\n                \u5b8c\u6210\u5f8c\u6703\u5f97\u5230\u4e00\u500b A\u2013E \u985e\u578b\u7d50\u679c\uff0c\u4e26\u4ee5\u5716\u8868\u5448\u73fe\u4f60\u7684\u81ea\u6211\u610f\u5fd7\u3001\u95dc\u4fc2\u727d\u52d5\u3001\u7a69\u5b9a\u7d93\u71df\u8207\u60c5\u611f\u5f37\u5ea6\u3002\n              <\/p>\n            <\/section>\n\n            <aside class=\"quiz9-intro-card\" aria-labelledby=\"quiz9IntroMeta\">\n              <h3 id=\"quiz9IntroMeta\" class=\"h5 fw-bold mb-3\">\u6e2c\u9a57\u8cc7\u8a0a<\/h3>\n              <ul class=\"list-unstyled d-grid gap-2 mb-0\">\n                <li><i class=\"bi bi-check2-circle me-2\" aria-hidden=\"true\"><\/i>\u7d04 1 \u5206\u9418\u5b8c\u6210<\/li>\n                <li><i class=\"bi bi-check2-circle me-2\" aria-hidden=\"true\"><\/i>\u6bcf\u984c\u5fc5\u9078\uff0c\u81ea\u52d5\u524d\u5f80\u4e0b\u4e00\u984c<\/li>\n                <li><i class=\"bi bi-check2-circle me-2\" aria-hidden=\"true\"><\/i>\u4e0d\u5132\u5b58\u4efb\u4f55\u6e2c\u9a57\u7d50\u679c<\/li>\n              <\/ul>\n            <\/aside>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <section class=\"quiz9-preview-grid mb-4\" aria-label=\"\u6e2c\u9a57\u5c07\u5206\u6790\u7684\u9762\u5411\">\n        <article class=\"quiz9-mini-card\">\n          <i class=\"bi bi-person-heart\" aria-hidden=\"true\"><\/i>\n          <h2 class=\"h5 fw-bold mb-1\">\u611f\u60c5\u53cd\u61c9<\/h2>\n          <p class=\"mb-0\">\u4f60\u5982\u4f55\u958b\u59cb\u5fc3\u52d5\uff0c\u53c8\u5982\u4f55\u7a81\u7136\u51b7\u537b\u3002<\/p>\n        <\/article>\n        <article class=\"quiz9-mini-card\">\n          <i class=\"bi bi-shield-check\" aria-hidden=\"true\"><\/i>\n          <h2 class=\"h5 fw-bold mb-1\">\u95dc\u4fc2\u908a\u754c<\/h2>\n          <p class=\"mb-0\">\u4f60\u6703\u9760\u8fd1\u3001\u4fdd\u7559\uff0c\u9084\u662f\u8b93\u5c0d\u65b9\u731c\u3002<\/p>\n        <\/article>\n        <article class=\"quiz9-mini-card\">\n          <i class=\"bi bi-compass\" aria-hidden=\"true\"><\/i>\n          <h2 class=\"h5 fw-bold mb-1\">\u4eba\u751f\u53d6\u5411<\/h2>\n          <p class=\"mb-0\">\u4f60\u66f4\u91cd\u8996\u5b89\u5b9a\u3001\u81ea\u7531\uff0c\u9084\u662f\u638c\u63a7\u611f\u3002<\/p>\n        <\/article>\n      <\/section>\n\n      <footer class=\"text-center\">\n        <button type=\"button\" class=\"btn quiz9-primary-btn w-100\" data-action=\"start\" aria-label=\"\u958b\u59cb\u6e2c\u9a57\">\n          \u958b\u59cb\u6e2c\u9a57\n          <i class=\"bi bi-arrow-right-short ms-1\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/footer>\n    <\/main>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz9-page hidden\" aria-labelledby=\"quiz9MainTitle\">\n    <header class=\"mb-4\">\n      <p class=\"quiz9-eyebrow mb-2\">\u8acb\u4f9d\u76f4\u89ba\u9078\u64c7<\/p>\n      <h2 id=\"quiz9MainTitle\" data-focus-target tabindex=\"-1\" class=\"h3 fw-bold mb-2\">\u6e2c\u9a57\u9032\u884c\u4e2d<\/h2>\n      <p class=\"mb-2 text-muted\" data-question-counter aria-live=\"polite\">\u7b2c 1 \u984c<\/p>\n      <div class=\"progress quiz9-progress\" data-progress-wrap role=\"progressbar\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n        <div class=\"progress-bar\" data-progress-bar style=\"width:0%\"><\/div>\n      <\/div>\n    <\/header>\n\n    <main data-question-stage aria-live=\"polite\">\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question active\" data-question=\"1\" aria-labelledby=\"quiz9q1\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q1\" class=\"h4 fw-bold mb-4\">1\u3001\u4f60\u5fc3\u60c5\u4e0d\u597d\u7684\u6642\u5019\u6703\u5982\u4f55\u767c\u6d29\u60c5\u7dd2\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q1\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"2\" data-trait=\"self\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u7761\u89ba<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"3\" data-trait=\"impulse\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u82b1\u9322<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"2\" data-trait=\"cleanse\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6d17\u6fa1<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"3\" data-trait=\"social\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6ce1\u5427<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"2\" data-trait=\"freedom\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u65c5\u884c<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"2\" aria-labelledby=\"quiz9q2\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q2\" class=\"h4 fw-bold mb-4\">2\u3001\u5230\u76ee\u524d\u70ba\u6b62\uff0c\u4f60\u5617\u8a66\u904e\u7db2\u6200\u55ce\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q2\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"3\" data-trait=\"open\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e0d\u7b97\u7db2\u6200\u5427\uff0c\u96d6\u7136\u7db2\u8def\u662f\u8a8d\u8b58\u7684\u7ba1\u9053<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"4\" data-trait=\"boundary\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6c92\u8208\u8da3<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"3\" data-trait=\"open\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6c92\u6709\uff0c\u4f46\u4e0d\u6392\u65a5<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"4\" data-trait=\"intense\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6b21\u6578\u4e0d\u5c11<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"3\" data-trait=\"boundary\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e0d\u592a\u7406\u89e3<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"3\" aria-labelledby=\"quiz9q3\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q3\" class=\"h4 fw-bold mb-4\">3\u3001\u4ee5\u4f60\u76ee\u524d\u7684\u611f\u53d7\uff0c\u4f60\u662f\u5982\u4f55\u770b\u5f85\u5a5a\u59fb\u7684\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q3\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"4\" data-trait=\"realistic\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6c92\u8208\u8da3\uff0c\u4f46\u6050\u6015\u73fe\u5be6\u96e3\u9055<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"5\" data-trait=\"self\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e01\u514b<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"4\" data-trait=\"stable\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u904e\u65e5\u5b50\u9700\u8981\u7d93\u71df<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"5\" data-trait=\"split\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6200\u611b\u8207\u5a5a\u59fb\u5206\u96e2<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"4\" data-trait=\"ideal\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e00\u5b9a\u8981\u548c\u5fd7\u8da3\u76f8\u6295\u7684\u4eba\u7d50\u5a5a<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"4\" aria-labelledby=\"quiz9q4\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q4\" class=\"h4 fw-bold mb-4\">4\u3001\u4f60\u6700\u4eab\u53d7\u4ee5\u54ea\u7a2e\u65b9\u5f0f\u548c\u7570\u6027\u76f8\u8655\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q4\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"5\" data-trait=\"boundary\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4fdd\u6301\u4e00\u5b9a\u7684\u8ddd\u96e2<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"6\" data-trait=\"ambiguous\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u795e\u4ea4\uff0c\u6709\u9ede\u66d6\u6627<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"5\" data-trait=\"stable\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u54e5\u5011\u5152\u95dc\u4fc2<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"6\" data-trait=\"attention\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6210\u70ba\u88ab\u77da\u76ee\u7684\u7126\u9ede<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"5\" data-trait=\"careful\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u5c0d\u548c\u7570\u6027\u76f8\u8655\u82e6\u624b\u554a<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"5\" aria-labelledby=\"quiz9q5\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q5\" class=\"h4 fw-bold mb-4\">5\u3001\u4f60\u5c0d\u751f\u990a\u5c0f\u5b69\u5b50\u662f\u6301\u4ec0\u9ebc\u614b\u5ea6\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q5\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"6\" data-trait=\"responsible\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u990a\u4e0d\u597d\u5c31\u5225\u751f<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"7\" data-trait=\"self\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e0d\u559c\u6b61\u3001\u4e0d\u60f3\u8981\u5c0f\u5b69<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"6\" data-trait=\"warm\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u990a\u5c0f\u5b69\u8f9b\u82e6\u4f46\u5f88\u6709\u611b<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"7\" data-trait=\"freedom\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u73a9\u5920\u4e86\u624d\u6703\u751f<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"6\" data-trait=\"realistic\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u8aaa\u4e0d\u4e0a\u559c\u6b61\u4f46\u4e00\u5b9a\u6703\u751f\u990a<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"6\" aria-labelledby=\"quiz9q6\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q6\" class=\"h4 fw-bold mb-4\">6\u3001\u4e00\u500b\u4eba\u7684\u6642\u5019\uff0c\u4f60\u6703\u89ba\u5f97\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q6\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"9\" data-trait=\"self\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u5f88\u81ea\u5728<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"8\" data-trait=\"dependent\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u5f88\u7121\u8da3<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"7\" data-trait=\"stable\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u53ef\u4ee5\u81ea\u5f97\u5176\u6a02<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"8\" data-trait=\"dependent\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u679c\u7136\u9700\u8981\u6709\u4eba\u966a<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"7\" data-trait=\"sensitive\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6709\u6642\u5019\u6709\u9ede\u5bc2\u5bde<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"7\" aria-labelledby=\"quiz9q7\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q7\" class=\"h4 fw-bold mb-4\">7\u3001\u4ee5\u4e0b\u4eba\u7269\u4f60\u6700\u53ef\u80fd\u5e7b\u60f3\u81ea\u5df1\u662f\u8ab0\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q7\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"8\" data-trait=\"cool\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u6d41\u5ddd\u6953<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"9\" data-trait=\"charm\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u695a\u7559\u9999<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"8\" data-trait=\"desire\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u97cb\u5c0f\u5bf6<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"9\" data-trait=\"sensitive\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u5468\u82b7\u82e5<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"8\" data-trait=\"freedom\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u9678\u5c0f\u9cf3<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"8\" aria-labelledby=\"quiz9q8\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q8\" class=\"h4 fw-bold mb-4\">8\u3001\u4f60\u6703\u990a\u54ea\u7a2e\u52d5\u7269\u7576\u5bf5\u7269\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q8\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"9\" data-trait=\"loyal\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u72d7<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"9\" data-trait=\"independent\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u8c93<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-next=\"9\" data-trait=\"careful\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u559c\u6b61\u4f46\u4e0d\u990a<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-result=\"D\" data-trait=\"observe\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u9b5a<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-result=\"E\" data-trait=\"self\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e0d\u559c\u6b61\u990a<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-question hidden\" data-question=\"9\" aria-labelledby=\"quiz9q9\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9q9\" class=\"h4 fw-bold mb-4\">9\u3001\u4f60\u89ba\u5f97\u81ea\u5df1\u6700\u5c11\u9700\u8981\u82b1\u591a\u9577\u6642\u9593\u624d\u6703\u611b\u4e0a\u4e00\u500b\u4eba\uff1f<\/h3>\n          <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"quiz9q9\">\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-result=\"A\" data-trait=\"ideal\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e00\u500b\u77ac\u9593<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-result=\"B\" data-trait=\"impulse\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e00\u500b\u665a\u4e0a<\/span><\/button>\n            <button type=\"button\" class=\"card quiz9-option\" data-answer data-result=\"C\" data-trait=\"stable\" aria-pressed=\"false\"><span class=\"quiz9-dot\" aria-hidden=\"true\"><\/span><span>\u4e00\u500b\u661f\u671f<\/span><\/button>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <footer class=\"text-center mt-4\">\n        <button type=\"button\" class=\"btn btn-outline-secondary px-4\" data-action=\"back\" hidden>\n          <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i> \u4e0a\u4e00\u984c\n        <\/button>\n      <\/footer>\n    <\/main>\n\n    <aside class=\"quiz9-loading hidden mt-4\" data-loading role=\"status\" aria-live=\"polite\">\n      <div class=\"spinner-border spinner-border-sm me-2\" aria-hidden=\"true\"><\/div>\n      \u6b63\u5728\u6574\u7406\u7d50\u679c&#8230;\n    <\/aside>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" class=\"quiz9-page hidden\" aria-labelledby=\"quiz9ResultTitle\">\n    <header class=\"quiz9-hero text-center mb-4\">\n      <div class=\"quiz9-main-orb mx-auto mb-3\" aria-hidden=\"true\">\n        <i class=\"bi bi-flower1\"><\/i>\n      <\/div>\n      <p class=\"quiz9-eyebrow mb-2\">\u4f60\u7684\u60c5\u611f\u727d\u52d5\u5206\u6790<\/p>\n      <h2 id=\"quiz9ResultTitle\" data-focus-target tabindex=\"-1\" class=\"fw-bold mb-2\">\u4f60\u7684\u6e2c\u9a57\u7d50\u679c<\/h2>\n\n      <div data-result-summary aria-live=\"polite\">\n        <p data-result-label=\"A\" class=\"quiz9-result-label hidden mb-0\">\u7d50\u679c A\uff1a\u9019\u4e00\u8f29\u5b50\u4f60\u53ea\u6703\u8f9c\u8ca0\u4e00\u500b\u4eba<\/p>\n        <p data-result-label=\"B\" class=\"quiz9-result-label hidden mb-0\">\u7d50\u679c B\uff1a\u9019\u4e00\u8f29\u5b50\u4f60\u6703\u8f9c\u8ca0\u5341\u500b\u4eba<\/p>\n        <p data-result-label=\"C\" class=\"quiz9-result-label hidden mb-0\">\u7d50\u679c C\uff1a\u9019\u4e00\u8f29\u5b50\u4f60\u53ea\u6703\u8f9c\u8ca0\u4e09\u500b\u4eba<\/p>\n        <p data-result-label=\"D\" class=\"quiz9-result-label hidden mb-0\">\u7d50\u679c D\uff1a\u9019\u4e00\u8f29\u5b50\u4f60\u6703\u8f9c\u8ca0\u4e09\u5341\u4eba<\/p>\n        <p data-result-label=\"E\" class=\"quiz9-result-label hidden mb-0\">\u7d50\u679c E\uff1a\u9019\u4e00\u8f29\u5b50\u4f60\u8f9c\u8ca0\u7684\u4eba\u90fd\u6578\u4e0d\u904e\u4f86<\/p>\n      <\/div>\n    <\/header>\n\n    <main>\n      <article class=\"card border-0 shadow-sm rounded-4 quiz9-glass-card mb-4\">\n        <div class=\"card-body p-4 p-md-5\">\n          <section data-result-panel=\"A\" class=\"quiz9-result-panel hidden\">\n            <h3 class=\"h4 fw-bold mb-3\">A\u3001\u9019\u4e00\u8f29\u5b50\u4f60\u53ea\u6703\u8f9c\u8ca0\u4e00\u500b\u4eba<\/h3>\n            <p>\u4f60\u9019\u4e00\u751f\u8f9c\u8ca0\u6700\u5927\u7684\u4eba\u5c31\u662f\u4f60\u81ea\u5df1\u3002\u4f60\u5c0d\u611f\u60c5\u7c21\u55ae\u800c\u7406\u60f3\u5316\uff0c\u540c\u6642\u53c8\u5f88\u6e05\u695a\u73fe\u5be6\u7684\u9650\u5236\u3002\u4f60\u53ef\u80fd\u6703\u56e0\u4e00\u77ac\u9593\u611b\u4e0a\u4e00\u500b\u4eba\uff0c\u4e5f\u53ef\u80fd\u56e0\u4e00\u53e5\u8a71\u6216\u4e00\u500b\u773c\u795e\u5ffd\u7136\u5e7b\u6ec5\u3002<\/p>\n            <p class=\"mb-0\">\u4f60\u771f\u6b63\u9700\u8981\u8655\u7406\u7684\u4e0d\u662f\u5982\u4f55\u6eff\u8db3\u6240\u6709\u4eba\uff0c\u800c\u662f\u4e0d\u8981\u9577\u671f\u5ffd\u7565\u81ea\u5df1\u7684\u611f\u53d7\u3002<\/p>\n          <\/section>\n\n          <section data-result-panel=\"B\" class=\"quiz9-result-panel hidden\">\n            <h3 class=\"h4 fw-bold mb-3\">B\u3001\u9019\u4e00\u8f29\u5b50\u4f60\u6703\u8f9c\u8ca0\u5341\u500b\u4eba<\/h3>\n            <p>\u4f60\u8868\u9762\u770b\u4f3c\u7406\u667a\u701f\u7051\uff0c\u5be6\u969b\u4e0a\u5167\u5728\u6709\u4e0d\u7a69\u5b9a\u7684\u885d\u52d5\u3002\u4f60\u6703\u898f\u5283\u4eba\u751f\uff0c\u4f46\u4e5f\u5bb9\u6613\u88ab\u8a08\u756b\u5916\u7684\u60c5\u7dd2\u6216\u95dc\u4fc2\u6253\u4e82\u3002<\/p>\n            <p class=\"mb-0\">\u4f60\u9700\u8981\u964d\u4f4e\u95dc\u4fc2\u88e1\u7684\u5373\u8208\u6210\u5206\uff0c\u5c24\u5176\u5728\u66d6\u6627\u3001\u5fc3\u52d5\u8207\u6df7\u4e82\u6642\uff0c\u66f4\u8981\u628a\u754c\u7dda\u8b1b\u6e05\u695a\u3002<\/p>\n          <\/section>\n\n          <section data-result-panel=\"C\" class=\"quiz9-result-panel hidden\">\n            <h3 class=\"h4 fw-bold mb-3\">C\u3001\u9019\u4e00\u8f29\u5b50\u4f60\u53ea\u6703\u8f9c\u8ca0\u4e09\u500b\u4eba<\/h3>\n            <p>\u4f60\u6bd4\u8f03\u80fd\u5b89\u65bc\u73fe\u72c0\uff0c\u4e5f\u5bb9\u6613\u88ab\u751f\u6d3b\u88e1\u7684\u5c0f\u4e8b\u6eff\u8db3\u3002\u4f60\u5167\u5fc3\u76f8\u5c0d\u660e\u4eae\uff0c\u60f3\u8981\u4ec0\u9ebc\u901a\u5e38\u6703\u4e3b\u52d5\u722d\u53d6\u3002<\/p>\n            <p class=\"mb-0\">\u4f60\u7684\u95dc\u4fc2\u98a8\u96aa\u4e0d\u9ad8\uff0c\u4f46\u5931\u671b\u7d2f\u7a4d\u5230\u81e8\u754c\u9ede\u6642\uff0c\u5bb9\u6613\u4e00\u6b21\u6027\u5207\u65b7\u95dc\u4fc2\u3002<\/p>\n          <\/section>\n\n          <section data-result-panel=\"D\" class=\"quiz9-result-panel hidden\">\n            <h3 class=\"h4 fw-bold mb-3\">D\u3001\u9019\u4e00\u8f29\u5b50\u4f60\u6703\u8f9c\u8ca0\u4e09\u5341\u4eba<\/h3>\n            <p>\u4f60\u5c0d\u4eba\u8207\u95dc\u4fc2\u6709\u660e\u986f\u7684\u89c0\u5bdf\u8207\u9078\u64c7\u80fd\u529b\uff0c\u4e5f\u5e36\u6709\u7af6\u722d\u5fc3\u8207\u7b56\u7565\u611f\u3002\u4f60\u6b23\u8cde\u91ce\u5fc3\uff0c\u4e5f\u4e0d\u6392\u65a5\u5728\u4e0d\u540c\u5834\u666f\u5207\u63db\u4e0d\u540c\u9762\u8c8c\u3002<\/p>\n            <p class=\"mb-0\">\u4f60\u7684\u5438\u5f15\u529b\u5bb9\u6613\u8b93\u4eba\u9760\u8fd1\uff0c\u4f46\u4f60\u66f4\u9700\u8981\u8fa8\u8a8d\u9b45\u529b\u8207\u50b7\u5bb3\u4e4b\u9593\u7684\u754c\u7dda\u3002<\/p>\n          <\/section>\n\n          <section data-result-panel=\"E\" class=\"quiz9-result-panel hidden\">\n            <h3 class=\"h4 fw-bold mb-3\">E\u3001\u9019\u4e00\u8f29\u5b50\u4f60\u8f9c\u8ca0\u7684\u4eba\u90fd\u6578\u4e0d\u904e\u4f86<\/h3>\n            <p>\u4f60\u540c\u6642\u6709\u96a8\u6027\u8207\u56fa\u57f7\u5169\u7a2e\u7279\u8cea\u3002\u4f60\u6703\u5c0d\u5728\u4e4e\u7684\u4eba\u975e\u5e38\u597d\uff0c\u4e5f\u53ef\u80fd\u5c0d\u4e0d\u5728\u4e4e\u7684\u4eba\u4fdd\u6301\u51b7\u6de1\u751a\u81f3\u5f37\u786c\u3002<\/p>\n            <p class=\"mb-0\">\u4f60\u7684\u95dc\u4fc2\u6a21\u5f0f\u5f88\u4f9d\u8cf4\u500b\u4eba\u597d\u60e1\u3002\u8d8a\u662f\u5982\u6b64\uff0c\u8d8a\u9700\u8981\u63d0\u524d\u8aaa\u6e05\u695a\u754c\u7dda\uff0c\u800c\u4e0d\u662f\u8b93\u5c0d\u65b9\u81ea\u5df1\u627f\u64d4\u843d\u5dee\u3002<\/p>\n          <\/section>\n        <\/div>\n      <\/article>\n\n      <section class=\"card border-0 shadow-sm rounded-4 mb-4\" aria-labelledby=\"quiz9ChartTitle\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9ChartTitle\" class=\"h4 fw-bold mb-3\">\u591a\u7dad\u5ea6\u5206\u6578\u5716<\/h3>\n          <div class=\"quiz9-chart-box\">\n            <canvas id=\"quiz9Chart\" data-chart aria-label=\"\u591a\u7dad\u5ea6\u5206\u6578\u5716\u8868\" role=\"img\"><\/canvas>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"card border-0 shadow-sm rounded-4 mb-4\" aria-labelledby=\"quiz9RangeTitle\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9RangeTitle\" class=\"h4 fw-bold mb-3\">\u6574\u9ad4\u727d\u52d5\u4f4d\u7f6e<\/h3>\n          <div class=\"quiz9-range\" aria-hidden=\"true\">\n            <div class=\"quiz9-band quiz9-band-a\">\u4f4e\u727d\u52d5<\/div>\n            <div class=\"quiz9-band quiz9-band-b\">\u4e2d\u4f4e<\/div>\n            <div class=\"quiz9-band quiz9-band-c\">\u4e2d\u5ea6<\/div>\n            <div class=\"quiz9-band quiz9-band-d\">\u504f\u9ad8<\/div>\n            <div class=\"quiz9-band quiz9-band-e\">\u9ad8\u727d\u52d5<\/div>\n            <span class=\"quiz9-marker\" data-score-marker><\/span>\n          <\/div>\n          <div class=\"quiz9-legend mt-3\">\n            <span>A\uff1a1 \u4eba<\/span>\n            <span>C\uff1a3 \u4eba<\/span>\n            <span>B\uff1a10 \u4eba<\/span>\n            <span>D\uff1a30 \u4eba<\/span>\n            <span>E\uff1a\u6578\u4e0d\u904e\u4f86<\/span>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"card border-0 shadow-sm rounded-4 mb-4\" aria-labelledby=\"quiz9PathTitle\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9PathTitle\" class=\"h4 fw-bold mb-3\">\u4f60\u7684\u9078\u64c7\u8def\u5f91\u6458\u8981<\/h3>\n          <div class=\"quiz9-path-grid\" data-path-summary aria-live=\"polite\">\n            <span data-path-item=\"1\">\u7b2c 1 \u984c\uff1a\u5c1a\u672a\u9078\u64c7<\/span>\n            <span data-path-item=\"2\">\u7b2c 2 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n            <span data-path-item=\"3\">\u7b2c 3 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n            <span data-path-item=\"4\">\u7b2c 4 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n            <span data-path-item=\"5\">\u7b2c 5 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n            <span data-path-item=\"6\">\u7b2c 6 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n            <span data-path-item=\"7\">\u7b2c 7 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n            <span data-path-item=\"8\">\u7b2c 8 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n            <span data-path-item=\"9\">\u7b2c 9 \u984c\uff1a\u5c1a\u672a\u9032\u5165<\/span>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"card border-0 shadow-sm rounded-4 mb-4\" aria-labelledby=\"quiz9AdviceTitle\">\n        <div class=\"card-body p-4\">\n          <h3 id=\"quiz9AdviceTitle\" class=\"h4 fw-bold mb-3\">\u500b\u4eba\u5316\u5efa\u8b70<\/h3>\n          <p data-advice=\"A\" class=\"quiz9-advice hidden mb-0\">\u8acb\u628a\u300c\u6211\u60f3\u8981\u4ec0\u9ebc\u300d\u653e\u56de\u6c7a\u7b56\u4e2d\u5fc3\u3002\u4e0d\u8981\u53ea\u9760\u77ac\u9593\u611f\u53d7\u9032\u5165\u95dc\u4fc2\uff0c\u4e5f\u4e0d\u8981\u56e0\u4e00\u6b21\u5e7b\u6ec5\u5168\u76e4\u5426\u5b9a\u81ea\u5df1\u3002<\/p>\n          <p data-advice=\"B\" class=\"quiz9-advice hidden mb-0\">\u4f60\u7684\u91cd\u9ede\u662f\u964d\u4f4e\u885d\u52d5\u6210\u672c\u3002\u5fc3\u52d5\u6642\u4e0d\u8981\u6025\u8457\u627f\u8afe\uff0c\u6df7\u4e82\u6642\u4e0d\u8981\u6025\u8457\u5207\u65b7\uff0c\u5148\u78ba\u8a8d\u754c\u7dda\u8207\u5f8c\u679c\u3002<\/p>\n          <p data-advice=\"C\" class=\"quiz9-advice hidden mb-0\">\u4f60\u7684\u95dc\u4fc2\u7a69\u5b9a\u5ea6\u8f03\u9ad8\uff0c\u4f46\u4e0d\u9069\u5408\u9577\u671f\u58d3\u6291\u4e0d\u6eff\u3002\u8d8a\u65e9\u8aaa\u51fa\u4e0d\u8212\u670d\uff0c\u8d8a\u4e0d\u5bb9\u6613\u8d70\u5230\u4e0d\u53ef\u9006\u7684\u65b7\u88c2\u3002<\/p>\n          <p data-advice=\"D\" class=\"quiz9-advice hidden mb-0\">\u4f60\u9700\u8981\u5340\u5206\u5438\u5f15\u529b\u8207\u8cac\u4efb\u3002\u6709\u4eba\u88ab\u4f60\u5438\u5f15\uff0c\u4e0d\u4ee3\u8868\u4f60\u53ef\u4ee5\u4e0d\u4ea4\u4ee3\u3001\u4e0d\u56de\u61c9\u6216\u628a\u95dc\u4fc2\u5de5\u5177\u5316\u3002<\/p>\n          <p data-advice=\"E\" class=\"quiz9-advice hidden mb-0\">\u4f60\u7684\u81ea\u6211\u610f\u5fd7\u5f88\u5f37\u3002\u8acb\u628a\u559c\u6b61\u3001\u4e0d\u559c\u6b61\u3001\u9858\u610f\u3001\u4e0d\u9858\u610f\u8aaa\u6e05\u695a\uff0c\u6e1b\u5c11\u5225\u4eba\u5c0d\u4f60\u7684\u8aa4\u8b80\u8207\u671f\u5f85\u843d\u5dee\u3002<\/p>\n        <\/div>\n      <\/section>\n\n      <footer class=\"text-center\">\n        <button type=\"button\" class=\"btn quiz9-primary-btn px-5\" data-action=\"restart\">\n          \u91cd\u65b0\u6e2c\u9a57\n        <\/button>\n      <\/footer>\n    <\/main>\n  <\/section>\n<\/div>\n\n<style>\n#wpQuiz9{max-width:750px;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",Arial,sans-serif;color:#2f3432;font-size:16px;line-height:1.7;contain:layout paint style}\n#wpQuiz9 *{box-sizing:border-box}\n#wpQuiz9 .hidden{display:none!important}\n#wpQuiz9 .active{display:block}\n#wpQuiz9 h1{font-size:clamp(2rem,6vw,2.5rem);line-height:1.18}\n#wpQuiz9 h2{font-size:clamp(1.5rem,5vw,2rem)}\n#wpQuiz9 h3{font-size:clamp(1.22rem,4vw,1.5rem);line-height:1.4}\n#wpQuiz9 .quiz9-page{padding:24px 8px}\n#wpQuiz9 .quiz9-hero{position:relative;padding:32px 14px 24px;overflow:hidden;contain:layout paint}\n#wpQuiz9 .quiz9-hero-icons{position:absolute;inset:0;pointer-events:none}\n#wpQuiz9 .quiz9-float-icon{position:absolute;width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#f6efe0;color:#66775d;box-shadow:0 10px 24px rgba(63,72,58,.11)}\n#wpQuiz9 .quiz9-float-icon-a{left:4%;top:20%}\n#wpQuiz9 .quiz9-float-icon-b{right:7%;top:12%;background:#edf4e9}\n#wpQuiz9 .quiz9-float-icon-c{right:13%;bottom:10%;background:#f4ead8}\n#wpQuiz9 .quiz9-main-orb{width:104px;height:104px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff8df 0,#e7d4a8 38%,#cddfc9 100%);box-shadow:0 18px 46px rgba(75,86,67,.18);font-size:2.55rem;color:#536b57;transition:transform .2s ease}\n#wpQuiz9 .quiz9-main-orb:hover{transform:translateY(-2px)}\n#wpQuiz9 .quiz9-eyebrow{font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:#66755f;font-weight:800}\n#wpQuiz9 .quiz9-subtitle{max-width:620px;font-size:1.06rem;color:#4d554d}\n#wpQuiz9 .quiz9-glass-card{background:linear-gradient(135deg,#fffaf2 0%,#f4fbf5 55%,#f7f1df 100%)}\n#wpQuiz9 .quiz9-intro-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch}\n#wpQuiz9 .quiz9-intro-card{padding:20px;border-radius:24px;background:rgba(255,255,255,.58);border:1px solid rgba(104,123,91,.14)}\n#wpQuiz9 .quiz9-preview-grid{display:grid;grid-template-columns:1fr;gap:16px}\n#wpQuiz9 .quiz9-mini-card{padding:20px;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(55,65,50,.07);border:1px solid #edf0e9;contain:layout paint;transition:transform .18s ease,box-shadow .18s ease}\n#wpQuiz9 .quiz9-mini-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(55,65,50,.1)}\n#wpQuiz9 .quiz9-mini-card i{display:inline-flex;width:44px;height:44px;border-radius:999px;align-items:center;justify-content:center;background:#edf4e9;color:#63785d;font-size:1.35rem;margin-bottom:12px}\n#wpQuiz9 .quiz9-primary-btn{min-height:52px;border:0;border-radius:999px;background:linear-gradient(135deg,#8fae8f,#d9bd83);color:#1f2a22;font-weight:800;box-shadow:0 14px 32px rgba(89,99,75,.2);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}\n#wpQuiz9 .quiz9-primary-btn:hover,#wpQuiz9 .quiz9-primary-btn:focus-visible{transform:translateY(-1px);filter:saturate(1.04);box-shadow:0 16px 36px rgba(89,99,75,.26)}\n#wpQuiz9 .quiz9-progress{height:10px;border-radius:999px;background:#edf1e9;overflow:hidden}\n#wpQuiz9 .progress-bar{background:linear-gradient(90deg,#9eb795,#d7bc86)}\n#wpQuiz9 .quiz9-question{contain:layout paint;transition:opacity .16s ease,transform .16s ease}\n#wpQuiz9 .quiz9-option{min-height:56px;width:100%;border:1px solid #dfe7dc;border-radius:18px;background:#fff;padding:14px 16px;text-align:left;color:#2f3432;display:flex;flex-direction:row;align-items:center;gap:12px;box-shadow:0 6px 18px rgba(55,65,50,.06);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}\n#wpQuiz9 .quiz9-option:hover{transform:translateY(-1px);border-color:#a9bea5;background:#fbf8ef;box-shadow:0 10px 24px rgba(55,65,50,.1)}\n#wpQuiz9 .quiz9-option[aria-pressed=\"true\"]{border-color:#78936f;background:#eef7ec;box-shadow:0 0 0 3px rgba(120,147,111,.18)}\n#wpQuiz9 .quiz9-dot{width:24px;height:24px;min-width:24px;border-radius:999px;border:2px solid #aab8a6;display:inline-flex;align-items:center;justify-content:center}\n#wpQuiz9 .quiz9-option[aria-pressed=\"true\"] .quiz9-dot{background:#78936f;border-color:#78936f}\n#wpQuiz9 .quiz9-option[aria-pressed=\"true\"] .quiz9-dot::after{content:\"\u2713\";font-size:14px;color:#fff;font-weight:900;line-height:1}\n#wpQuiz9 .quiz9-loading{display:flex;align-items:center;justify-content:center;color:#596451}\n#wpQuiz9 .quiz9-result-label{font-size:1.02rem;color:#4d554d;font-weight:700}\n#wpQuiz9 .quiz9-chart-box{position:relative;min-height:320px;max-width:620px;margin:0 auto}\n#wpQuiz9 .quiz9-range{position:relative;display:grid;grid-template-columns:repeat(5,1fr);min-height:56px;border-radius:999px;overflow:visible;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}\n#wpQuiz9 .quiz9-band{display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#2f3432;padding:8px 4px;text-align:center}\n#wpQuiz9 .quiz9-band-a{background:#e8f0df;border-radius:999px 0 0 999px}\n#wpQuiz9 .quiz9-band-b{background:#f2ecd6}\n#wpQuiz9 .quiz9-band-c{background:#eadfca}\n#wpQuiz9 .quiz9-band-d{background:#dfd8c3}\n#wpQuiz9 .quiz9-band-e{background:#d6cbb7;border-radius:0 999px 999px 0}\n#wpQuiz9 .quiz9-marker{position:absolute;top:50%;left:10%;width:18px;height:18px;border-radius:999px;background:#b95045;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.18);transform:translate(-50%,-50%);transition:left .2s ease}\n#wpQuiz9 .quiz9-legend{display:grid;grid-template-columns:1fr;gap:8px;font-size:.92rem;color:#4b554b}\n#wpQuiz9 .quiz9-path-grid{display:grid;grid-template-columns:1fr;gap:8px}\n#wpQuiz9 .quiz9-path-grid span{display:block;padding:10px 12px;border-radius:14px;background:#f7f4ea;border:1px solid #ece5d3;color:#3f473f}\n#wpQuiz9 button{touch-action:manipulation}\n#wpQuiz9 [tabindex=\"-1\"]:focus{outline:none}\n@media (min-width:576px){\n  #wpQuiz9{font-size:17px}\n  #wpQuiz9 .quiz9-page{padding:32px 16px}\n  #wpQuiz9 .quiz9-preview-grid{grid-template-columns:repeat(3,1fr)}\n  #wpQuiz9 .quiz9-legend{grid-template-columns:repeat(5,1fr);text-align:center}\n  #wpQuiz9 .quiz9-path-grid{grid-template-columns:repeat(2,1fr)}\n  #wpQuiz9 .quiz9-chart-box{min-height:360px}\n}\n@media (min-width:768px){\n  #wpQuiz9 .quiz9-page{padding:40px 0}\n  #wpQuiz9 .quiz9-intro-grid{grid-template-columns:1.4fr .8fr}\n  #wpQuiz9 .quiz9-option{padding:16px 18px}\n}\n<\/style>\n\n<script>\n(() => {\n  \"use strict\";\n\n  class QuizNine {\n    constructor(root) {\n      this.root = root;\n      this.pages = {\n        intro: root.querySelector('[data-page=\"intro9\"]'),\n        quiz: root.querySelector('[data-page=\"quiz9\"]'),\n        result: root.querySelector('[data-page=\"result9\"]')\n      };\n      this.questions = [...root.querySelectorAll(\"[data-question]\")];\n      this.counter = root.querySelector(\"[data-question-counter]\");\n      this.progressWrap = root.querySelector(\"[data-progress-wrap]\");\n      this.progressBar = root.querySelector(\"[data-progress-bar]\");\n      this.backBtn = root.querySelector('[data-action=\"back\"]');\n      this.loading = root.querySelector(\"[data-loading]\");\n      this.marker = root.querySelector(\"[data-score-marker]\");\n      this.chartCanvas = root.querySelector(\"[data-chart]\");\n      this.pathItems = [...root.querySelectorAll(\"[data-path-item]\")];\n\n      this.chart = null;\n      this.current = \"1\";\n      this.history = [];\n      this.answers = [];\n\n      this.resultScores = { A: 12, C: 34, B: 56, D: 78, E: 94 };\n      this.dimensionMap = {\n        A: [88, 42, 36, 72],\n        B: [66, 80, 58, 74],\n        C: [48, 46, 84, 62],\n        D: [78, 88, 50, 82],\n        E: [94, 72, 34, 86]\n      };\n\n      this.onDelegatedClick = this.throttle(this.handleClick.bind(this), 260);\n      this.onResize = this.debounce(() => {\n        if (this.chart) this.chart.resize();\n      }, 160);\n\n      this.root.addEventListener(\"click\", this.onDelegatedClick);\n      window.addEventListener(\"resize\", this.onResize, { passive: true });\n      this.setQuestion(\"1\", false);\n    }\n\n    throttle(fn, wait) {\n      let locked = false;\n      return (...args) => {\n        if (locked) return;\n        locked = true;\n        fn(...args);\n        window.setTimeout(() => { locked = false; }, wait);\n      };\n    }\n\n    debounce(fn, wait) {\n      let timer = 0;\n      return (...args) => {\n        window.clearTimeout(timer);\n        timer = window.setTimeout(() => fn(...args), wait);\n      };\n    }\n\n    async handleClick(event) {\n      const action = event.target.closest(\"[data-action]\");\n      const answer = event.target.closest(\"[data-answer]\");\n\n      if (action && this.root.contains(action)) {\n        if (action.dataset.action === \"start\") this.start();\n        if (action.dataset.action === \"back\") this.goBack();\n        if (action.dataset.action === \"restart\") this.restart();\n        return;\n      }\n\n      if (answer && this.root.contains(answer)) {\n        await this.choose(answer);\n      }\n    }\n\n    start() {\n      this.showPage(\"quiz\");\n      this.setQuestion(\"1\", false);\n    }\n\n    restart() {\n      this.history = [];\n      this.answers = [];\n      this.current = \"1\";\n      this.clearSelections();\n      this.hideResultContent();\n      this.resetPathSummary();\n      this.destroyChart();\n      this.setQuestion(\"1\", false);\n      this.showPage(\"intro\");\n    }\n\n    showPage(pageName) {\n      window.requestAnimationFrame(() => {\n        Object.values(this.pages).forEach(page => {\n          page.classList.add(\"hidden\");\n          page.classList.remove(\"active\");\n        });\n\n        this.pages[pageName].classList.remove(\"hidden\");\n        this.pages[pageName].classList.add(\"active\");\n\n        const target = this.pages[pageName].querySelector(\"[data-focus-target]\");\n        if (target) target.focus({ preventScroll: true });\n      });\n    }\n\n    setQuestion(id, shouldPush = true) {\n      if (shouldPush) this.history.push(this.current);\n      this.current = String(id);\n\n      window.requestAnimationFrame(() => {\n        this.questions.forEach(question => {\n          const active = question.dataset.question === this.current;\n          question.classList.toggle(\"hidden\", !active);\n          question.classList.toggle(\"active\", active);\n        });\n\n        const index = this.questions.findIndex(question => question.dataset.question === this.current);\n        const percent = Math.max(0, Math.round((index \/ Math.max(this.questions.length - 1, 1)) * 100));\n\n        this.counter.textContent = `\u7b2c ${this.current} \u984c`;\n        this.progressWrap.setAttribute(\"aria-valuenow\", String(percent));\n        this.progressBar.style.width = `${percent}%`;\n        this.backBtn.hidden = this.history.length === 0;\n      });\n    }\n\n    async choose(button) {\n      const question = button.closest(\"[data-question]\");\n      const buttons = [...question.querySelectorAll(\"[data-answer]\")];\n\n      buttons.forEach(item => item.setAttribute(\"aria-pressed\", \"false\"));\n      button.setAttribute(\"aria-pressed\", \"true\");\n\n      this.answers = this.answers.filter(item => item.question !== this.current);\n      this.answers.push({\n        question: this.current,\n        text: button.textContent.trim(),\n        trait: button.dataset.trait || \"\",\n        next: button.dataset.next || \"\",\n        result: button.dataset.result || \"\"\n      });\n\n      await this.wait(140);\n\n      if (button.dataset.result) {\n        await this.submit(button.dataset.result);\n        return;\n      }\n\n      this.setQuestion(button.dataset.next, true);\n    }\n\n    goBack() {\n      if (!this.history.length) return;\n      const previous = this.history.pop();\n      this.answers = this.answers.filter(item => item.question !== this.current);\n      this.setQuestion(previous, false);\n    }\n\n    async submit(result) {\n      try {\n        this.loading.classList.remove(\"hidden\");\n        await this.wait(320);\n        this.progressWrap.setAttribute(\"aria-valuenow\", \"100\");\n        this.progressBar.style.width = \"100%\";\n        this.renderResult(result);\n        this.showPage(\"result\");\n      } catch (error) {\n        this.hideResultContent();\n      } finally {\n        this.loading.classList.add(\"hidden\");\n      }\n    }\n\n    renderResult(result) {\n      this.hideResultContent();\n\n      const panel = this.root.querySelector(`[data-result-panel=\"${result}\"]`);\n      const label = this.root.querySelector(`[data-result-label=\"${result}\"]`);\n      const advice = this.root.querySelector(`[data-advice=\"${result}\"]`);\n\n      if (panel) panel.classList.remove(\"hidden\");\n      if (label) label.classList.remove(\"hidden\");\n      if (advice) advice.classList.remove(\"hidden\");\n\n      this.marker.style.left = `${this.resultScores[result] || 50}%`;\n      this.updatePathSummary();\n      this.renderChart(result);\n    }\n\n    hideResultContent() {\n      this.root.querySelectorAll(\"[data-result-panel], [data-result-label], [data-advice]\").forEach(item => {\n        item.classList.add(\"hidden\");\n      });\n    }\n\n    updatePathSummary() {\n      this.resetPathSummary();\n\n      this.answers.forEach(answer => {\n        const item = this.root.querySelector(`[data-path-item=\"${answer.question}\"]`);\n        if (item) item.textContent = `\u7b2c ${answer.question} \u984c\uff1a${answer.text}`;\n      });\n    }\n\n    resetPathSummary() {\n      this.pathItems.forEach(item => {\n        const number = item.dataset.pathItem;\n        item.textContent = number === \"1\" ? \"\u7b2c 1 \u984c\uff1a\u5c1a\u672a\u9078\u64c7\" : `\u7b2c ${number} \u984c\uff1a\u5c1a\u672a\u9032\u5165`;\n      });\n    }\n\n    clearSelections() {\n      this.root.querySelectorAll(\"[data-answer]\").forEach(button => {\n        button.setAttribute(\"aria-pressed\", \"false\");\n      });\n    }\n\n    renderChart(result) {\n      this.destroyChart();\n\n      const ctx = this.chartCanvas.getContext(\"2d\");\n      const scores = this.dimensionMap[result] || [50, 50, 50, 50];\n\n      this.chart = new Chart(ctx, {\n        type: \"radar\",\n        data: {\n          labels: [\"\u81ea\u6211\u610f\u5fd7\", \"\u95dc\u4fc2\u727d\u52d5\", \"\u7a69\u5b9a\u7d93\u71df\", \"\u60c5\u611f\u5f37\u5ea6\"],\n          datasets: [{\n            label: \"\u4f60\u7684\u50be\u5411\u5206\u6578\",\n            data: scores,\n            backgroundColor: \"rgba(151,174,139,0.22)\",\n            borderColor: \"rgba(112,137,101,0.95)\",\n            pointBackgroundColor: \"rgba(183,137,93,0.95)\",\n            pointBorderColor: \"#ffffff\",\n            pointRadius: 4,\n            borderWidth: 2\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          animation: { duration: 180 },\n          plugins: {\n            legend: {\n              position: \"bottom\",\n              labels: {\n                font: { size: 18 },\n                color: \"#2f3432\",\n                boxWidth: 18\n              }\n            },\n            tooltip: { enabled: true }\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: { display: false, stepSize: 20 },\n              pointLabels: {\n                font: { size: 18 },\n                color: \"#2f3432\"\n              },\n              grid: { color: \"rgba(79,91,76,0.14)\" },\n              angleLines: { color: \"rgba(79,91,76,0.14)\" }\n            }\n          }\n        }\n      });\n    }\n\n    destroyChart() {\n      if (this.chart) {\n        this.chart.destroy();\n        this.chart = null;\n      }\n    }\n\n    wait(ms) {\n      return new Promise(resolve => window.setTimeout(resolve, ms));\n    }\n  }\n\n  const root = document.querySelector('[data-quiz-root=\"quiz9\"]');\n  if (root) new QuizNine(root);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u5c0f\u6d4b\u8bd5\uff1a\u4f60\u8fd9\u8f88\u5b50\u4f1a\u8f9c\u8d1f\u591a\u5c11\u4eba\uff1f<br \/>\n1\u3001\u4f60\u5fc3\u60c5\u4e0d\u597d\u7684\u65f6\u5019\u4f1a\u5982\u4f55\u53d1\u6cc4\u60c5\u7eea\uff1f<\/p>","protected":false},"author":19,"featured_media":10728,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","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,175],"tags":[],"class_list":["post-2490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personality","category-relationships"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2490","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=2490"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2490\/revisions"}],"predecessor-version":[{"id":10741,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2490\/revisions\/10741"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media\/10728"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}