{"id":2808,"date":"2023-10-29T12:10:15","date_gmt":"2023-10-29T04:10:15","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2808"},"modified":"2026-05-18T00:25:35","modified_gmt":"2026-05-17T16:25:35","slug":"low-self-esteem-causes","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/low-self-esteem-causes","title":{"rendered":"\u81ea\u5351\u539f\u56e0\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0824\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=\"quizapp10\" data-quiz-app=\"quiz10\" lang=\"zh-Hant-TW\">\n  <section id=\"quizintro10\" data-page=\"intro10\">\n    <div data-panel=\"hero\">\n      <div data-floating-icons=\"true\" aria-hidden=\"true\">\n        <span data-orb=\"one\"><i class=\"bi bi-stars\"><\/i><\/span>\n        <span data-orb=\"two\"><i class=\"bi bi-heart\"><\/i><\/span>\n        <span data-orb=\"three\"><i class=\"bi bi-person-check\"><\/i><\/span>\n      <\/div>\n\n      <header data-hero-header=\"true\">\n        <p data-kicker=\"true\">\u81ea\u6211\u7406\u89e3\u30fb\u6eab\u67d4\u89ba\u5bdf<\/p>\n        <h1 tabindex=\"-1\" data-title=\"intro\">\u81ea\u5351\u539f\u56e0\u6e2c\u9a57<\/h1>\n        <p data-subtitle=\"true\">\n          \u81ea\u5351\u611f\u6709\u6642\u6703\u63d0\u9192\u6211\u5011\u60f3\u8b8a\u5f97\u66f4\u597d\uff0c\u4f46\u82e5\u904e\u65bc\u6c89\u91cd\uff0c\u4e5f\u53ef\u80fd\u8b93\u4eba\u754f\u7e2e\u4e0d\u524d\u3002\n          \u9019\u4efd\u6e2c\u9a57\u5c07\u5354\u52a9\u4f60\u521d\u6b65\u770b\u898b\u81ea\u5351\u611f\u53ef\u80fd\u4f86\u81ea\u54ea\u4e00\u985e\u539f\u56e0\u3002\n        <\/p>\n      <\/header>\n\n      <div data-info-grid=\"true\">\n        <article data-info-card=\"true\">\n          <i class=\"bi bi-ui-checks\" aria-hidden=\"true\"><\/i>\n          <h2>24 \u984c<\/h2>\n          <p>\u6bcf\u984c\u4e09\u500b\u9078\u9805\uff0c\u8acb\u9078\u64c7\u6700\u7b26\u5408\u4f60\u771f\u5be6\u72c0\u614b\u7684\u4e00\u9805\u3002<\/p>\n        <\/article>\n        <article data-info-card=\"true\">\n          <i class=\"bi bi-graph-up-arrow\" aria-hidden=\"true\"><\/i>\n          <h2>\u539f\u56e0\u5206\u6790<\/h2>\n          <p>\u5b8c\u6210\u5f8c\u6703\u5448\u73fe\u81ea\u5351\u539f\u56e0\u985e\u578b\u8207\u591a\u9762\u5411\u5206\u6578\u7d50\u69cb\u3002<\/p>\n        <\/article>\n        <article data-info-card=\"true\">\n          <i class=\"bi bi-shield-lock\" aria-hidden=\"true\"><\/i>\n          <h2>\u5373\u6642\u8a08\u7b97<\/h2>\n          <p>\u672c\u6e2c\u9a57\u4e0d\u5132\u5b58\u7d50\u679c\uff0c\u6240\u6709\u8a08\u7b97\u90fd\u5728\u4f60\u7684\u700f\u89bd\u5668\u5167\u5b8c\u6210\u3002<\/p>\n        <\/article>\n      <\/div>\n\n      <aside data-note=\"true\">\n        <strong>\u63d0\u9192\uff1a<\/strong>\u672c\u6e2c\u9a57\u50c5\u4f9b\u81ea\u6211\u89ba\u5bdf\u8207\u751f\u6d3b\u53cd\u601d\u4f7f\u7528\uff0c\u4e0d\u80fd\u53d6\u4ee3\u5fc3\u7406\u8aee\u5546\u3001\u81e8\u5e8a\u5fc3\u7406\u8a55\u4f30\u6216\u91ab\u7642\u8a3a\u65b7\u3002\n        \u5982\u679c\u81ea\u5351\u611f\u5df2\u9577\u671f\u5f71\u97ff\u751f\u6d3b\u3001\u5b78\u696d\u3001\u5de5\u4f5c\u6216\u4eba\u969b\u95dc\u4fc2\uff0c\u5efa\u8b70\u5c0b\u6c42\u5c08\u696d\u5354\u52a9\u3002\n      <\/aside>\n\n      <div data-actions=\"center\">\n        <button type=\"button\" class=\"btn\" data-action=\"start\">\n          <i class=\"bi bi-play-fill\" aria-hidden=\"true\"><\/i>\n          \u958b\u59cb\u6e2c\u9a57\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizmain10\" data-page=\"quiz10\" hidden>\n    <div data-panel=\"quiz\">\n      <header data-quiz-header=\"true\">\n        <p data-kicker=\"true\">\u8acb\u4f9d\u7167\u76f4\u89ba\u8207\u771f\u5be6\u7d93\u9a57\u4f5c\u7b54<\/p>\n        <h2 tabindex=\"-1\" data-title=\"quiz\">\u7b2c <span data-current-question>1<\/span> \u984c\uff0f\u5171 <span data-total-questions>24<\/span> \u984c<\/h2>\n\n        <div data-progress-wrap=\"true\" aria-label=\"\u4f5c\u7b54\u9032\u5ea6\">\n          <div class=\"progress\" role=\"progressbar\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\" data-progress-role=\"bar\">\n            <div class=\"progress-bar\" data-progress-bar style=\"width: 0%\"><\/div>\n          <\/div>\n        <\/div>\n\n        <p data-status=\"quiz\" aria-live=\"polite\">\u8acb\u9078\u64c7\u6700\u7b26\u5408\u4f60\u7684\u7b54\u6848\u3002<\/p>\n      <\/header>\n\n      <form data-quiz-form=\"true\">\n        <article data-question=\"0\" data-dim=\"body\">\n          <p data-dim-label=\"true\">\u5916\u8c8c\u8207\u8eab\u9ad4\u81ea\u4fe1<\/p>\n          <h3>\u4f60\u7684\u8eab\u9ad8\u8207\u5468\u570d\u4eba\u76f8\u6bd4\u5982\u4f55\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u592a\u77ee\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5dee\u4e0d\u591a\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u5f88\u9ad8\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"1\" data-dim=\"body\" hidden>\n          <p data-dim-label=\"true\">\u5916\u8c8c\u8207\u8eab\u9ad4\u81ea\u4fe1<\/p>\n          <h3>\u65e9\u4e0a\u7167\u93e1\u5b50\u5f8c\u7684\u7b2c\u4e00\u500b\u5ff5\u982d\u662f\u4ec0\u9ebc\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u518d\u6f02\u4eae\u9ede\u5c31\u597d\u4e86\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u8981\u4ed4\u7d30\u6253\u626e\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u6c92\u4ec0\u9ebc\u597d\u5728\u610f\u7684\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"2\" data-dim=\"body\" hidden>\n          <p data-dim-label=\"true\">\u5916\u8c8c\u8207\u8eab\u9ad4\u81ea\u4fe1<\/p>\n          <h3>\u770b\u5230\u4f60\u6700\u8fd1\u62cd\u651d\u7684\u7167\u7247\uff0c\u81ea\u6211\u611f\u89ba\u5982\u4f55\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u4e0d\u7a31\u5fc3\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u9084\u53ef\u4ee5\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u6709\u9ede\u50cf\u660e\u661f\u7167\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"3\" data-dim=\"identity\" hidden>\n          <p data-dim-label=\"true\">\u81ea\u6211\u63a5\u7d0d<\/p>\n          <h3>\u518d\u8b93\u4f60\u9078\u4e00\u6b21\u6027\u5225\uff0c\u4f60\u5c07\u9078\u64c7\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u505a\u7537\u4eba\u5973\u4eba\u90fd\u5f88\u82e6\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u63db\u4e00\u7a2e\u6027\u5225\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u7537\u5973\u90fd\u53ef\u4ee5\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"4\" data-dim=\"future\" hidden>\n          <p data-dim-label=\"true\">\u672a\u4f86\u5b89\u5168\u611f<\/p>\n          <h3>\u4f60\u662f\u5426\u60f3\u5230\u904e\u4e94\u5e74\u6216\u5341\u5e74\u5f8c\u6709\u4ec0\u9ebc\u4ee4\u81ea\u5df1\u6975\u70ba\u4e0d\u5b89\u7684\u4e8b\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u5e38\u6709\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5076\u723e\u6709\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u6c92\u6709\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"5\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u4f60\u53d7\u5468\u570d\u7684\u4eba\u6b61\u8fce\u548c\u559c\u6b61\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u4e0d\u53d7\u6b61\u8fce\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u4e0d\u592a\u6e05\u695a\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u80af\u5b9a\u53d7\u6b61\u8fce\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"6\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u6709\u4eba\u7d66\u4f60\u8d77\u7dbd\u865f\u6316\u82e6\u4f60\uff0c\u4f60\u7684\u611f\u53d7\u662f\u4ec0\u9ebc\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u662f\u81ea\u5df1\u4e0d\u597d\uff0c\u53ea\u6709\u9ed8\u9ed8\u63a5\u53d7\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u611f\u5230\u59d4\u5c48\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u7576\u73a9\u7b11\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"7\" data-dim=\"ability\" hidden>\n          <p data-dim-label=\"true\">\u80fd\u529b\u8a55\u50f9<\/p>\n          <h3>\u8003\u5377\u767c\u4e0b\u4f86\uff0c\u4f60\u9858\u610f\u8b93\u5225\u4eba\u770b\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u628a\u5206\u6578\u906e\u8d77\u4f86\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u4e0d\u5141\u8a31\u5225\u4eba\u770b\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u8b93\u5225\u4eba\u53bb\u770b\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"8\" data-dim=\"body\" hidden>\n          <p data-dim-label=\"true\">\u5916\u8c8c\u8207\u8eab\u9ad4\u81ea\u4fe1<\/p>\n          <h3>\u5c0d\u65bc\u9ad4\u80b2\u904b\u52d5\uff0c\u6709\u904e\u300c\u81ea\u5df1\u53cd\u6b63\u4e0d\u884c\u300d\u7684\u60f3\u6cd5\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u4e00\u76f4\u6709\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5076\u723e\u6709\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u5f9e\u6c92\u6709\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"9\" data-dim=\"ability\" hidden>\n          <p data-dim-label=\"true\">\u80fd\u529b\u8a55\u50f9<\/p>\n          <h3>\u4f60\u6709\u904e\u81ea\u5df1\u5728\u80fd\u529b\u4e0a\u6beb\u4e0d\u4e9e\u65bc\u4ed6\u4eba\u7684\u60f3\u6cd5\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u5f9e\u4f86\u6c92\u6709\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5076\u723e\u6709\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u7e3d\u662f\u6709\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"10\" data-dim=\"emotion\" hidden>\n          <p data-dim-label=\"true\">\u60c5\u7dd2\u8abf\u7bc0<\/p>\n          <h3>\u78b0\u5230\u5bc2\u5bde\u548c\u8a0e\u53ad\u4e4b\u4e8b\u600e\u9ebc\u8fa6\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u9677\u5165\u7169\u60f1\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5411\u670b\u53cb\u548c\u5bb6\u4eba\u8a34\u8aaa\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u5fd8\u537b\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"11\" data-dim=\"challenge\" hidden>\n          <p data-dim-label=\"true\">\u6311\u6230\u61c9\u5c0d<\/p>\n          <h3>\u9047\u6709\u5f37\u52c1\u6575\u624b\u6642\uff0c\u901a\u5e38\u6703\uff1a<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u7dca\u5f35\u754f\u61fc\uff0c\u7070\u5fc3\u55aa\u6c23\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u4e0d\u653e\u5728\u773c\u88e1\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u6c89\u8457\u61c9\u6230\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"12\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u88ab\u5225\u4eba\u7a31\u70ba\u300c\u4e0d\u77e5\u8da3\u7684\u4eba\u300d\u6216\u300c\u8822\u6771\u897f\u300d\u6642\uff0c\u4f60\u600e\u9ebc\u8fa6\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u5fc3\u88e1\u96e3\u904e\u5f97\u60f3\u54ed\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u56de\u656c\u4ed6\uff1a\u300c\u7b28\u86cb\uff0c\u6c92\u6559\u990a\uff01\u300d<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u4e0d\u5728\u4e4e\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"13\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u5982\u679c\u807d\u5230\u6709\u4eba\u8aaa\u4f60\u670b\u53cb\u7684\u58de\u8a71\uff0c\u4f60\u6703\uff1a<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u64d4\u5fc3\u6703\u662f\u771f\u7684\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u96e3\u8aaa\uff0c\u8981\u770b\u4e8b\u5be6\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u65b7\u7136\u5426\u8a8d\u6216\u53cd\u99c1\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"14\" data-dim=\"challenge\" hidden>\n          <p data-dim-label=\"true\">\u6311\u6230\u61c9\u5c0d<\/p>\n          <h3>\u5982\u679c\u4f60\u5728\u67d0\u4ef6\u4e8b\u4e0a\u4e0d\u7ba1\u600e\u6a23\u52aa\u529b\uff0c\u90fd\u8f38\u7d66\u7af6\u722d\u5c0d\u624b\uff0c\u4f60\u5c07\u600e\u9ebc\u8fa6\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u7518\u62dc\u4e0b\u98a8\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5728\u5176\u4ed6\u65b9\u9762\u8d85\u904e\u5c0d\u65b9\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u7e7c\u7e8c\u52aa\u529b\uff0c\u722d\u53d6\u8d85\u904e\u5c0d\u65b9\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"15\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u53c3\u52a0\u5bb4\u6703\u6642\uff0c\u5982\u679c\u5468\u570d\u6709\u5f88\u591a\u964c\u751f\u4eba\uff0c\u4f60\u6703\uff1a<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u53ea\u8207\u719f\u4eba\u63a5\u89f8\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u4e0d\u4e3b\u52d5\u8207\u964c\u751f\u4eba\u63a5\u89f8\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u4e3b\u52d5\u8207\u5404\u7a2e\u4eba\u63a5\u89f8\uff0c\u4ee5\u4fbf\u7d50\u8b58\u65b0\u670b\u53cb\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"16\" data-dim=\"future\" hidden>\n          <p data-dim-label=\"true\">\u672a\u4f86\u5b89\u5168\u611f<\/p>\n          <h3>\u4f60\u8a8d\u70ba\u81ea\u5df1\u548c\u5bb6\u5ead\u7684\u751f\u6d3b\u6c92\u6709\u9054\u5230\u5e73\u5747\u6c34\u6e96\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u78ba\u5be6\u5982\u6b64\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u4e0d\u5b8c\u5168\u5982\u6b64\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u4e26\u975e\u5982\u6b64\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"17\" data-dim=\"future\" hidden>\n          <p data-dim-label=\"true\">\u672a\u4f86\u5b89\u5168\u611f<\/p>\n          <h3>\u4f60\u660e\u77e5\u4e0d\u662f\u90a3\u9ebc\u56de\u4e8b\uff0c\u4f46\u7121\u610f\u4e4b\u9593\u9084\u662f\u5411\u4eba\u54ed\u7aae\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u7d93\u5e38\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u6709\u6642\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u5e7e\u4e4e\u4e0d\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"18\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u7576\u4f60\u88ab\u5225\u4eba\u758f\u9060\u6642\uff0c\u4f60\u6703\uff1a<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u975e\u5e38\u7169\u60f1\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5c0b\u627e\u81ea\u8eab\u539f\u56e0\u53ca\u5176\u89e3\u6c7a\u8fa6\u6cd5\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u8a8d\u70ba\u81ea\u5df1\u7121\u932f\uff0c\u5c0d\u6b64\u7121\u6240\u8b02\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"19\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u7576\u4f60\u88ab\u51b7\u843d\u7684\u6642\u5019\uff0c\u4f60\u6703\u611f\u5230\u4e0d\u5b89\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u7d93\u5e38\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u6709\u6642\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u5f88\u5c11\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"20\" data-dim=\"social\" hidden>\n          <p data-dim-label=\"true\">\u4eba\u969b\u63a5\u7d0d\u611f<\/p>\n          <h3>\u5728\u8207\u4eba\u4ea4\u8ac7\u7684\u6642\u5019\uff0c\u4f60\u6703\u6ce8\u8996\u8457\u5c0d\u65b9\u7684\u773c\u775b\uff0c\u63a5\u7d0d\u5c0d\u65b9\u7684\u8996\u7dda\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u5f88\u5c11\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u6709\u6642\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u7d93\u5e38\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"21\" data-dim=\"challenge\" hidden>\n          <p data-dim-label=\"true\">\u6311\u6230\u61c9\u5c0d<\/p>\n          <h3>\u7576\u4f60\u60f3\u8981\u505a\u67d0\u4ef6\u4e8b\u60c5\u800c\u5f97\u4e0d\u5230\u652f\u6301\u6216\u5e6b\u52a9\u6642\uff0c\u4f60\u6703\uff1a<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u653e\u68c4\u81ea\u5df1\u7684\u8a08\u756b\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u611f\u5230\u70ba\u96e3\uff0c\u8a66\u8a66\u518d\u8aaa\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u4ecd\u7136\u5805\u6301\u57f7\u884c\u81ea\u5df1\u7684\u8a08\u756b\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"22\" data-dim=\"challenge\" hidden>\n          <p data-dim-label=\"true\">\u6311\u6230\u61c9\u5c0d<\/p>\n          <h3>\u4f60\u80fd\u5927\u81bd\u6109\u5feb\u5730\u63a5\u89f8\u81ea\u5df1\u4e0d\u719f\u6089\u548c\u4e0d\u64c5\u9577\u7684\u4e8b\u7269\u55ce\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u5f88\u96e3\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u5076\u723e\u80fd\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u7e3d\u662f\u80fd\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"23\" data-dim=\"future\" hidden>\n          <p data-dim-label=\"true\">\u672a\u4f86\u5b89\u5168\u611f<\/p>\n          <h3>\u4f60\u662f\u5426\u64d4\u5fc3\u81ea\u5df1\u6703\u5931\u53bb\u73fe\u6709\u7684\u8077\u696d\u6216\u5730\u4f4d\uff1f<\/h3>\n          <div data-options=\"true\">\n            <button type=\"button\" data-option=\"true\" data-score=\"5\"><span data-indicator=\"true\"><\/span><span>A. \u7e3d\u662f\u64d4\u5fc3\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"3\"><span data-indicator=\"true\"><\/span><span>B. \u6709\u9ede\u64d4\u5fc3\u3002<\/span><\/button>\n            <button type=\"button\" data-option=\"true\" data-score=\"1\"><span data-indicator=\"true\"><\/span><span>C. \u5b8c\u5168\u4e0d\u64d4\u5fc3\u3002<\/span><\/button>\n          <\/div>\n        <\/article>\n      <\/form>\n\n      <div data-actions=\"center\">\n        <button type=\"button\" class=\"btn\" data-action=\"prev\" disabled>\n          <i class=\"bi bi-arrow-left\" aria-hidden=\"true\"><\/i>\n          \u4e0a\u4e00\u984c\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizresult10\" data-page=\"result10\" hidden>\n    <div data-panel=\"result\">\n      <header data-result-hero=\"true\">\n        <div data-result-icon=\"true\" aria-hidden=\"true\">\n          <i class=\"bi bi-flower2\"><\/i>\n        <\/div>\n        <p data-kicker=\"true\">\u6e2c\u9a57\u5b8c\u6210<\/p>\n        <h2 tabindex=\"-1\" data-title=\"result\">\u4f60\u7684\u7e3d\u5206\uff1a<span data-total-score>0<\/span> \u5206<\/h2>\n        <p data-result-lead=\"true\" data-result-summary aria-live=\"polite\">\u7d50\u679c\u8a08\u7b97\u5b8c\u6210\u3002<\/p>\n      <\/header>\n\n      <div data-score-strip=\"true\">\n        <div data-score-card=\"true\">\n          <span>\u7e3d\u5206<\/span>\n          <strong data-total-score-card>0<\/strong>\n          <small>24 \u984c\u5408\u8a08\uff0c\u5206\u6578\u8d8a\u9ad8\u4ee3\u8868\u81ea\u5351\u611f\u8d8a\u6c89\u91cd<\/small>\n        <\/div>\n        <div data-score-card=\"true\">\n          <span>\u4e3b\u8981\u9ad8\u5206\u9762\u5411<\/span>\n          <strong data-top-dim-short>\u2014<\/strong>\n          <small>\u7528\u65bc\u8f14\u52a9\u7406\u89e3\u4f60\u7684\u81ea\u5351\u4f86\u6e90<\/small>\n        <\/div>\n      <\/div>\n\n      <section data-band-section=\"true\" aria-label=\"\u6574\u9ad4\u5206\u6578\u4f4d\u7f6e\">\n        <h3>\u6574\u9ad4\u5206\u6578\u4f4d\u7f6e<\/h3>\n        <div data-stacked-bar=\"true\">\n          <span data-segment=\"env\">24\u201347<\/span>\n          <span data-segment=\"expect\">48\u201371<\/span>\n          <span data-segment=\"deny\">72\u201395<\/span>\n          <span data-segment=\"timid\">96\u2013120<\/span>\n          <span data-marker=\"true\" aria-hidden=\"true\"><\/span>\n        <\/div>\n        <div data-legend=\"true\">\n          <span><i data-dot=\"env\"><\/i>\u74b0\u5883\u8b8a\u5316\u578b<\/span>\n          <span><i data-dot=\"expect\"><\/i>\u671f\u671b\u904e\u9ad8\u578b<\/span>\n          <span><i data-dot=\"deny\"><\/i>\u81ea\u6211\u5426\u8a8d\u578b<\/span>\n          <span><i data-dot=\"timid\"><\/i>\u6027\u683c\u602f\u61e6\u578b<\/span>\n        <\/div>\n      <\/section>\n\n      <section data-chart-card=\"true\">\n        <h3>\u591a\u9762\u5411\u5206\u6578\u7d50\u69cb<\/h3>\n        <p data-chart-status aria-live=\"polite\">\u5716\u8868\u6e96\u5099\u4e2d\u3002<\/p>\n        <div data-chart-wrap=\"true\">\n          <canvas data-chart=\"dimension\" aria-label=\"\u81ea\u5351\u539f\u56e0\u591a\u9762\u5411\u5206\u6578\u5716\u8868\" role=\"img\"><\/canvas>\n        <\/div>\n      <\/section>\n\n      <section data-analysis-grid=\"true\">\n        <article data-result-band=\"environment\">\n          <h3>\u74b0\u5883\u8b8a\u5316\u9020\u6210\u81ea\u5351<\/h3>\n          <p>\u4f60\u5e73\u6642\u591a\u534a\u662f\u8f03\u6a02\u89c0\u3001\u80fd\u627e\u5230\u5e73\u8861\u9ede\u7684\u4eba\uff0c\u901a\u5e38\u5c0d\u81ea\u5df1\u7684\u624d\u80fd\u3001\u5916\u8868\u6216\u98a8\u5ea6\u6709\u4e00\u5b9a\u4fe1\u5fc3\u3002\u82e5\u51fa\u73fe\u81ea\u5351\u611f\uff0c\u5e38\u8207\u5916\u5728\u74b0\u5883\u6539\u8b8a\u6709\u95dc\u3002<\/p>\n          <p>\u4f8b\u5982\u9032\u5165\u9ad8\u624b\u96f2\u96c6\u7684\u65b0\u74b0\u5883\u3001\u88ab\u6bd4\u8f03\u6c1b\u570d\u5305\u570d\uff0c\u6216\u66ab\u6642\u7121\u6cd5\u5c55\u73fe\u500b\u4eba\u50f9\u503c\u6642\uff0c\u81ea\u5351\u611f\u53ef\u80fd\u6703\u6d6e\u73fe\u3002\u5efa\u8b70\u628a\u6ce8\u610f\u529b\u653e\u56de\u81ea\u5df1\u7684\u7bc0\u594f\u8207\u53ef\u7d2f\u7a4d\u7684\u5c0f\u6210\u679c\u3002<\/p>\n        <\/article>\n\n        <article data-result-band=\"expectation\" hidden>\n          <h3>\u52d5\u6a5f\u8207\u671f\u671b\u904e\u9ad8\u5f15\u8d77\u81ea\u5351<\/h3>\n          <p>\u4f60\u53ef\u80fd\u6709\u8f03\u5f37\u7684\u8ffd\u6c42\u8207\u4f01\u5716\u5fc3\uff0c\u4f46\u4e5f\u5bb9\u6613\u56e0\u671f\u671b\u503c\u904e\u9ad8\u3001\u76ee\u6a19\u904e\u65bc\u7406\u60f3\u5316\uff0c\u800c\u5728\u7121\u6cd5\u5feb\u901f\u9054\u6210\u6642\u9677\u5165\u81ea\u6211\u61f7\u7591\u3002<\/p>\n          <p>\u5efa\u8b70\u628a\u300c\u60f3\u8b49\u660e\u81ea\u5df1\u300d\u8f49\u5316\u70ba\u66f4\u5177\u9ad4\u3001\u53ef\u57f7\u884c\u7684\u5c0f\u76ee\u6a19\u3002\u6e1b\u5c11\u8207\u4ed6\u4eba\u6bd4\u8f03\uff0c\u6539\u7528\u300c\u4eca\u5929\u662f\u5426\u6bd4\u6628\u5929\u524d\u9032\u4e00\u9ede\u300d\u4f5c\u70ba\u8861\u91cf\u6a19\u6e96\u3002<\/p>\n        <\/article>\n\n        <article data-result-band=\"selfdeny\" hidden>\n          <h3>\u81ea\u6211\u5426\u8a8d\u9020\u6210\u81ea\u5351<\/h3>\n          <p>\u4f60\u53ef\u80fd\u5bb9\u6613\u5728\u4e8b\u60c5\u958b\u59cb\u524d\u5c31\u5148\u5224\u5b9a\u81ea\u5df1\u4e0d\u884c\uff0c\u6216\u56e0\u4e0d\u4e86\u89e3\u60c5\u6cc1\u800c\u653e\u5927\u7126\u616e\uff0c\u5c0e\u81f4\u9084\u6c92\u5617\u8a66\u5c31\u5148\u9000\u7e2e\u3002<\/p>\n          <p>\u5efa\u8b70\u5148\u6536\u96c6\u8cc7\u8a0a\u3001\u62c6\u89e3\u4efb\u52d9\u3001\u505a\u5c0f\u898f\u6a21\u5617\u8a66\u3002\u7576\u4f60\u66f4\u4e86\u89e3\u4e8b\u60c5\u7684\u4f86\u9f8d\u53bb\u8108\uff0c\u81ea\u6211\u5426\u5b9a\u611f\u901a\u5e38\u6703\u964d\u4f4e\u3002<\/p>\n        <\/article>\n\n        <article data-result-band=\"timid\" hidden>\n          <h3>\u6027\u683c\u602f\u61e6\u9020\u6210\u81ea\u5351<\/h3>\n          <p>\u4f60\u7684\u5206\u6578\u986f\u793a\u81ea\u5351\u611f\u53ef\u80fd\u8f03\u6df1\uff0c\u4e14\u5bb9\u6613\u7528\u6d88\u6975\u3001\u60b2\u89c0\u7684\u773c\u5149\u770b\u5f85\u81ea\u5df1\u3002\u9019\u53ef\u80fd\u8207\u5c0d\u80fd\u529b\u3001\u5916\u8c8c\u3001\u9ad4\u9b44\u6216\u4eba\u969b\u8868\u73fe\u7f3a\u4e4f\u4fe1\u5fc3\u6709\u95dc\u3002<\/p>\n          <p>\u5efa\u8b70\u5f9e\u4f4e\u98a8\u96aa\u7684\u4eba\u969b\u6216\u4efb\u52d9\u7df4\u7fd2\u958b\u59cb\uff0c\u9010\u6b65\u5efa\u7acb\u6210\u529f\u7d93\u9a57\u3002\u82e5\u81ea\u5351\u611f\u5df2\u660e\u986f\u9650\u5236\u751f\u6d3b\u9078\u64c7\uff0c\u4e5f\u53ef\u4ee5\u8003\u616e\u5fc3\u7406\u8aee\u5546\u6216\u5c08\u696d\u652f\u6301\u3002<\/p>\n        <\/article>\n\n        <article data-personal-note=\"true\">\n          <h3>\u500b\u4eba\u5316\u89c0\u5bdf<\/h3>\n          <p>\u4f60\u7684\u9ad8\u5206\u9762\u5411\uff1a<strong data-top-dim>\u5c1a\u672a\u8a08\u7b97<\/strong><\/p>\n          <p data-top-advice>\u5b8c\u6210\u6e2c\u9a57\u5f8c\uff0c\u9019\u88e1\u6703\u4f9d\u7167\u4f60\u7684\u9ad8\u5206\u9762\u5411\u7d66\u51fa\u7c21\u77ed\u5efa\u8b70\u3002<\/p>\n          <p data-answer-summary>\u7b54\u6848\u5206\u5e03\u5c07\u5728\u5b8c\u6210\u5f8c\u986f\u793a\u3002<\/p>\n        <\/article>\n      <\/section>\n\n      <div data-actions=\"center\">\n        <button type=\"button\" class=\"btn\" data-action=\"restart\">\n          <i class=\"bi bi-arrow-clockwise\" aria-hidden=\"true\"><\/i>\n          \u91cd\u65b0\u6e2c\u9a57\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n<style>\n#quizapp10,\n[data-quiz-app=\"quiz10\"] {\n  --q10-text: #302a24;\n  --q10-muted: #675f55;\n  --q10-card: rgba(255, 253, 248, 0.96);\n  --q10-line: rgba(108, 83, 58, 0.2);\n  --q10-primary: #8a6a49;\n  --q10-primary-dark: #5b422b;\n  --q10-sage: #aebf9e;\n  --q10-mint: #dfe9d5;\n  --q10-cream: #f5e8d0;\n  --q10-peach: #ebcfb5;\n  --q10-taupe: #c7b29b;\n  --q10-focus: #4e6d52;\n  --q10-shadow: 0 18px 42px rgba(73, 55, 34, 0.14);\n  width: min(100%, 750px);\n  margin: 0 auto;\n  color: var(--q10-text);\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.72;\n}\n\n#quizapp10 *,\n#quizapp10 *::before,\n#quizapp10 *::after {\n  box-sizing: border-box;\n}\n\n#quizapp10 [hidden] {\n  display: none !important;\n}\n\n#quizapp10 [data-panel] {\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--q10-line);\n  border-radius: 28px;\n  padding: 24px;\n  box-shadow: var(--q10-shadow);\n  background:\n    radial-gradient(circle at 12% 8%, rgba(223, 233, 213, 0.92), transparent 32%),\n    radial-gradient(circle at 88% 12%, rgba(245, 232, 208, 0.95), transparent 34%),\n    linear-gradient(145deg, rgba(255, 253, 248, 0.96), rgba(247, 241, 230, 0.9));\n}\n\n#quizapp10 [data-panel=\"quiz\"] {\n  background: linear-gradient(145deg, rgba(255, 253, 248, 0.98), rgba(245, 239, 229, 0.94));\n}\n\n#quizapp10 [data-panel=\"result\"] {\n  padding-bottom: 32px;\n}\n\n#quizapp10 [data-hero-header],\n#quizapp10 [data-result-hero],\n#quizapp10 [data-quiz-header] {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  text-align: center;\n}\n\n#quizapp10 [data-kicker] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 32px;\n  padding: 4px 14px;\n  margin: 0;\n  border-radius: 999px;\n  color: #4b5b3f;\n  background: rgba(223, 233, 213, 0.86);\n  font-size: 0.92rem;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n}\n\n#quizapp10 h1,\n#quizapp10 h2,\n#quizapp10 h3 {\n  margin: 0;\n  color: var(--q10-text);\n  font-weight: 800;\n  letter-spacing: -0.02em;\n}\n\n#quizapp10 h1 {\n  max-width: 680px;\n  font-size: clamp(2rem, 8vw, 2.5rem);\n  line-height: 1.18;\n}\n\n#quizapp10 h2 {\n  font-size: clamp(1.45rem, 6vw, 2rem);\n  line-height: 1.24;\n}\n\n#quizapp10 h3 {\n  font-size: clamp(1.16rem, 4.8vw, 1.42rem);\n  line-height: 1.45;\n}\n\n#quizapp10 [data-subtitle],\n#quizapp10 [data-result-lead] {\n  max-width: 620px;\n  margin: 0;\n  color: var(--q10-muted);\n  font-size: clamp(1rem, 3.6vw, 1.12rem);\n}\n\n#quizapp10 [data-floating-icons] span {\n  position: absolute;\n  z-index: 0;\n  display: grid;\n  place-items: center;\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  color: var(--q10-primary-dark);\n  background: rgba(255, 255, 255, 0.68);\n  box-shadow: 0 12px 28px rgba(89, 70, 48, 0.12);\n  backdrop-filter: blur(6px);\n}\n\n#quizapp10 [data-floating-icons] i {\n  font-size: 1.65rem;\n}\n\n#quizapp10 [data-orb=\"one\"] {\n  top: 18px;\n  left: 18px;\n}\n\n#quizapp10 [data-orb=\"two\"] {\n  right: 24px;\n  top: 74px;\n}\n\n#quizapp10 [data-orb=\"three\"] {\n  right: 42px;\n  bottom: 70px;\n}\n\n#quizapp10 [data-info-grid] {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  margin: 24px 0;\n}\n\n#quizapp10 [data-info-card],\n#quizapp10 [data-score-card],\n#quizapp10 [data-chart-card],\n#quizapp10 [data-band-section],\n#quizapp10 [data-analysis-grid] > article,\n#quizapp10 [data-note] {\n  border: 1px solid var(--q10-line);\n  border-radius: 22px;\n  background: var(--q10-card);\n}\n\n#quizapp10 [data-info-card] {\n  contain: layout paint;\n  padding: 18px;\n}\n\n#quizapp10 [data-info-card] i {\n  display: grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  margin-bottom: 12px;\n  border-radius: 50%;\n  color: #5c4d37;\n  background: var(--q10-cream);\n  font-size: 1.25rem;\n}\n\n#quizapp10 [data-info-card] h2 {\n  font-size: 1.2rem;\n  margin-bottom: 4px;\n}\n\n#quizapp10 [data-info-card] p,\n#quizapp10 [data-note],\n#quizapp10 [data-analysis-grid] p,\n#quizapp10 [data-chart-card] p {\n  margin: 0;\n  color: var(--q10-muted);\n  font-size: 1rem;\n}\n\n#quizapp10 [data-note] {\n  position: relative;\n  z-index: 1;\n  padding: 16px;\n  margin-bottom: 24px;\n}\n\n#quizapp10 [data-actions=\"center\"] {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n#quizapp10 [data-action] {\n  min-width: 148px;\n  min-height: 48px;\n  border: 0;\n  border-radius: 999px;\n  padding: 12px 22px;\n  color: #fff;\n  background: linear-gradient(135deg, #9b7b57, #6c5134);\n  box-shadow: 0 12px 24px rgba(94, 71, 46, 0.24);\n  font-weight: 800;\n  transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;\n}\n\n#quizapp10 [data-action]:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 16px 28px rgba(94, 71, 46, 0.28);\n}\n\n#quizapp10 [data-action]:active {\n  transform: translateY(0);\n}\n\n#quizapp10 [data-action]:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n#quizapp10 [data-action=\"prev\"] {\n  margin-top: 20px;\n  color: var(--q10-primary-dark);\n  background: rgba(255, 253, 248, 0.9);\n  border: 1px solid var(--q10-line);\n  box-shadow: none;\n}\n\n#quizapp10 [data-progress-wrap] {\n  width: 100%;\n  max-width: 620px;\n  margin-top: 8px;\n}\n\n#quizapp10 .progress {\n  height: 12px;\n  border-radius: 999px;\n  background-color: rgba(138, 106, 73, 0.14);\n}\n\n#quizapp10 .progress-bar {\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--q10-sage), var(--q10-primary));\n  transition: width 220ms ease;\n}\n\n#quizapp10 [data-status=\"quiz\"] {\n  min-height: 28px;\n  margin: 4px 0 0;\n  color: var(--q10-muted);\n}\n\n#quizapp10 [data-quiz-form] {\n  margin-top: 24px;\n}\n\n#quizapp10 [data-question] {\n  padding: 20px;\n  border: 1px solid var(--q10-line);\n  border-radius: 24px;\n  background: rgba(255, 253, 248, 0.92);\n  contain: layout paint;\n}\n\n#quizapp10 [data-dim-label] {\n  display: inline-flex;\n  min-height: 30px;\n  align-items: center;\n  padding: 3px 12px;\n  margin: 0 0 12px;\n  border-radius: 999px;\n  color: #4e5f43;\n  background: rgba(223, 233, 213, 0.9);\n  font-size: 0.95rem;\n  font-weight: 800;\n}\n\n#quizapp10 [data-options] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 12px;\n  margin-top: 18px;\n}\n\n#quizapp10 [data-option] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n  min-height: 56px;\n  padding: 14px 16px;\n  border: 1px solid rgba(108, 83, 58, 0.22);\n  border-radius: 18px;\n  color: var(--q10-text);\n  background: rgba(255, 255, 255, 0.82);\n  text-align: left;\n  font-size: 1rem;\n  font-weight: 700;\n  line-height: 1.45;\n  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;\n}\n\n#quizapp10 [data-option]:hover {\n  transform: translateY(-1px);\n  border-color: rgba(138, 106, 73, 0.56);\n  background: rgba(255, 250, 242, 0.98);\n  box-shadow: 0 10px 18px rgba(80, 61, 40, 0.09);\n}\n\n#quizapp10 [data-option][data-selected=\"true\"] {\n  border-color: rgba(78, 109, 82, 0.72);\n  background: rgba(223, 233, 213, 0.76);\n  box-shadow: 0 10px 18px rgba(78, 109, 82, 0.13);\n}\n\n#quizapp10 [data-indicator] {\n  position: relative;\n  flex: 0 0 auto;\n  display: grid;\n  place-items: center;\n  width: 26px;\n  height: 26px;\n  border: 2px solid rgba(138, 106, 73, 0.5);\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.86);\n}\n\n#quizapp10 [data-option][data-selected=\"true\"] [data-indicator] {\n  border-color: var(--q10-focus);\n  background: var(--q10-focus);\n}\n\n#quizapp10 [data-option][data-selected=\"true\"] [data-indicator]::after {\n  content: \"\u2713\";\n  color: #fff;\n  font-size: 0.9rem;\n  font-weight: 900;\n  line-height: 1;\n}\n\n#quizapp10 [data-score-strip] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 12px;\n  margin: 22px 0;\n}\n\n#quizapp10 [data-score-card] {\n  padding: 18px;\n  text-align: center;\n}\n\n#quizapp10 [data-score-card] span,\n#quizapp10 [data-score-card] small {\n  display: block;\n  color: var(--q10-muted);\n}\n\n#quizapp10 [data-score-card] strong {\n  display: block;\n  margin: 6px 0;\n  color: var(--q10-primary-dark);\n  font-size: clamp(1.7rem, 7vw, 2.55rem);\n  line-height: 1.05;\n}\n\n#quizapp10 [data-band-section],\n#quizapp10 [data-chart-card] {\n  padding: 18px;\n  margin-bottom: 18px;\n}\n\n#quizapp10 [data-band-section] h3,\n#quizapp10 [data-chart-card] h3,\n#quizapp10 [data-analysis-grid] h3 {\n  margin-bottom: 12px;\n  font-size: 1.25rem;\n}\n\n#quizapp10 [data-stacked-bar] {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 58px;\n  overflow: visible;\n  border-radius: 18px;\n  border: 1px solid rgba(108, 83, 58, 0.2);\n}\n\n#quizapp10 [data-segment] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  padding: 8px 4px;\n  color: #352f28;\n  font-size: 0.72rem;\n  font-weight: 800;\n  text-align: center;\n}\n\n#quizapp10 [data-segment=\"env\"] { flex: 24; background: #dfe9d5; }\n#quizapp10 [data-segment=\"expect\"] { flex: 24; background: #f1e2c7; }\n#quizapp10 [data-segment=\"deny\"] { flex: 24; background: #ebcfb5; }\n#quizapp10 [data-segment=\"timid\"] { flex: 25; background: #c7b29b; }\n\n#quizapp10 [data-marker] {\n  position: absolute;\n  top: 50%;\n  left: 0%;\n  width: 18px;\n  height: 18px;\n  border: 3px solid #fffaf2;\n  border-radius: 50%;\n  background: #4d3522;\n  box-shadow: 0 4px 12px rgba(58, 38, 22, 0.35);\n  transform: translate(-50%, -50%);\n  transition: left 260ms ease;\n}\n\n#quizapp10 [data-legend] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 14px;\n  margin-top: 12px;\n  color: var(--q10-muted);\n  font-size: 0.92rem;\n}\n\n#quizapp10 [data-legend] span {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n#quizapp10 [data-dot] {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n\n#quizapp10 [data-dot=\"env\"] { background: #dfe9d5; }\n#quizapp10 [data-dot=\"expect\"] { background: #f1e2c7; }\n#quizapp10 [data-dot=\"deny\"] { background: #ebcfb5; }\n#quizapp10 [data-dot=\"timid\"] { background: #c7b29b; }\n\n#quizapp10 [data-chart-wrap] {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 300px;\n  width: 100%;\n}\n\n#quizapp10 [data-chart=\"dimension\"] {\n  max-width: 100%;\n  max-height: 360px;\n}\n\n#quizapp10 [data-analysis-grid] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n}\n\n#quizapp10 [data-analysis-grid] > article {\n  padding: 18px;\n}\n\n#quizapp10 [data-personal-note] {\n  background:\n    radial-gradient(circle at 8% 8%, rgba(223, 233, 213, 0.65), transparent 38%),\n    rgba(255, 253, 248, 0.95);\n}\n\n#quizapp10 [data-result-icon] {\n  display: grid;\n  place-items: center;\n  width: 68px;\n  height: 68px;\n  border-radius: 50%;\n  color: var(--q10-primary-dark);\n  background: rgba(245, 232, 208, 0.9);\n  box-shadow: 0 12px 24px rgba(94, 71, 46, 0.12);\n}\n\n#quizapp10 [data-result-icon] i {\n  font-size: 1.75rem;\n}\n\n#quizapp10 :focus-visible {\n  outline: 3px solid rgba(78, 109, 82, 0.82);\n  outline-offset: 3px;\n}\n\n@media (min-width: 576px) {\n  #quizapp10 {\n    font-size: 17px;\n  }\n\n  #quizapp10 [data-panel] {\n    padding: 32px;\n  }\n\n  #quizapp10 [data-info-grid] {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  #quizapp10 [data-score-strip] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  #quizapp10 [data-options] {\n    grid-template-columns: 1fr;\n  }\n\n  #quizapp10 [data-segment] {\n    font-size: 0.86rem;\n  }\n\n  #quizapp10 [data-chart-wrap] {\n    min-height: 360px;\n  }\n}\n\n@media (min-width: 720px) {\n  #quizapp10 [data-analysis-grid] {\n    grid-template-columns: 1.2fr 0.8fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #quizapp10 *,\n  #quizapp10 *::before,\n  #quizapp10 *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const app = document.querySelector('[data-quiz-app=\"quiz10\"]');\n  if (!app) return;\n\n  const pages = {\n    intro: app.querySelector('[data-page=\"intro10\"]'),\n    quiz: app.querySelector('[data-page=\"quiz10\"]'),\n    result: app.querySelector('[data-page=\"result10\"]')\n  };\n\n  const nodes = {\n    questions: Array.from(app.querySelectorAll(\"[data-question]\")),\n    currentQuestion: app.querySelector(\"[data-current-question]\"),\n    totalQuestions: app.querySelector(\"[data-total-questions]\"),\n    progressRole: app.querySelector(\"[data-progress-role]\"),\n    progressBar: app.querySelector(\"[data-progress-bar]\"),\n    quizStatus: app.querySelector('[data-status=\"quiz\"]'),\n    totalScore: app.querySelector(\"[data-total-score]\"),\n    totalScoreCard: app.querySelector(\"[data-total-score-card]\"),\n    topDimShort: app.querySelector(\"[data-top-dim-short]\"),\n    resultSummary: app.querySelector(\"[data-result-summary]\"),\n    resultBands: Array.from(app.querySelectorAll(\"[data-result-band]\")),\n    marker: app.querySelector(\"[data-marker]\"),\n    topDim: app.querySelector(\"[data-top-dim]\"),\n    topAdvice: app.querySelector(\"[data-top-advice]\"),\n    answerSummary: app.querySelector(\"[data-answer-summary]\"),\n    chartCanvas: app.querySelector('[data-chart=\"dimension\"]'),\n    chartStatus: app.querySelector(\"[data-chart-status]\"),\n    prevButton: app.querySelector('[data-action=\"prev\"]')\n  };\n\n  const dimMeta = {\n    body: {\n      label: \"\u5916\u8c8c\u8207\u8eab\u9ad4\u81ea\u4fe1\",\n      advice: \"\u4f60\u53ef\u80fd\u8f03\u5bb9\u6613\u628a\u5916\u8c8c\u3001\u8eab\u9ad8\u3001\u9ad4\u80fd\u8868\u73fe\u8207\u81ea\u6211\u50f9\u503c\u9023\u5728\u4e00\u8d77\u3002\u5efa\u8b70\u7df4\u7fd2\u628a\u8eab\u9ad4\u8996\u70ba\u652f\u6301\u751f\u6d3b\u7684\u5925\u4f34\uff0c\u800c\u4e0d\u662f\u53ea\u7528\u6bd4\u8f03\u4f86\u8a55\u50f9\u5b83\u3002\"\n    },\n    identity: {\n      label: \"\u81ea\u6211\u63a5\u7d0d\",\n      advice: \"\u4f60\u53ef\u80fd\u5c0d\u81ea\u8eab\u689d\u4ef6\u6216\u89d2\u8272\u6709\u8f03\u591a\u61f7\u7591\u3002\u53ef\u4ee5\u5148\u5f9e\u63a5\u7d0d\u4e0d\u53ef\u7acb\u5373\u6539\u8b8a\u7684\u90e8\u5206\u958b\u59cb\uff0c\u518d\u628a\u80fd\u6539\u8b8a\u7684\u90e8\u5206\u62c6\u6210\u5c0f\u6b65\u9a5f\u3002\"\n    },\n    future: {\n      label: \"\u672a\u4f86\u5b89\u5168\u611f\",\n      advice: \"\u4f60\u7684\u4e0d\u5b89\u53ef\u80fd\u8207\u751f\u6d3b\u6c34\u6e96\u3001\u5730\u4f4d\u3001\u8077\u696d\u6216\u672a\u4f86\u8b8a\u52d5\u6709\u95dc\u3002\u5efa\u8b70\u628a\u6a21\u7cca\u64d4\u6182\u5beb\u4e0b\u4f86\uff0c\u8f49\u6210\u5177\u9ad4\u53ef\u6e96\u5099\u7684\u884c\u52d5\u3002\"\n    },\n    social: {\n      label: \"\u4eba\u969b\u63a5\u7d0d\u611f\",\n      advice: \"\u4f60\u53ef\u80fd\u8f03\u5728\u610f\u4ed6\u4eba\u7684\u8a55\u50f9\u3001\u51b7\u843d\u6216\u73a9\u7b11\u3002\u5efa\u8b70\u7df4\u7fd2\u5340\u5206\u4e8b\u5be6\u8207\u731c\u6e2c\uff0c\u4e26\u628a\u6ce8\u610f\u529b\u653e\u5728\u7a69\u5b9a\u3001\u652f\u6301\u4f60\u7684\u4eba\u969b\u95dc\u4fc2\u4e0a\u3002\"\n    },\n    ability: {\n      label: \"\u80fd\u529b\u8a55\u50f9\",\n      advice: \"\u4f60\u53ef\u80fd\u5bb9\u6613\u56e0\u6210\u7e3e\u3001\u8868\u73fe\u6216\u80fd\u529b\u6bd4\u8f03\u800c\u5426\u5b9a\u81ea\u5df1\u3002\u5efa\u8b70\u7528\u5177\u9ad4\u8b49\u64da\u770b\u5f85\u80fd\u529b\uff0c\u628a\u4e00\u6b21\u8868\u73fe\u548c\u6574\u9ad4\u50f9\u503c\u5206\u958b\u3002\"\n    },\n    emotion: {\n      label: \"\u60c5\u7dd2\u8abf\u7bc0\",\n      advice: \"\u4f60\u9047\u5230\u5bc2\u5bde\u6216\u4e0d\u6109\u5feb\u6642\uff0c\u53ef\u80fd\u8f03\u5bb9\u6613\u9677\u5165\u7169\u60f1\u3002\u5efa\u8b70\u5efa\u7acb\u56fa\u5b9a\u7684\u8212\u58d3\u65b9\u5f0f\uff0c\u4e5f\u53ef\u4ee5\u4e3b\u52d5\u5411\u53ef\u4fe1\u4efb\u7684\u4eba\u8868\u9054\u3002\"\n    },\n    challenge: {\n      label: \"\u6311\u6230\u61c9\u5c0d\",\n      advice: \"\u4f60\u9762\u5c0d\u7af6\u722d\u3001\u7f3a\u4e4f\u652f\u6301\u6216\u964c\u751f\u4e8b\u7269\u6642\uff0c\u53ef\u80fd\u8f03\u5bb9\u6613\u9000\u7e2e\u3002\u5efa\u8b70\u5f9e\u4f4e\u98a8\u96aa\u6311\u6230\u958b\u59cb\uff0c\u7d2f\u7a4d\u53ef\u88ab\u770b\u898b\u7684\u5c0f\u6210\u529f\u3002\"\n    }\n  };\n\n  const answers = new Array(nodes.questions.length).fill(null);\n  let currentIndex = 0;\n  let isAdvancing = false;\n  let chartInstance = null;\n\n  nodes.totalQuestions.textContent = String(nodes.questions.length);\n\n  const scrollToTitle = (key) => {\n    const title = app.querySelector(`[data-title=\"${key}\"]`);\n    if (!title) return;\n    title.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n    window.setTimeout(() => title.focus({ preventScroll: true }), 240);\n  };\n\n  const setPage = (pageKey) => {\n    Object.entries(pages).forEach(([key, section]) => {\n      section.hidden = key !== pageKey;\n    });\n    scrollToTitle(pageKey);\n  };\n\n  const updateProgress = () => {\n    const answeredCount = answers.filter(Boolean).length;\n    const percent = Math.round((answeredCount \/ nodes.questions.length) * 100);\n\n    nodes.currentQuestion.textContent = String(currentIndex + 1);\n    nodes.progressBar.style.width = `${percent}%`;\n    nodes.progressRole.setAttribute(\"aria-valuenow\", String(percent));\n    nodes.prevButton.disabled = currentIndex === 0;\n    nodes.quizStatus.textContent = `\u76ee\u524d\u5df2\u5b8c\u6210 ${answeredCount} \u984c\uff0c\u8acb\u9078\u64c7\u6700\u7b26\u5408\u4f60\u7684\u7b54\u6848\u3002`;\n  };\n\n  const showQuestion = (index) => {\n    nodes.questions.forEach((question, questionIndex) => {\n      question.hidden = questionIndex !== index;\n    });\n    currentIndex = index;\n    updateProgress();\n  };\n\n  const getBand = (score) => {\n    if (score <= 47) return \"environment\";\n    if (score <= 71) return \"expectation\";\n    if (score <= 95) return \"selfdeny\";\n    return \"timid\";\n  };\n\n  const getBandText = (band) => {\n    const texts = {\n      environment: \"\u4f60\u7684\u81ea\u5351\u611f\u8f03\u53ef\u80fd\u4f86\u81ea\u74b0\u5883\u8b8a\u5316\uff0c\u6574\u9ad4\u4ecd\u5bb9\u6613\u627e\u5230\u5fc3\u7406\u5e73\u8861\u9ede\u3002\",\n      expectation: \"\u4f60\u7684\u81ea\u5351\u611f\u53ef\u80fd\u8207\u52d5\u6a5f\u904e\u5f37\u3001\u671f\u671b\u904e\u9ad8\u6216\u904e\u5ea6\u6bd4\u8f03\u6709\u95dc\u3002\",\n      selfdeny: \"\u4f60\u7684\u81ea\u5351\u611f\u53ef\u80fd\u8207\u81ea\u6211\u5426\u8a8d\u3001\u5c1a\u672a\u5145\u5206\u4e86\u89e3\u60c5\u6cc1\u524d\u5c31\u5148\u9000\u7e2e\u6709\u95dc\u3002\",\n      timid: \"\u4f60\u7684\u81ea\u5351\u611f\u53ef\u80fd\u8f03\u6c89\u91cd\uff0c\u4e26\u8207\u602f\u61e6\u3001\u60b2\u89c0\u6216\u9577\u671f\u81ea\u6211\u61f7\u7591\u6709\u95dc\u3002\"\n    };\n    return texts[band] || texts.environment;\n  };\n\n  const selectOption = (button) => {\n    const question = button.closest(\"[data-question]\");\n    if (!question || isAdvancing) return;\n\n    isAdvancing = true;\n\n    const questionIndex = Number(question.dataset.question);\n    const score = Number(button.dataset.score);\n    const dim = question.dataset.dim;\n    const optionText = button.textContent.trim();\n\n    answers[questionIndex] = { score, dim, optionText };\n\n    question.querySelectorAll(\"[data-option]\").forEach((option) => {\n      const selected = option === button;\n      option.dataset.selected = selected ? \"true\" : \"false\";\n      option.setAttribute(\"aria-pressed\", selected ? \"true\" : \"false\");\n    });\n\n    updateProgress();\n\n    window.setTimeout(() => {\n      if (questionIndex < nodes.questions.length - 1) {\n        showQuestion(questionIndex + 1);\n        scrollToTitle(\"quiz\");\n      } else {\n        renderResult();\n        setPage(\"result\");\n      }\n      isAdvancing = false;\n    }, 170);\n  };\n\n  const getScores = () => {\n    const dims = Object.keys(dimMeta).reduce((acc, key) => {\n      acc[key] = 0;\n      return acc;\n    }, {});\n\n    let total = 0;\n    const optionCounts = { A: 0, B: 0, C: 0 };\n\n    answers.forEach((answer) => {\n      if (!answer) return;\n      total += answer.score;\n      dims[answer.dim] += answer.score;\n\n      if (answer.optionText.startsWith(\"A.\")) optionCounts.A += 1;\n      if (answer.optionText.startsWith(\"B.\")) optionCounts.B += 1;\n      if (answer.optionText.startsWith(\"C.\")) optionCounts.C += 1;\n    });\n\n    return { total, dims, optionCounts };\n  };\n\n  const updateBandMarker = (score) => {\n    const min = 24;\n    const max = 120;\n    const percent = ((Math.max(min, Math.min(score, max)) - min) \/ (max - min)) * 100;\n    nodes.marker.style.left = `${percent}%`;\n  };\n\n  const updateResultText = ({ total, dims, optionCounts }) => {\n    const band = getBand(total);\n    const [topKey, topValue] = Object.entries(dims).reduce((top, item) => item[1] > top[1] ? item : top, [\"body\", 0]);\n\n    nodes.totalScore.textContent = String(total);\n    nodes.totalScoreCard.textContent = String(total);\n    nodes.topDimShort.textContent = dimMeta[topKey].label;\n    nodes.resultSummary.textContent = getBandText(band);\n    nodes.topDim.textContent = `${dimMeta[topKey].label}\uff1a${topValue} \u5206`;\n    nodes.topAdvice.textContent = dimMeta[topKey].advice;\n    nodes.answerSummary.textContent = `\u7b54\u6848\u5206\u5e03\uff1aA \u9078\u9805 ${optionCounts.A} \u984c\u3001B \u9078\u9805 ${optionCounts.B} \u984c\u3001C \u9078\u9805 ${optionCounts.C} \u984c\u3002A \u8d8a\u591a\u901a\u5e38\u4ee3\u8868\u81ea\u5351\u611f\u8d8a\u6c89\u91cd\uff0cC \u8d8a\u591a\u901a\u5e38\u4ee3\u8868\u81ea\u6211\u63a5\u7d0d\u8207\u884c\u52d5\u611f\u8f03\u7a69\u5b9a\u3002`;\n\n    nodes.resultBands.forEach((article) => {\n      article.hidden = article.dataset.resultBand !== band;\n    });\n\n    updateBandMarker(total);\n  };\n\n  const renderChart = (dims) => {\n    if (!nodes.chartCanvas || typeof Chart === \"undefined\") {\n      nodes.chartStatus.textContent = \"\u5716\u8868\u5957\u4ef6\u5c1a\u672a\u8f09\u5165\uff0c\u4f46\u5206\u6578\u5df2\u5b8c\u6210\u8a08\u7b97\u3002\";\n      return;\n    }\n\n    if (chartInstance) {\n      chartInstance.destroy();\n      chartInstance = null;\n    }\n\n    nodes.chartStatus.textContent = \"\u5716\u8868\u5df2\u5b8c\u6210\u3002\";\n\n    const labels = Object.keys(dimMeta).map((key) => dimMeta[key].label);\n    const values = Object.keys(dimMeta).map((key) => dims[key]);\n\n    chartInstance = new Chart(nodes.chartCanvas, {\n      type: \"bar\",\n      data: {\n        labels,\n        datasets: [{\n          label: \"\u9762\u5411\u5206\u6578\",\n          data: values,\n          backgroundColor: [\"#aebf9e\", \"#d9c6a5\", \"#f1e2c7\", \"#c7b29b\", \"#b99372\", \"#d8c7b3\", \"#ebcfb5\"],\n          borderColor: \"#fffaf2\",\n          borderWidth: 1,\n          borderRadius: 12,\n          maxBarThickness: 42\n        }]\n      },\n      options: {\n        indexAxis: \"y\",\n        responsive: true,\n        maintainAspectRatio: false,\n        layout: {\n          padding: 8\n        },\n        scales: {\n          x: {\n            beginAtZero: true,\n            suggestedMax: 35,\n            ticks: {\n              color: \"#675f55\",\n              font: {\n                size: window.matchMedia(\"(max-width: 575px)\").matches ? 12 : 14\n              }\n            },\n            grid: {\n              color: \"rgba(108, 83, 58, 0.14)\"\n            }\n          },\n          y: {\n            ticks: {\n              color: \"#302a24\",\n              font: {\n                size: window.matchMedia(\"(max-width: 575px)\").matches ? 12 : 16,\n                weight: \"700\"\n              }\n            },\n            grid: {\n              display: false\n            }\n          }\n        },\n        plugins: {\n          legend: {\n            labels: {\n              color: \"#302a24\",\n              font: {\n                size: window.matchMedia(\"(max-width: 575px)\").matches ? 12 : 16\n              }\n            }\n          },\n          tooltip: {\n            callbacks: {\n              label: (context) => `${context.dataset.label}\uff1a${context.parsed.x} \u5206`\n            }\n          }\n        }\n      }\n    });\n  };\n\n  const renderResult = () => {\n    const result = getScores();\n    updateResultText(result);\n    renderChart(result.dims);\n  };\n\n  const resetQuiz = () => {\n    answers.fill(null);\n    currentIndex = 0;\n    isAdvancing = false;\n\n    nodes.questions.forEach((question, index) => {\n      question.hidden = index !== 0;\n      question.querySelectorAll(\"[data-option]\").forEach((option) => {\n        option.dataset.selected = \"false\";\n        option.setAttribute(\"aria-pressed\", \"false\");\n      });\n    });\n\n    if (chartInstance) {\n      chartInstance.destroy();\n      chartInstance = null;\n    }\n\n    nodes.chartStatus.textContent = \"\u5716\u8868\u6e96\u5099\u4e2d\u3002\";\n    updateProgress();\n    setPage(\"intro\");\n  };\n\n  app.addEventListener(\"click\", (event) => {\n    const option = event.target.closest(\"[data-option]\");\n    const action = event.target.closest(\"[data-action]\");\n\n    if (option && app.contains(option)) {\n      selectOption(option);\n      return;\n    }\n\n    if (!action || !app.contains(action)) return;\n\n    const actionName = action.dataset.action;\n\n    if (actionName === \"start\") {\n      showQuestion(currentIndex);\n      setPage(\"quiz\");\n      return;\n    }\n\n    if (actionName === \"prev\" && currentIndex > 0) {\n      showQuestion(currentIndex - 1);\n      scrollToTitle(\"quiz\");\n      return;\n    }\n\n    if (actionName === \"restart\") {\n      resetQuiz();\n    }\n  });\n\n  nodes.questions.forEach((question) => {\n    question.querySelectorAll(\"[data-option]\").forEach((option) => {\n      option.dataset.selected = \"false\";\n      option.setAttribute(\"aria-pressed\", \"false\");\n    });\n  });\n\n  updateProgress();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6211\u4eec\u8981\u8bbe\u6cd5\u627e\u5230\u4ea7\u751f\u81ea\u5351\u611f\u7684\u539f\u56e0\uff0c\u5177\u4f53\u5206\u6790\u5bf9\u5f85\uff0c\u624d\u80fd\u52aa\u529b\u514b\u670d\u81ea\u5351\u5fc3\u7406\u3002\u4e0b\u9762\u8fd9\u4e2a\u6d4b\u8bd5\u662f\u4e3a\u5e2e\u52a9\u4eba\u4eec\u627e\u51fa\u81ea\u5351\u611f\u4ea7\u751f\u7684\u539f\u56e0\u800c\u8bbe\u8ba1\u7684\uff0c\u8bf7\u5728\u6bcf\u9898\u4e09\u4e2a\u9009\u9879\u4e2d\u9009\u62e9\u4e00\u4e2a\u6700\u9002\u5408\u4f60\u7684\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[167,169,162],"tags":[225],"class_list":["post-2808","post","type-post","status-publish","format-standard","hentry","category-personality","category-psychological-symptom-scales","category-clinical","tag-self-abasement"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2808","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=2808"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2808\/revisions"}],"predecessor-version":[{"id":10801,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2808\/revisions\/10801"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}