{"id":3173,"date":"2023-10-24T09:24:08","date_gmt":"2023-10-24T01:24:08","guid":{"rendered":"https:\/\/bookmark.tw\/?p=3173"},"modified":"2026-05-14T19:48:49","modified_gmt":"2026-05-14T11:48:49","slug":"hysteria-index","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/hysteria-index","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u6b47\u65af\u5e95\u91cc\u6307\u6570\u6709\u591a\u9ad8"},"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<!-- HTML\uff1a\u7d50\u69cb -->\n<section id=\"quizapp9\" data-quiz-app=\"quiz9\" lang=\"zh-Hant-TW\">\n  <section id=\"quizintro9\" data-page=\"intro9\">\n    <article class=\"quiz9-shell\">\n      <div class=\"quiz9-hero-card\">\n        <div class=\"quiz9-floating-icons\" aria-hidden=\"true\">\n          <span><i class=\"bi bi-heart-fill\"><\/i><\/span>\n          <span><i class=\"bi bi-stars\"><\/i><\/span>\n          <span><i class=\"bi bi-gem\"><\/i><\/span>\n        <\/div>\n\n        <div class=\"quiz9-icon-main\" aria-hidden=\"true\">\n          <i class=\"bi bi-fire\"><\/i>\n        <\/div>\n\n        <h1 tabindex=\"-1\" data-title=\"intro9\">\u4f60\u7684\u6b47\u65af\u5e95\u88e1\u6307\u6578\u6709\u591a\u9ad8\uff1f<\/h1>\n        <p class=\"quiz9-subtitle\">\u5f9e\u4f60\u9078\u64c7\u7684\u7d05\u8272\u884c\u982d\uff0c\u770b\u51fa\u60c5\u7dd2\u7206\u767c\u529b\u3001\u539f\u5247\u611f\u8207\u4eba\u969b\u53cd\u61c9\u6a21\u5f0f\u3002<\/p>\n\n        <p class=\"quiz9-copy\">\n          \u7d05\u8272\u50cf\u662f\u70c8\u7130\uff0c\u71b1\u60c5\u3001\u9192\u76ee\uff0c\u4e5f\u5e38\u88ab\u8996\u70ba\u5e36\u4f86\u597d\u904b\u8207\u559c\u6c23\u7684\u984f\u8272\u3002\n          \u5047\u5982\u60f3\u7528\u7d05\u8272\u70ba\u81ea\u5df1\u6539\u904b\u6dfb\u559c\uff0c\u4f60\u6700\u60f3\u7a7f\u6234\u54ea\u4e00\u6a23\u7d05\u8272\u884c\u982d\u5462\uff1f\n        <\/p>\n\n        <button type=\"button\" class=\"quiz9-start-btn\" data-action=\"start\">\n          \u958b\u59cb\u6e2c\u9a57\n          <i class=\"bi bi-arrow-right-short\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" hidden>\n    <article class=\"quiz9-shell\">\n      <div class=\"quiz9-card\">\n        <header class=\"quiz9-question-header\">\n          <p class=\"quiz9-kicker\">\u55ae\u984c\u76f4\u89ba\u6e2c\u9a57<\/p>\n          <h2 tabindex=\"-1\" data-title=\"quiz9\">\u4f60\u6703\u9078\u64c7\u7a7f\u6234\u54ea\u4e9b\u7d05\u8272\u884c\u982d\uff0c\u4f86\u5e6b\u81ea\u5df1\u6539\u904b\u3001\u6dfb\u559c\u6c23\u5462\uff1f<\/h2>\n        <\/header>\n\n        <div data-status=\"quiz9\" class=\"quiz9-status\" aria-live=\"polite\"><\/div>\n\n        <div class=\"quiz9-options\" data-options>\n          <button type=\"button\" class=\"quiz9-option-card\" data-option=\"A\" data-score=\"33\" data-dimension-calm=\"86\" data-dimension-principle=\"48\" data-dimension-image=\"72\" data-dimension-trust=\"40\">\n            <span class=\"quiz9-option-dot\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span>\n            <span class=\"quiz9-option-text\">\n              <strong>A.<\/strong> \u7d05\u8272\u9577\u9774\n            <\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"quiz9-option-card\" data-option=\"B\" data-score=\"82\" data-dimension-calm=\"32\" data-dimension-principle=\"92\" data-dimension-image=\"52\" data-dimension-trust=\"58\">\n            <span class=\"quiz9-option-dot\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span>\n            <span class=\"quiz9-option-text\">\n              <strong>B.<\/strong> \u7d05\u8272\u76ae\u5305\n            <\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"quiz9-option-card\" data-option=\"C\" data-score=\"45\" data-dimension-calm=\"76\" data-dimension-principle=\"62\" data-dimension-image=\"88\" data-dimension-trust=\"46\">\n            <span class=\"quiz9-option-dot\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span>\n            <span class=\"quiz9-option-text\">\n              <strong>C.<\/strong> \u7d05\u8272\u76ae\u5916\u5957\n            <\/span>\n          <\/button>\n\n          <button type=\"button\" class=\"quiz9-option-card\" data-option=\"D\" data-score=\"68\" data-dimension-calm=\"50\" data-dimension-principle=\"70\" data-dimension-image=\"56\" data-dimension-trust=\"88\">\n            <span class=\"quiz9-option-dot\" aria-hidden=\"true\"><i class=\"bi bi-check-lg\"><\/i><\/span>\n            <span class=\"quiz9-option-text\">\n              <strong>D.<\/strong> \u7d05\u8272\u5167\u8863\u8932\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"quiz9-back-wrap\">\n          <button type=\"button\" class=\"quiz9-secondary-btn\" data-action=\"back-intro\">\n            <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n            \u4e0a\u4e00\u984c\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" hidden>\n    <article class=\"quiz9-shell\">\n      <div class=\"quiz9-result-card\">\n        <div class=\"quiz9-icon-main\" aria-hidden=\"true\">\n          <i class=\"bi bi-clipboard-heart\"><\/i>\n        <\/div>\n\n        <header>\n          <p class=\"quiz9-kicker\">\u6e2c\u9a57\u7d50\u679c<\/p>\n          <h2 tabindex=\"-1\" data-title=\"result9\">\u4f60\u7684\u6b47\u65af\u5e95\u88e1\u6307\u6578\uff1a<span data-result-score>&#8212;<\/span>%<\/h2>\n          <p class=\"quiz9-subtitle\" data-result-label>\u6b63\u5728\u7522\u751f\u89e3\u6790<\/p>\n        <\/header>\n\n        <div class=\"quiz9-result-grid\">\n          <section class=\"quiz9-panel\" aria-labelledby=\"quiz9ChartTitle\">\n            <h3 id=\"quiz9ChartTitle\">\u591a\u7dad\u5ea6\u60c5\u7dd2\u8f2a\u5ed3<\/h3>\n            <p class=\"quiz9-chart-note\" data-chart-status aria-live=\"polite\"><\/p>\n            <div class=\"quiz9-chart-box\">\n              <canvas data-chart=\"radar\" aria-label=\"\u591a\u7dad\u5ea6\u5206\u6578\u96f7\u9054\u5716\"><\/canvas>\n            <\/div>\n          <\/section>\n\n          <section class=\"quiz9-panel\" aria-labelledby=\"quiz9MeterTitle\">\n            <h3 id=\"quiz9MeterTitle\">\u6574\u9ad4\u4f4d\u7f6e<\/h3>\n            <div class=\"quiz9-meter\" aria-hidden=\"true\">\n              <div class=\"quiz9-meter-bar\">\n                <span data-range=\"low\"><\/span>\n                <span data-range=\"mid\"><\/span>\n                <span data-range=\"high\"><\/span>\n                <span data-range=\"veryhigh\"><\/span>\n                <span class=\"quiz9-meter-dot\" data-meter-dot><\/span>\n              <\/div>\n              <div class=\"quiz9-meter-legend\">\n                <span>\u7a69\u5b9a 0\u201339<\/span>\n                <span>\u6709\u500b\u6027 40\u201359<\/span>\n                <span>\u6613\u53d7\u5f71\u97ff 60\u201374<\/span>\n                <span>\u5f37\u70c8\u53cd\u61c9 75\u2013100<\/span>\n              <\/div>\n            <\/div>\n          <\/section>\n        <\/div>\n\n        <div class=\"quiz9-analysis\" data-results>\n          <section data-result=\"A\" hidden>\n            <h3>A \u578b\uff5c\u4e7e\u6de8\u4fd0\u843d\u7684\u7a69\u5b9a\u6d3e<\/h3>\n            <p>\n              \u4f60\u7684\u6b47\u65af\u5e95\u88e1\u6307\u6578\u662f 33%\u3002\u4f60\u559c\u6b61\u76e1\u5feb\u628a\u4e8b\u60c5\u505a\u597d\uff0c\u8655\u7406\u554f\u984c\u4e7e\u8106\u4fd0\u843d\uff0c\u4e0d\u592a\u62d6\u6ce5\u5e36\u6c34\u3002\n              \u4f60\u7fd2\u6163\u7368\u7acb\u4f5c\u696d\uff0c\u6703\u76e1\u91cf\u9760\u81ea\u5df1\u628a\u4e8b\u60c5\u5b8c\u6210\u3002\n            <\/p>\n            <p>\n              \u56e0\u70ba\u4f60\u591a\u534a\u8b93\u751f\u6d3b\u7dad\u6301\u5728\u53ef\u638c\u63a7\u7684\u72c0\u614b\uff0c\u6240\u4ee5\u6bd4\u8f03\u5c11\u51fa\u73fe\u975e\u7406\u6027\u7684\u5931\u63a7\u8868\u73fe\u3002\n              \u5efa\u8b70\u4f60\u5076\u723e\u4e5f\u53ef\u4ee5\u5141\u8a31\u81ea\u5df1\u6c42\u52a9\uff0c\u8b93\u58d3\u529b\u4e0d\u5fc5\u5168\u90e8\u7531\u81ea\u5df1\u627f\u64d4\u3002\n            <\/p>\n          <\/section>\n\n          <section data-result=\"B\" hidden>\n            <h3>B \u578b\uff5c\u539f\u5247\u9bae\u660e\u7684\u6b63\u7fa9\u6d3e<\/h3>\n            <p>\n              \u4f60\u7684\u6b47\u65af\u5e95\u88e1\u6307\u6578\u662f 82%\u3002\u4f60\u5f88\u91cd\u8996\u539f\u5247\u8207\u5c0a\u91cd\uff0c\u82e5\u6709\u4eba\u6545\u610f\u6311\u91c1\u4f60\u7684\u4fe1\u5ff5\uff0c\n              \u4f60\u901a\u5e38\u4e0d\u6703\u8f15\u6613\u5fd8\u8a18\uff0c\u4e5f\u6703\u5e0c\u671b\u5c0d\u65b9\u7406\u89e3\u754c\u7dda\u3002\n            <\/p>\n            <p>\n              \u4f60\u7684\u60c5\u7dd2\u5f37\u5ea6\u4f86\u81ea\u5f37\u70c8\u7684\u662f\u975e\u611f\u8207\u81ea\u6211\u8981\u6c42\u3002\u5efa\u8b70\u5728\u8868\u9054\u4e0d\u6eff\u524d\uff0c\u5148\u78ba\u8a8d\u5c0d\u65b9\u610f\u5716\u8207\u4e8b\u5be6\u7d30\u7bc0\uff0c\n              \u80fd\u8b93\u4f60\u7684\u6b63\u7fa9\u611f\u66f4\u6709\u529b\u91cf\uff0c\u4e5f\u66f4\u4e0d\u5bb9\u6613\u88ab\u8aa4\u89e3\u3002\n            <\/p>\n          <\/section>\n\n          <section data-result=\"C\" hidden>\n            <h3>C \u578b\uff5c\u91cd\u8996\u54c1\u5473\u7684\u5f62\u8c61\u6d3e<\/h3>\n            <p>\n              \u4f60\u7684\u6b47\u65af\u5e95\u88e1\u6307\u6578\u662f 45%\u3002\u4f60\u505a\u4e8b\u5e38\u8ddf\u8457\u597d\u60e1\u8207\u76f4\u89ba\u8d70\uff0c\u559c\u6b61\u8207\u8a0e\u53ad\u7684\u611f\u89ba\u90fd\u5f88\u9bae\u660e\uff0c\n              \u6709\u6642\u9023\u81ea\u5df1\u4e5f\u672a\u5fc5\u80fd\u5b8c\u5168\u8aaa\u6e05\u539f\u56e0\u3002\n            <\/p>\n            <p>\n              \u4f60\u91cd\u8996\u5100\u614b\u3001\u6c23\u8cea\u8207\u5f62\u8c61\uff0c\u5373\u4f7f\u60f3\u767c\u813e\u6c23\uff0c\u4e5f\u6703\u770b\u5834\u5408\u62ff\u634f\u5206\u5bf8\u3002\n              \u5efa\u8b70\u4f60\u628a\u76f4\u89ba\u8f49\u5316\u6210\u6e05\u695a\u8868\u9054\uff0c\u80fd\u6e1b\u5c11\u4ed6\u4eba\u731c\u6e2c\uff0c\u4e5f\u8b93\u95dc\u4fc2\u66f4\u8f15\u9b06\u3002\n            <\/p>\n          <\/section>\n\n          <section data-result=\"D\" hidden>\n            <h3>D \u578b\uff5c\u71b1\u5fc3\u5584\u826f\u7684\u5171\u611f\u6d3e<\/h3>\n            <p>\n              \u4f60\u7684\u6b47\u65af\u5e95\u88e1\u6307\u6578\u662f 68%\u3002\u4f60\u6bd4\u8f03\u5bb9\u6613\u76f8\u4fe1\u719f\u4eba\u6216\u4fe1\u4efb\u4f86\u6e90\u50b3\u4f86\u7684\u8a0a\u606f\uff0c\n              \u9762\u5c0d\u8b66\u8a0a\u3001\u63d0\u9192\u6216\u6d41\u8a00\u6642\uff0c\u5e38\u6703\u56e0\u70ba\u5584\u610f\u800c\u5feb\u901f\u5206\u4eab\u3002\n            <\/p>\n            <p>\n              \u4f60\u7684\u71b1\u8aa0\u5f88\u53ef\u8cb4\uff0c\u4f46\u4e5f\u53ef\u80fd\u56e0\u6b64\u88ab\u4e0d\u5b8c\u6574\u6216\u4e0d\u6b63\u78ba\u7684\u6d88\u606f\u5f71\u97ff\u3002\n              \u5efa\u8b70\u4f60\u5728\u8f49\u50b3\u6216\u53cd\u61c9\u524d\uff0c\u591a\u82b1\u4e00\u9ede\u6642\u9593\u67e5\u8b49\u4f86\u6e90\uff0c\u80fd\u8b93\u4f60\u7684\u95dc\u5fc3\u66f4\u7a69\u5b9a\u53ef\u9760\u3002\n            <\/p>\n          <\/section>\n        <\/div>\n\n        <div class=\"quiz9-summary-box\" data-speed-warning hidden aria-live=\"polite\">\n          <i class=\"bi bi-info-circle\" aria-hidden=\"true\"><\/i>\n          \u4f60\u7684\u4f5c\u7b54\u901f\u5ea6\u975e\u5e38\u5feb\uff0c\u9019\u4efd\u7d50\u679c\u53ef\u80fd\u8f03\u504f\u5411\u77ac\u9593\u76f4\u89ba\uff0c\u5efa\u8b70\u53ef\u91cd\u65b0\u6e2c\u4e00\u6b21\u78ba\u8a8d\u3002\n        <\/div>\n\n        <button type=\"button\" class=\"quiz9-start-btn\" data-action=\"restart\">\n          \u91cd\u65b0\u6e2c\u9a57\n          <i class=\"bi bi-arrow-repeat\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n<\/section>\n\n<!-- CSS\uff1a\u6a23\u5f0f -->\n<style>\n  #quizapp9,\n  [data-quiz-app=\"quiz9\"] {\n    --quiz9-ink: #33251f;\n    --quiz9-muted: #6f5d55;\n    --quiz9-soft: #fff7f2;\n    --quiz9-card: #fffdfb;\n    --quiz9-line: rgba(92, 65, 52, 0.16);\n    --quiz9-peach: #f7bfa8;\n    --quiz9-coral: #d97862;\n    --quiz9-rose: #b85d52;\n    --quiz9-sage: #8ba888;\n    --quiz9-sand: #ead6bd;\n    --quiz9-brown: #5a3b2e;\n    --quiz9-shadow: 0 18px 45px rgba(91, 61, 48, 0.16);\n    --quiz9-radius: 28px;\n    max-width: 750px;\n    margin: 0 auto;\n    color: var(--quiz9-ink);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  #quizapp9 *,\n  #quizapp9 *::before,\n  #quizapp9 *::after {\n    box-sizing: border-box;\n  }\n\n  #quizapp9 [hidden] {\n    display: none !important;\n  }\n\n  #quizapp9 .quiz9-shell {\n    width: 100%;\n    padding: 16px;\n  }\n\n  #quizapp9 .quiz9-hero-card,\n  #quizapp9 .quiz9-card,\n  #quizapp9 .quiz9-result-card {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--quiz9-line);\n    border-radius: var(--quiz9-radius);\n    background:\n      radial-gradient(circle at 12% 8%, rgba(247, 191, 168, 0.36), transparent 28%),\n      radial-gradient(circle at 88% 14%, rgba(139, 168, 136, 0.22), transparent 30%),\n      linear-gradient(145deg, #fffdfb 0%, #fff7f2 100%);\n    box-shadow: var(--quiz9-shadow);\n    padding: 32px 20px;\n  }\n\n  #quizapp9 .quiz9-hero-card,\n  #quizapp9 .quiz9-result-card {\n    display: flex;\n    min-height: 520px;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    text-align: center;\n  }\n\n  #quizapp9 .quiz9-card {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n\n  #quizapp9 .quiz9-floating-icons {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  #quizapp9 .quiz9-floating-icons span {\n    position: absolute;\n    display: grid;\n    width: 48px;\n    height: 48px;\n    place-items: center;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.72);\n    color: var(--quiz9-rose);\n    box-shadow: 0 10px 24px rgba(91, 61, 48, 0.12);\n  }\n\n  #quizapp9 .quiz9-floating-icons span:nth-child(1) {\n    top: 24px;\n    left: 24px;\n    transform: rotate(-10deg);\n  }\n\n  #quizapp9 .quiz9-floating-icons span:nth-child(2) {\n    top: 38px;\n    right: 30px;\n    color: var(--quiz9-sage);\n    transform: rotate(8deg);\n  }\n\n  #quizapp9 .quiz9-floating-icons span:nth-child(3) {\n    right: 42px;\n    bottom: 34px;\n    color: var(--quiz9-coral);\n    transform: rotate(-6deg);\n  }\n\n  #quizapp9 .quiz9-icon-main {\n    display: grid;\n    width: 84px;\n    height: 84px;\n    place-items: center;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #f8c8b6, #d97862);\n    color: #fffdfb;\n    font-size: 38px;\n    box-shadow: 0 16px 32px rgba(184, 93, 82, 0.26);\n  }\n\n  #quizapp9 h1,\n  #quizapp9 h2,\n  #quizapp9 h3 {\n    margin: 0;\n    color: var(--quiz9-ink);\n    line-height: 1.25;\n    letter-spacing: 0.01em;\n  }\n\n  #quizapp9 h1 {\n    max-width: 620px;\n    font-size: clamp(30px, 7vw, 40px);\n    font-weight: 800;\n  }\n\n  #quizapp9 h2 {\n    font-size: clamp(24px, 5.5vw, 34px);\n    font-weight: 800;\n  }\n\n  #quizapp9 h3 {\n    font-size: clamp(20px, 4.6vw, 24px);\n    font-weight: 750;\n  }\n\n  #quizapp9 .quiz9-subtitle {\n    max-width: 600px;\n    margin: 0;\n    color: var(--quiz9-muted);\n    font-size: clamp(17px, 4vw, 20px);\n    font-weight: 600;\n  }\n\n  #quizapp9 .quiz9-copy {\n    max-width: 610px;\n    margin: 0;\n    color: var(--quiz9-muted);\n    font-size: 16px;\n  }\n\n  #quizapp9 .quiz9-kicker {\n    margin: 0 0 8px;\n    color: var(--quiz9-rose);\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n  }\n\n  #quizapp9 .quiz9-start-btn,\n  #quizapp9 .quiz9-secondary-btn {\n    display: inline-flex;\n    min-width: 144px;\n    min-height: 48px;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    border: 0;\n    border-radius: 999px;\n    font-weight: 800;\n    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;\n  }\n\n  #quizapp9 .quiz9-start-btn {\n    margin-top: 8px;\n    padding: 12px 24px;\n    background: linear-gradient(135deg, #d97862, #ad584e);\n    color: #fff;\n    box-shadow: 0 14px 26px rgba(173, 88, 78, 0.28);\n  }\n\n  #quizapp9 .quiz9-start-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 18px 32px rgba(173, 88, 78, 0.34);\n  }\n\n  #quizapp9 .quiz9-secondary-btn {\n    padding: 10px 18px;\n    border: 1px solid var(--quiz9-line);\n    background: rgba(255, 255, 255, 0.78);\n    color: var(--quiz9-brown);\n  }\n\n  #quizapp9 .quiz9-secondary-btn:hover {\n    transform: translateY(-1px);\n    background: #fff;\n    box-shadow: 0 10px 22px rgba(91, 61, 48, 0.1);\n  }\n\n  #quizapp9 button:focus-visible {\n    outline: 3px solid rgba(184, 93, 82, 0.42);\n    outline-offset: 4px;\n  }\n\n  #quizapp9 .quiz9-question-header {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  #quizapp9 .quiz9-status {\n    min-height: 24px;\n    color: var(--quiz9-muted);\n    font-weight: 700;\n  }\n\n  #quizapp9 .quiz9-options {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  #quizapp9 .quiz9-option-card {\n    display: flex;\n    min-height: 64px;\n    width: 100%;\n    align-items: center;\n    gap: 14px;\n    border: 1px solid var(--quiz9-line);\n    border-radius: 20px;\n    background: rgba(255, 255, 255, 0.78);\n    color: var(--quiz9-ink);\n    padding: 14px;\n    text-align: left;\n    box-shadow: 0 10px 22px rgba(91, 61, 48, 0.08);\n    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;\n    contain: layout paint;\n  }\n\n  #quizapp9 .quiz9-option-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(184, 93, 82, 0.42);\n    background: #fff;\n    box-shadow: 0 14px 28px rgba(91, 61, 48, 0.12);\n  }\n\n  #quizapp9 .quiz9-option-card.is-selected {\n    border-color: rgba(184, 93, 82, 0.72);\n    background: #fff5ef;\n    box-shadow: 0 16px 30px rgba(184, 93, 82, 0.14);\n  }\n\n  #quizapp9 .quiz9-option-card:disabled {\n    cursor: not-allowed;\n    opacity: 0.82;\n  }\n\n  #quizapp9 .quiz9-option-dot {\n    display: grid;\n    flex: 0 0 28px;\n    width: 28px;\n    height: 28px;\n    place-items: center;\n    border: 2px solid rgba(111, 93, 85, 0.38);\n    border-radius: 999px;\n    color: transparent;\n    transition: background 180ms ease, border-color 180ms ease, color 180ms ease;\n  }\n\n  #quizapp9 .quiz9-option-card.is-selected .quiz9-option-dot {\n    border-color: var(--quiz9-rose);\n    background: var(--quiz9-rose);\n    color: #fff;\n  }\n\n  #quizapp9 .quiz9-option-text {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 17px;\n    font-weight: 650;\n  }\n\n  #quizapp9 .quiz9-back-wrap {\n    display: flex;\n    justify-content: center;\n  }\n\n  #quizapp9 .quiz9-result-grid {\n    display: grid;\n    width: 100%;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    margin-top: 8px;\n  }\n\n  #quizapp9 .quiz9-panel,\n  #quizapp9 .quiz9-analysis,\n  #quizapp9 .quiz9-summary-box {\n    width: 100%;\n    border: 1px solid var(--quiz9-line);\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.76);\n    padding: 18px;\n    box-shadow: 0 10px 24px rgba(91, 61, 48, 0.08);\n  }\n\n  #quizapp9 .quiz9-panel {\n    contain: layout paint;\n  }\n\n  #quizapp9 .quiz9-chart-note {\n    min-height: 22px;\n    margin: 8px 0 0;\n    color: var(--quiz9-muted);\n    font-size: 14px;\n  }\n\n  #quizapp9 .quiz9-chart-box {\n    position: relative;\n    width: min(100%, 360px);\n    height: 300px;\n    margin: 8px auto 0;\n  }\n\n  #quizapp9 .quiz9-meter {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    margin-top: 14px;\n  }\n\n  #quizapp9 .quiz9-meter-bar {\n    position: relative;\n    display: grid;\n    height: 32px;\n    overflow: visible;\n    border-radius: 999px;\n    grid-template-columns: 39fr 20fr 15fr 26fr;\n    box-shadow: inset 0 0 0 1px rgba(92, 65, 52, 0.12);\n  }\n\n  #quizapp9 .quiz9-meter-bar span[data-range] {\n    min-width: 0;\n  }\n\n  #quizapp9 [data-range=\"low\"] {\n    border-radius: 999px 0 0 999px;\n    background: #c9d8bd;\n  }\n\n  #quizapp9 [data-range=\"mid\"] {\n    background: #ead6bd;\n  }\n\n  #quizapp9 [data-range=\"high\"] {\n    background: #e8b39e;\n  }\n\n  #quizapp9 [data-range=\"veryhigh\"] {\n    border-radius: 0 999px 999px 0;\n    background: #cf8271;\n  }\n\n  #quizapp9 .quiz9-meter-dot {\n    position: absolute;\n    top: 50%;\n    left: 0%;\n    width: 20px;\n    height: 20px;\n    border: 3px solid #fffdfb;\n    border-radius: 999px;\n    background: var(--quiz9-brown);\n    box-shadow: 0 6px 14px rgba(90, 59, 46, 0.32);\n    transform: translate(-50%, -50%);\n    transition: left 240ms ease;\n  }\n\n  #quizapp9 .quiz9-meter-legend {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    color: var(--quiz9-muted);\n    font-size: 13px;\n    font-weight: 700;\n    text-align: left;\n  }\n\n  #quizapp9 .quiz9-analysis {\n    margin-top: 8px;\n    text-align: left;\n  }\n\n  #quizapp9 .quiz9-analysis p {\n    margin: 10px 0 0;\n    color: var(--quiz9-muted);\n  }\n\n  #quizapp9 .quiz9-summary-box {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-top: 8px;\n    color: var(--quiz9-brown);\n    text-align: left;\n    font-weight: 700;\n  }\n\n  @media (min-width: 576px) {\n    #quizapp9,\n    [data-quiz-app=\"quiz9\"] {\n      font-size: 17px;\n    }\n\n    #quizapp9 .quiz9-shell {\n      padding: 24px;\n    }\n\n    #quizapp9 .quiz9-hero-card,\n    #quizapp9 .quiz9-card,\n    #quizapp9 .quiz9-result-card {\n      padding: 44px 36px;\n    }\n\n    #quizapp9 .quiz9-meter-legend {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    #quizapp9 .quiz9-chart-box {\n      height: 340px;\n    }\n  }\n\n  @media (min-width: 720px) {\n    #quizapp9 .quiz9-options {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    #quizapp9 .quiz9-result-grid {\n      grid-template-columns: 1fr 1fr;\n      align-items: stretch;\n    }\n\n    #quizapp9 .quiz9-meter-legend {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #quizapp9 *,\n    #quizapp9 *::before,\n    #quizapp9 *::after {\n      scroll-behavior: auto !important;\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<!-- JavaScript\uff1a\u884c\u70ba -->\n<script>\n  (() => {\n    'use strict';\n\n    const app = document.querySelector('[data-quiz-app=\"quiz9\"]');\n    if (!app) return;\n\n    const pages = {\n      intro: app.querySelector('[data-page=\"intro9\"]'),\n      quiz: app.querySelector('[data-page=\"quiz9\"]'),\n      result: app.querySelector('[data-page=\"result9\"]')\n    };\n\n    const titles = {\n      intro: app.querySelector('[data-title=\"intro9\"]'),\n      quiz: app.querySelector('[data-title=\"quiz9\"]'),\n      result: app.querySelector('[data-title=\"result9\"]')\n    };\n\n    const optionsWrap = app.querySelector('[data-options]');\n    const optionButtons = Array.from(app.querySelectorAll('[data-option]'));\n    const quizStatus = app.querySelector('[data-status=\"quiz9\"]');\n    const chartStatus = app.querySelector('[data-chart-status]');\n    const resultScore = app.querySelector('[data-result-score]');\n    const resultLabel = app.querySelector('[data-result-label]');\n    const resultBlocks = Array.from(app.querySelectorAll('[data-result]'));\n    const speedWarning = app.querySelector('[data-speed-warning]');\n    const meterDot = app.querySelector('[data-meter-dot]');\n    const radarCanvas = app.querySelector('[data-chart=\"radar\"]');\n\n    let selectedOption = null;\n    let questionStartedAt = 0;\n    let answerTimes = [];\n    let chartInstance = null;\n    let locked = false;\n\n    const resultLabels = {\n      A: '\u7a69\u5b9a\u6d3e\uff1a\u638c\u63a7\u611f\u9ad8\uff0c\u60c5\u7dd2\u4e0d\u5bb9\u6613\u5931\u901f',\n      B: '\u6b63\u7fa9\u6d3e\uff1a\u539f\u5247\u660e\u78ba\uff0c\u60c5\u7dd2\u53cd\u61c9\u5f37\u70c8',\n      C: '\u5f62\u8c61\u6d3e\uff1a\u6709\u500b\u6027\uff0c\u4f46\u61c2\u5f97\u62ff\u634f\u5206\u5bf8',\n      D: '\u5171\u611f\u6d3e\uff1a\u71b1\u5fc3\u654f\u611f\uff0c\u5bb9\u6613\u88ab\u8a0a\u606f\u727d\u52d5'\n    };\n\n    const chartLabels = ['\u60c5\u7dd2\u7a69\u5b9a', '\u539f\u5247\u5f37\u5ea6', '\u5f62\u8c61\u81ea\u6301', '\u4fe1\u4efb\u654f\u611f'];\n    const chartColors = {\n      border: 'rgba(184, 93, 82, 0.92)',\n      background: 'rgba(217, 120, 98, 0.22)',\n      grid: 'rgba(92, 65, 52, 0.16)',\n      tick: '#6f5d55',\n      point: '#5a3b2e'\n    };\n\n    const scrollToTitle = (title) => {\n      if (!title) return;\n      window.requestAnimationFrame(() => {\n        title.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        title.focus({ preventScroll: true });\n      });\n    };\n\n    const showPage = (pageName) => {\n      Object.entries(pages).forEach(([key, page]) => {\n        page.hidden = key !== pageName;\n      });\n      scrollToTitle(titles[pageName]);\n    };\n\n    const resetQuiz = () => {\n      selectedOption = null;\n      answerTimes = [];\n      locked = false;\n      questionStartedAt = 0;\n      quizStatus.textContent = '';\n      optionButtons.forEach((button) => {\n        button.disabled = false;\n        button.classList.remove('is-selected');\n        button.removeAttribute('aria-pressed');\n      });\n      resultBlocks.forEach((block) => {\n        block.hidden = true;\n      });\n      speedWarning.hidden = true;\n      resultScore.textContent = '--';\n      resultLabel.textContent = '\u6b63\u5728\u7522\u751f\u89e3\u6790';\n      if (meterDot) meterDot.style.left = '0%';\n      if (chartInstance) {\n        chartInstance.destroy();\n        chartInstance = null;\n      }\n    };\n\n    const startQuiz = () => {\n      resetQuiz();\n      questionStartedAt = performance.now();\n      quizStatus.textContent = '\u8acb\u6191\u76f4\u89ba\u9078\u64c7\u4e00\u500b\u6700\u6709\u611f\u89ba\u7684\u7b54\u6848\u3002';\n      showPage('quiz');\n    };\n\n    const getChartFontSize = () => (\n      window.matchMedia('(min-width: 576px)').matches ? 16 : 12\n    );\n\n    const renderChart = ({ calm, principle, image, trust }) => {\n      if (!radarCanvas || !window.Chart) {\n        chartStatus.textContent = '\u5716\u8868\u66ab\u6642\u7121\u6cd5\u8f09\u5165\uff0c\u4f46\u7d50\u679c\u89e3\u6790\u4ecd\u53ef\u6b63\u5e38\u95b1\u8b80\u3002';\n        return;\n      }\n\n      chartStatus.textContent = '\u5716\u8868\u5df2\u6839\u64da\u4f60\u7684\u9078\u64c7\u66f4\u65b0\u3002';\n\n      if (chartInstance) {\n        chartInstance.destroy();\n      }\n\n      chartInstance = new Chart(radarCanvas, {\n        type: 'radar',\n        data: {\n          labels: chartLabels,\n          datasets: [{\n            label: '\u4f60\u7684\u60c5\u7dd2\u8f2a\u5ed3',\n            data: [calm, principle, image, trust],\n            borderColor: chartColors.border,\n            backgroundColor: chartColors.background,\n            pointBackgroundColor: chartColors.point,\n            pointBorderColor: '#fffdfb',\n            pointRadius: 4,\n            borderWidth: 2\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.label}\uff1a${context.parsed.r} \u5206`\n              }\n            }\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: {\n                stepSize: 25,\n                color: chartColors.tick,\n                backdropColor: 'transparent',\n                font: {\n                  size: 11\n                }\n              },\n              pointLabels: {\n                color: '#33251f',\n                font: {\n                  size: getChartFontSize(),\n                  weight: '700'\n                }\n              },\n              grid: {\n                color: chartColors.grid\n              },\n              angleLines: {\n                color: chartColors.grid\n              }\n            }\n          }\n        }\n      });\n    };\n\n    const showResult = (button) => {\n      const {\n        option,\n        score,\n        dimensionCalm,\n        dimensionPrinciple,\n        dimensionImage,\n        dimensionTrust\n      } = button.dataset;\n\n      selectedOption = option;\n      const selectedScore = Number(score);\n      const dimensions = {\n        calm: Number(dimensionCalm),\n        principle: Number(dimensionPrinciple),\n        image: Number(dimensionImage),\n        trust: Number(dimensionTrust)\n      };\n\n      resultScore.textContent = String(selectedScore);\n      resultLabel.textContent = resultLabels[option] || '\u4f60\u7684\u500b\u4eba\u5316\u7d50\u679c';\n\n      resultBlocks.forEach((block) => {\n        block.hidden = block.dataset.result !== option;\n      });\n\n      if (meterDot) {\n        meterDot.style.left = `${Math.min(Math.max(selectedScore, 0), 100)}%`;\n      }\n\n      const isVeryFast = answerTimes.length > 0 && answerTimes.filter((time) => time < 900).length >= 1;\n      speedWarning.hidden = !isVeryFast;\n\n      showPage('result');\n      renderChart(dimensions);\n    };\n\n    const handleOptionClick = (button) => {\n      if (locked || !button || selectedOption) return;\n\n      locked = true;\n      const elapsed = performance.now() - questionStartedAt;\n      answerTimes.push(elapsed);\n\n      optionButtons.forEach((item) => {\n        item.disabled = true;\n        item.setAttribute('aria-pressed', 'false');\n      });\n\n      button.classList.add('is-selected');\n      button.setAttribute('aria-pressed', 'true');\n      quizStatus.textContent = '\u5df2\u9078\u64c7\uff0c\u6b63\u5728\u986f\u793a\u7d50\u679c\u3002';\n\n      window.setTimeout(() => {\n        showResult(button);\n      }, 260);\n    };\n\n    app.addEventListener('click', (event) => {\n      const actionButton = event.target.closest('[data-action]');\n      const optionButton = event.target.closest('[data-option]');\n\n      if (actionButton) {\n        const { action } = actionButton.dataset;\n\n        if (action === 'start') {\n          startQuiz();\n          return;\n        }\n\n        if (action === 'restart') {\n          resetQuiz();\n          showPage('intro');\n          return;\n        }\n\n        if (action === 'back-intro') {\n          resetQuiz();\n          showPage('intro');\n          return;\n        }\n      }\n\n      if (optionButton && optionsWrap && optionsWrap.contains(optionButton)) {\n        handleOptionClick(optionButton);\n      }\n    });\n\n    window.addEventListener('resize', () => {\n      if (!chartInstance) return;\n      const scale = chartInstance.options.scales.r;\n      scale.pointLabels.font.size = getChartFontSize();\n      chartInstance.update('none');\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u7ea2\u8272\u50cf\u662f\u70c8\u7130\uff0c\u8ba9\u4eba\u65e0\u53ef\u62b5\u6321\uff1b\u4e5f\u6709\u4eba\u8ba4\u4e3a\u7ea2\u8272\u53ef\u4ee5\u5e26\u6765\u597d\u8fd0\uff0c\u5728\u8eab\u4e0a\u5986\u70b9\u4e00\u4e9b\u62d6\u7ea2\u7684\u8272\u5f69\uff0c\u5c31\u53ef\u4ee5\u8ba9\u81ea\u5df1\u6d94\u8fd0\u5f53\u5934\u3002\u5c0f\u6d4b\u9a8c\uff1a\u6b47\u65af\u5e95\u91cc\u6307\u6570\u6709\u591a\u9ad8<\/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":[169,162],"tags":[],"class_list":["post-3173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-psychological-symptom-scales","category-clinical"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3173","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=3173"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3173\/revisions"}],"predecessor-version":[{"id":10743,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3173\/revisions\/10743"}],"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=3173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=3173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=3173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}