{"id":3168,"date":"2023-10-15T22:51:20","date_gmt":"2023-10-15T14:51:20","guid":{"rendered":"https:\/\/bookmark.tw\/?p=3168"},"modified":"2025-05-15T20:33:14","modified_gmt":"2025-05-15T12:33:14","slug":"mature-person-or-not","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/mature-person-or-not","title":{"rendered":"\u4f60\u662f\u6210\u719f\u7684\u4eba\u5417\uff1f\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c\uff0810\u9898\uff09"},"content":{"rendered":"<!-- \u6210\u719f\u5ea6\u6e2c\u9a57 - \u7c21\u5316\u53ef\u9760\u7684\u7248\u672c -->\n<!-- \u5f15\u5165Chart.js\u5eab - \u4f7f\u7528\u66f4\u7a69\u5b9a\u76843.7.1\u7248\u672c -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@3.7.1\/dist\/chart.min.js\"><\/script>\n\n<!-- HTML \u7d50\u69cb -->\n<div class=\"mkm-quiz-container\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section class=\"mkm-quiz-intro active\" aria-labelledby=\"mkm-intro-title\">\n    <header>\n      <h2 id=\"mkm-intro-title\" class=\"mkm-title\">\u4f60\u662f\u6210\u719f\u7684\u4eba\u55ce\uff1f<\/h2>\n      <p class=\"mkm-subtitle\">\u7dda\u4e0a\u514d\u8cbb\u5c0f\u6e2c\u9a57\uff0810\u984c\uff09<\/p>\n    <\/header>\n    \n    <div class=\"mkm-intro-content\">\n      <p>\u4e00\u4e2a\u4eba\u751f\u7ecf\u9a8c\u4e30\u5bcc\u7684\u4eba\u901a\u5e38\u662f\u4e00\u4e2a\u4e2a\u6027\u6210\u719f\u7684\u4eba\u3002\u8fd9\u6837\u7684\u4eba\u505a\u4efb\u4f55\u4e8b\u60c5\u90fd\u5bf9\u81ea\u5df1\u5145\u6ee1\u4fe1\u5fc3\uff0c\u76f8\u4fe1\u81ea\u5df1\u7684\u80fd\u529b\u548c\u601d\u60f3\uff0c\u5584\u4e8e\u8fd0\u7528\u81ea\u5df1\u7684\u77e5\u8bc6\u548c\u5b66\u95ee\u3002\u5728\u5de5\u4f5c\u4e2d\uff0c\u4ed6\u80fd\u9547\u5b9a\u5730\u9762\u5bf9\u4e00\u5207\uff0c\u54ea\u6015\u9047\u5230\u518d\u5927\u7684\u632b\u6298\u4e5f\u4e0d\u4f1a\u81ea\u66b4\u81ea\u5f03\u3002\u4ed6\u91cd\u89c6\u4e0e\u540c\u4e8b\u7684\u5173\u7cfb\uff0c\u4ed6\u6709\u81ea\u5df1\u72ec\u7279\u7684\u89c1\u89e3\uff0c\u8ffd\u6c42\u4e00\u4e2a\u7406\u667a\u3001\u6c38\u4e45\u3001\u5b9e\u9645\u7684\u751f\u6d3b\u539f\u5219\uff0c\u800c\u4e0d\u662f\u5047\u60f3\u3001\u504f\u89c1\u3001\u8ff7\u4fe1\u6240\u5f62\u6210\u7684\u751f\u6d3b\u539f\u5219\u3002<\/p>\n      \n      <div class=\"mkm-features\">\n        <div class=\"mkm-feature\">\n          <div class=\"mkm-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z\"\/>\n            <\/svg>\n          <\/div>\n          <h3>\u79d1\u5b78\u5206\u6790<\/h3>\n          <p>\u6e2c\u9a57\u57fa\u65bc\u5fc3\u7406\u5b78\u7814\u7a76\uff0c\u5e6b\u52a9\u60a8\u4e86\u89e3\u81ea\u5df1\u7684\u6210\u719f\u5ea6\u6c34\u5e73<\/p>\n        <\/div>\n        \n        <div class=\"mkm-feature\">\n          <div class=\"mkm-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n            <\/svg>\n          <\/div>\n          <h3>\u5373\u65f6\u7ed3\u679c<\/h3>\n          <p>\u5b8c\u6210\u6e2c\u9a57\u5f8c\u7acb\u5373\u7372\u5f97\u8a73\u7d30\u7684\u5206\u6790\u5831\u544a\u548c\u6210\u719f\u5ea6\u8a55\u4f30<\/p>\n        <\/div>\n        \n        <div class=\"mkm-feature\">\n          <div class=\"mkm-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\n            <\/svg>\n          <\/div>\n          <h3>\u4e2a\u4eba\u6210\u957f<\/h3>\n          <p>\u767c\u73fe\u6539\u9032\u6a5f\u6703\uff0c\u63d0\u5347\u81ea\u6211\u8a8d\u77e5\uff0c\u8e0f\u4e0a\u6210\u719f\u6210\u9577\u4e4b\u8def<\/p>\n        <\/div>\n      <\/div>\n      \n      <p>\u672c\u6e2c\u8a66\u517110\u984c\uff0c\u984c\u5f8c\u6709\u9078\u9805\uff0c\u8acb\u5f9e\u4e2d\u9078\u64c7\u4e00\u500b\u548c\u81ea\u5df1\u6700\u7b26\u5408\u7684\u7b54\u6848\u3002\u6bcf\u500b\u554f\u984c\u90fd\u6c92\u6709\u6a19\u6e96\u7b54\u6848\uff0c\u8acb\u6839\u64da\u81ea\u5df1\u7684\u771f\u5be6\u60f3\u6cd5\u4f86\u56de\u7b54\u3002\u6e2c\u9a57\u7d50\u679c\u50c5\u4f9b\u53c3\u8003\uff0c\u5e0c\u671b\u80fd\u70ba\u60a8\u63d0\u4f9b\u4e00\u4e9b\u6709\u50f9\u503c\u7684\u53cd\u601d\u3002<\/p>\n    <\/div>\n    \n    <div class=\"mkm-start-btn-container\">\n      <button type=\"button\" class=\"mkm-btn\" id=\"mkm-start-btn\" aria-label=\"\u5f00\u59cb\u6d4b\u9a8c\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/section>\n  \n  <!-- \u6e2c\u9a57\u554f\u984c\u9801 -->\n  <section class=\"mkm-quiz-questions\" aria-labelledby=\"mkm-question-title\">\n    <header>\n      <h2 id=\"mkm-question-title\" class=\"mkm-title\">\u6210\u719f\u5ea6\u6e2c\u9a57<\/h2>\n    <\/header>\n    \n    <div class=\"mkm-progress-container\" aria-label=\"\u6d4b\u9a8c\u8fdb\u5ea6\">\n      <div class=\"mkm-progress-bar\">\n        <div class=\"mkm-progress-fill\" id=\"mkm-progress-fill\"><\/div>\n      <\/div>\n      <div class=\"mkm-progress-text\" id=\"mkm-progress-text\">\u95ee\u98981\/10<\/div>\n    <\/div>\n    \n    <div class=\"mkm-question-container\" id=\"mkm-question-container\">\n      <!-- \u554f\u984c\u5167\u5bb9\u5c07\u901a\u904eJavaScript\u52d5\u614b\u586b\u5145 -->\n    <\/div>\n    \n    <div class=\"mkm-navigation\">\n      <button type=\"button\" class=\"mkm-btn mkm-prev-btn\" id=\"mkm-prev-btn\" aria-label=\"\u4e0a\u4e00\u9898\">\u4e0a\u4e00\u9898<\/button>\n    <\/div>\n  <\/section>\n  \n  <!-- \u7d50\u679c\u9801 -->\n  <section class=\"mkm-quiz-results\" aria-labelledby=\"mkm-results-title\">\n    <header>\n      <h2 id=\"mkm-results-title\" class=\"mkm-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n    <\/header>\n    \n    <div class=\"mkm-results-content\">\n      <div class=\"mkm-result-header\">\n        <div class=\"mkm-result-score\" id=\"mkm-result-score\">0\u5206<\/div>\n        <div class=\"mkm-result-category\" id=\"mkm-result-category\"><\/div>\n      <\/div>\n      \n      <div class=\"mkm-result-description\" id=\"mkm-result-description\">\n        <!-- \u7d50\u679c\u63cf\u8ff0\u5c07\u901a\u904eJavaScript\u52d5\u614b\u586b\u5145 -->\n      <\/div>\n      \n      <!-- \u6210\u719f\u5ea6\u8a55\u4f30\u5716\u8868 -->\n      <div class=\"mkm-chart-container\">\n        <div class=\"mkm-chart-wrapper\">\n          <h3>\u6210\u719f\u5ea6\u8a55\u4f30<\/h3>\n          <div class=\"mkm-maturity-bar\">\n            <div class=\"mkm-maturity-fill\" id=\"mkm-maturity-fill\"><\/div>\n            <div class=\"mkm-maturity-label\" id=\"mkm-maturity-label\">0%<\/div>\n          <\/div>\n          <div class=\"mkm-maturity-text\" id=\"mkm-maturity-text\"><\/div>\n        <\/div>\n        \n        <!-- \u80fd\u529b\u96f7\u9054\u5716 -->\n        <div class=\"mkm-radar-chart-container\">\n          <h3>\u80fd\u529b\u8a55\u4f30<\/h3>\n          <div style=\"width: 100%; max-width: 500px; height: 400px; margin: 0 auto; position: relative;\">\n            <canvas id=\"mkm-radar-chart\"><\/canvas>\n          <\/div>\n        <\/div>\n        \n        <!-- \u7b54\u984c\u5206\u4f48\u5716 -->\n        <div class=\"mkm-answers-chart-container\">\n          <h3>\u7b54\u984c\u5206\u6790<\/h3>\n          <div style=\"width: 100%; max-width: 500px; height: 300px; margin: 0 auto; position: relative;\">\n            <canvas id=\"mkm-answers-chart\"><\/canvas>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"mkm-reset-container\">\n        <button type=\"button\" class=\"mkm-btn\" id=\"mkm-reset-btn\" aria-label=\"\u91cd\u65b0\u6d4b\u8bd5\">\u91cd\u65b0\u6d4b\u8bd5<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- CSS \u6a23\u5f0f -->\n<style>\n  \/* \u9632\u6b62\u6a23\u5f0f\u885d\u7a81\u7684\u524d\u7db4\u8a2d\u8a08 *\/\n  .mkm-quiz-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* CSS \u8b8a\u6578\u5b9a\u7fa9 *\/\n  .mkm-quiz-container {\n    \/* \u4e3b\u8272\u8abf - \u512a\u96c5\u85cd\u8272\u7cfb *\/\n    --primary-color: #3a6ea5;\n    --primary-light: #6c98c9;\n    --primary-dark: #1e4977;\n    \n    \/* \u8f14\u52a9\u8272\u8abf - \u6eab\u6696\u6a59\u8272\u8abf *\/\n    --accent-color: #ff7e45;\n    --accent-light: #ffa380;\n    --accent-dark: #e35a22;\n    \n    \/* \u4e2d\u6027\u8272\u8abf *\/\n    --neutral-50: #f9fafb;\n    --neutral-100: #f3f4f6;\n    --neutral-200: #e5e7eb;\n    --neutral-300: #d1d5db;\n    --neutral-400: #9ca3af;\n    --neutral-500: #6b7280;\n    --neutral-600: #4b5563;\n    --neutral-700: #374151;\n    --neutral-800: #1f2937;\n    --neutral-900: #111827;\n    \n    \/* \u5167\u5bb9\u5340\u584a\u8272\u8abf *\/\n    --content-bg: #ffffff;\n    --card-bg: #f8f9fc;\n    \n    \/* \u53cd\u994b\u8272\u8abf *\/\n    --success-color: #34d399;\n    --warning-color: #fbbf24;\n    --error-color: #ef4444;\n    \n    \/* \u5c3a\u5bf8\u7cfb\u7d71 *\/\n    --space-1: 0.25rem;  \/* 4px *\/\n    --space-2: 0.5rem;   \/* 8px *\/\n    --space-3: 0.75rem;  \/* 12px *\/\n    --space-4: 1rem;     \/* 16px *\/\n    --space-5: 1.25rem;  \/* 20px *\/\n    --space-6: 1.5rem;   \/* 24px *\/\n    --space-8: 2rem;     \/* 32px *\/\n    --space-10: 2.5rem;  \/* 40px *\/\n    --space-12: 3rem;    \/* 48px *\/\n    --space-16: 4rem;    \/* 64px *\/\n    \n    \/* \u5b57\u9ad4\u7cfb\u7d71 *\/\n    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\n    --font-size-xs: 0.75rem;   \/* 12px *\/\n    --font-size-sm: 0.875rem;  \/* 14px *\/\n    --font-size-base: 1rem;    \/* 16px *\/\n    --font-size-md: 1.125rem;  \/* 18px *\/\n    --font-size-lg: 1.25rem;   \/* 20px *\/\n    --font-size-xl: 1.5rem;    \/* 24px *\/\n    --font-size-2xl: 1.875rem; \/* 30px *\/\n    --font-size-3xl: 2.25rem;  \/* 36px *\/\n    \n    \/* \u884c\u9ad8 *\/\n    --line-height-tight: 1.2;\n    --line-height-normal: 1.5;\n    --line-height-relaxed: 1.75;\n    \n    \/* \u9670\u5f71 *\/\n    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    \n    \/* \u5713\u89d2 *\/\n    --radius-sm: 0.25rem;  \/* 4px *\/\n    --radius-md: 0.375rem; \/* 6px *\/\n    --radius-lg: 0.5rem;   \/* 8px *\/\n    --radius-xl: 1rem;     \/* 16px *\/\n    --radius-full: 9999px;\n    \n    \/* \u904e\u6e21\u6642\u9593 *\/\n    --transition-short: 150ms;\n    --transition-normal: 300ms;\n    --transition-long: 500ms;\n  }\n  \n  \/* \u57fa\u790e\u6a23\u5f0f *\/\n  .mkm-quiz-container {\n    width: 100%;\n    max-width: 750px;\n    margin: 0 auto;\n    padding: var(--space-4);\n    font-family: var(--font-sans);\n    font-size: var(--font-size-base);\n    line-height: var(--line-height-normal);\n    color: var(--neutral-800);\n    background-color: var(--content-bg);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n    overflow: hidden;\n    margin-top: var(--space-8);\n    margin-bottom: var(--space-8);\n  }\n  \n  \/* \u901a\u7528\u6a19\u984c\u6a23\u5f0f *\/\n  .mkm-quiz-container .mkm-title {\n    font-size: var(--font-size-3xl);\n    font-weight: 700;\n    color: var(--primary-dark);\n    text-align: center;\n    margin-bottom: var(--space-6);\n    line-height: var(--line-height-tight);\n  }\n  \n  .mkm-quiz-container .mkm-subtitle {\n    font-size: var(--font-size-xl);\n    font-weight: 600;\n    color: var(--neutral-600);\n    text-align: center;\n    margin-bottom: var(--space-8);\n  }\n  \n  .mkm-quiz-container h3 {\n    font-size: var(--font-size-lg);\n    font-weight: 700;\n    color: var(--neutral-700);\n    margin-bottom: var(--space-4);\n  }\n  \n  \/* \u6bb5\u843d\u6a23\u5f0f *\/\n  .mkm-quiz-container p {\n    margin-bottom: var(--space-4);\n    color: var(--neutral-700);\n    line-height: var(--line-height-relaxed);\n  }\n  \n  \/* \u6309\u9215\u6a23\u5f0f *\/\n  .mkm-quiz-container .mkm-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 200px;\n    min-height: 50px;\n    padding: var(--space-3) var(--space-6);\n    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));\n    color: white;\n    border: none;\n    border-radius: var(--radius-full);\n    font-size: var(--font-size-md);\n    font-weight: 600;\n    text-align: center;\n    cursor: pointer;\n    transition: all var(--transition-normal);\n    text-decoration: none;\n    box-shadow: var(--shadow-md);\n  }\n  \n  .mkm-quiz-container .mkm-btn:hover,\n  .mkm-quiz-container .mkm-btn:focus {\n    background: linear-gradient(135deg, var(--primary-light), var(--primary-color));\n    box-shadow: var(--shadow-lg);\n    transform: translateY(-2px);\n    outline: none;\n  }\n  \n  .mkm-quiz-container .mkm-btn:active {\n    transform: translateY(0);\n    box-shadow: var(--shadow-sm);\n  }\n  \n  .mkm-quiz-container .mkm-prev-btn {\n    background: linear-gradient(135deg, var(--neutral-500), var(--neutral-600));\n  }\n  \n  .mkm-quiz-container .mkm-prev-btn:hover,\n  .mkm-quiz-container .mkm-prev-btn:focus {\n    background: linear-gradient(135deg, var(--neutral-400), var(--neutral-500));\n  }\n  \n  \/* \u5340\u584a\u986f\u793a\/\u96b1\u85cf *\/\n  .mkm-quiz-container .mkm-quiz-intro,\n  .mkm-quiz-container .mkm-quiz-questions,\n  .mkm-quiz-container .mkm-quiz-results {\n    display: none;\n    opacity: 0;\n    transition: opacity var(--transition-normal) ease;\n  }\n  \n  .mkm-quiz-container .active {\n    display: block;\n    opacity: 1;\n  }\n  \n  \/* ===== \u5f15\u5c0e\u9801\u6a23\u5f0f ===== *\/\n  .mkm-quiz-container .mkm-intro-content {\n    background-color: var(--card-bg);\n    padding: var(--space-6);\n    border-radius: var(--radius-lg);\n    margin-bottom: var(--space-8);\n  }\n  \n  .mkm-quiz-container .mkm-features {\n    display: flex;\n    justify-content: space-around;\n    gap: var(--space-4);\n    margin: var(--space-8) 0;\n  }\n  \n  .mkm-quiz-container .mkm-feature {\n    flex: 1;\n    text-align: center;\n    padding: var(--space-4);\n    background-color: var(--content-bg);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-md);\n    transition: transform var(--transition-normal) ease;\n  }\n  \n  .mkm-quiz-container .mkm-feature:hover {\n    transform: translateY(-5px);\n  }\n  \n  .mkm-quiz-container .mkm-feature-icon {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto var(--space-4);\n    background: linear-gradient(135deg, var(--primary-light), var(--primary-color));\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 10px 20px rgba(58, 110, 165, 0.2);\n  }\n  \n  .mkm-quiz-container .mkm-feature-icon svg {\n    width: 40px;\n    height: 40px;\n    fill: white;\n  }\n  \n  .mkm-quiz-container .mkm-feature h3 {\n    font-size: var(--font-size-lg);\n    margin-bottom: var(--space-2);\n    color: var(--primary-dark);\n  }\n  \n  .mkm-quiz-container .mkm-start-btn-container {\n    text-align: center;\n    margin-top: var(--space-8);\n    margin-bottom: var(--space-4);\n  }\n  \n  \/* ===== \u6e2c\u9a57\u554f\u984c\u9801\u6a23\u5f0f ===== *\/\n  .mkm-quiz-container .mkm-progress-container {\n    margin-bottom: var(--space-6);\n  }\n  \n  .mkm-quiz-container .mkm-progress-bar {\n    height: 10px;\n    background-color: var(--neutral-200);\n    border-radius: var(--radius-full);\n    margin-bottom: var(--space-2);\n    overflow: hidden;\n  }\n  \n  .mkm-quiz-container .mkm-progress-fill {\n    height: 100%;\n    background: linear-gradient(to right, var(--accent-color), var(--accent-dark));\n    border-radius: var(--radius-full);\n    transition: width var(--transition-normal) ease;\n    width: 0%;\n  }\n  \n  .mkm-quiz-container .mkm-progress-text {\n    text-align: center;\n    font-size: var(--font-size-sm);\n    color: var(--neutral-600);\n  }\n  \n  .mkm-quiz-container .mkm-question-container {\n    background-color: var(--card-bg);\n    padding: var(--space-6);\n    border-radius: var(--radius-lg);\n    margin-bottom: var(--space-6);\n  }\n  \n  .mkm-quiz-container .mkm-question {\n    font-size: var(--font-size-lg);\n    font-weight: 700;\n    margin-bottom: var(--space-5);\n    color: var(--neutral-800);\n  }\n  \n  .mkm-quiz-container .mkm-options {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-3);\n  }\n  \n  .mkm-quiz-container .mkm-option {\n    padding: var(--space-4);\n    background-color: var(--content-bg);\n    border: 2px solid var(--neutral-300);\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: all var(--transition-short) ease;\n    font-size: var(--font-size-md);\n    line-height: var(--line-height-normal);\n    display: flex;\n    align-items: center;\n  }\n  \n  .mkm-quiz-container .mkm-option:hover {\n    border-color: var(--primary-light);\n    background-color: var(--neutral-100);\n  }\n  \n  .mkm-quiz-container .mkm-option.selected {\n    border-color: var(--primary-color);\n    background-color: rgba(58, 110, 165, 0.1);\n    font-weight: 600;\n  }\n  \n  .mkm-quiz-container .mkm-option::before {\n    content: attr(data-option);\n    display: inline-block;\n    width: 30px;\n    min-width: 30px;\n    height: 30px;\n    background-color: var(--neutral-200);\n    border-radius: 50%;\n    margin-right: var(--space-3);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    color: var(--neutral-700);\n    transition: all var(--transition-short) ease;\n  }\n  \n  .mkm-quiz-container .mkm-option:hover::before {\n    background-color: var(--primary-light);\n    color: white;\n  }\n  \n  .mkm-quiz-container .mkm-option.selected::before {\n    background-color: var(--primary-color);\n    color: white;\n  }\n  \n  .mkm-quiz-container .mkm-navigation {\n    display: flex;\n    justify-content: center;\n    margin-top: var(--space-6);\n    margin-bottom: var(--space-4);\n  }\n  \n  \/* ===== \u7d50\u679c\u9801\u6a23\u5f0f ===== *\/\n  .mkm-quiz-container .mkm-results-content {\n    background-color: var(--card-bg);\n    padding: var(--space-6);\n    border-radius: var(--radius-lg);\n  }\n  \n  .mkm-quiz-container .mkm-result-header {\n    text-align: center;\n    margin-bottom: var(--space-6);\n  }\n  \n  .mkm-quiz-container .mkm-result-score {\n    font-size: var(--font-size-3xl);\n    font-weight: 700;\n    color: var(--primary-dark);\n    margin-bottom: var(--space-2);\n  }\n  \n  .mkm-quiz-container .mkm-result-category {\n    font-size: var(--font-size-xl);\n    color: var(--accent-dark);\n    font-weight: 600;\n  }\n  \n  .mkm-quiz-container .mkm-result-description {\n    background-color: var(--content-bg);\n    padding: var(--space-5);\n    border-radius: var(--radius-lg);\n    margin-bottom: var(--space-6);\n    line-height: var(--line-height-relaxed);\n    box-shadow: var(--shadow-sm);\n  }\n  \n  .mkm-quiz-container .mkm-chart-container {\n    margin: var(--space-8) 0;\n  }\n  \n  .mkm-quiz-container .mkm-chart-wrapper,\n  .mkm-quiz-container .mkm-radar-chart-container,\n  .mkm-quiz-container .mkm-answers-chart-container {\n    margin-bottom: var(--space-8);\n  }\n  \n  .mkm-quiz-container .mkm-chart-wrapper h3,\n  .mkm-quiz-container .mkm-radar-chart-container h3,\n  .mkm-quiz-container .mkm-answers-chart-container h3 {\n    text-align: center;\n    margin-bottom: var(--space-4);\n    color: var(--primary-dark);\n  }\n  \n  .mkm-quiz-container .mkm-maturity-bar {\n    height: 36px;\n    background-color: var(--neutral-200);\n    border-radius: var(--radius-full);\n    margin: 0 auto var(--space-2);\n    overflow: hidden;\n    position: relative;\n    max-width: 600px;\n  }\n  \n  .mkm-quiz-container .mkm-maturity-fill {\n    height: 100%;\n    background: linear-gradient(to right, var(--primary-light), var(--primary-dark));\n    border-radius: var(--radius-full);\n    transition: width 1.5s ease-out;\n    width: 0%;\n  }\n  \n  .mkm-quiz-container .mkm-maturity-label {\n    position: absolute;\n    right: var(--space-4);\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--neutral-900);\n    font-weight: 700;\n    font-size: var(--font-size-md);\n    text-shadow: 0 0 3px rgba(255, 255, 255, 0.8);\n  }\n  \n  .mkm-quiz-container .mkm-maturity-text {\n    text-align: center;\n    font-size: var(--font-size-md);\n    color: var(--neutral-700);\n    margin-top: var(--space-2);\n    margin-bottom: var(--space-6);\n  }\n  \n  .mkm-quiz-container canvas {\n    margin: 0 auto;\n    max-width: 100%;\n    height: auto;\n  }\n  \n  .mkm-quiz-container .mkm-reset-container {\n    text-align: center;\n    margin-top: var(--space-8);\n  }\n  \n  \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n  @media (max-width: 768px) {\n    .mkm-quiz-container .mkm-features {\n      flex-direction: column;\n      gap: var(--space-6);\n    }\n    \n    .mkm-quiz-container .mkm-feature {\n      max-width: 100%;\n    }\n  }\n  \n  @media (max-width: 576px) {\n    .mkm-quiz-container {\n      padding: var(--space-3);\n    }\n    \n    .mkm-quiz-container .mkm-title {\n      font-size: var(--font-size-2xl);\n    }\n    \n    .mkm-quiz-container .mkm-subtitle {\n      font-size: var(--font-size-lg);\n    }\n    \n    .mkm-quiz-container .mkm-feature-icon {\n      width: 60px;\n      height: 60px;\n    }\n    \n    .mkm-quiz-container .mkm-feature-icon svg {\n      width: 30px;\n      height: 30px;\n    }\n    \n    .mkm-quiz-container .mkm-btn {\n      min-width: 180px;\n    }\n    \n    .mkm-quiz-container .mkm-option {\n      padding: var(--space-3);\n    }\n    \n    .mkm-quiz-container .mkm-result-score {\n      font-size: var(--font-size-2xl);\n    }\n  }\n<\/style>\n\n<!-- JavaScript \u8173\u672c -->\n<script>\n(function() {\n  'use strict';\n  \n  \/\/ \u6e2c\u9a57\u8cc7\u6599\n  const quizData = {\n    questions: [\n      {\n        question: \"\u5225\u4eba\u559c\u6b61\u6211\u7684\u7a0b\u5ea6\u662f\uff1a\",\n        options: [\n          \"\u67d0\u4e9b\u4eba\u5f88\u559c\u6b61\u6211\uff0c\u53e6\u4e00\u4e9b\u4eba\u4e00\u9ede\u4e5f\u4e0d\u559c\u6b61\u6211\",\n          \"\u4e00\u822c\u4eba\u90fd\u6709\u9ede\u559c\u6b61\u6211\uff0c\u4f46\u90fd\u4e0d\u4ee5\u6211\u70ba\u77e5\u5df1\",\n          \"\u8ab0\u4e5f\u4e0d\u559c\u6b61\u6211\",\n          \"\u5927\u591a\u6578\u4eba\u90fd\u5728\u4e00\u5b9a\u7a0b\u5ea6\u4e0a\u559c\u6b61\u6211\",\n          \"\u6211\u4e0d\u77ad\u89e3\u5225\u4eba\u7684\u770b\u6cd5\"\n        ],\n        scores: [0, 2, -3, 8, -2]\n      },\n      {\n        question: \"\u5728\u8207\u5225\u4eba\u7684\u4ea4\u5f80\u4e2d\uff0c\u6211\u901a\u5e38\u662f\uff1a\",\n        options: [\n          \"\u559c\u6b61\u6545\u610f\u5f15\u8d77\u5225\u4eba\u5c0d\u81ea\u5df1\u7684\u6ce8\u610f\",\n          \"\u5e0c\u671b\u5225\u4eba\u6ce8\u610f\u6211\uff0c\u4f46\u53c8\u60f3\u4e0d\u660e\u986f\u5730\u8868\u73fe\u51fa\u4f86\",\n          \"\u559c\u6b61\u5225\u4eba\u6ce8\u610f\u6211\uff0c\u4f46\u4e26\u4e0d\u523b\u610f\u53bb\u8ffd\u6c42\u9019\u4e00\u9ede\",\n          \"\u4e0d\u559c\u6b61\u5225\u4eba\u6ce8\u610f\u6211\",\n          \"\u5c0d\u65bc\u662f\u5426\u6703\u5f15\u4eba\u6ce8\u610f\uff0c\u6211\u5f9e\u4e0d\u5728\u4e4e\"\n        ],\n        scores: [-2, 0, 8, 3, 4]\n      },\n      {\n        question: \"\u6211\u8a8d\u70ba\u5c0d\u5f85\u793e\u6703\u751f\u6d3b\u74b0\u5883\u7684\u6b63\u78ba\u614b\u5ea6\u662f\uff1a\",\n        options: [\n          \"\u4f7f\u81ea\u5df1\u9069\u61c9\u5468\u570d\u7684\u793e\u6703\u751f\u6d3b\u74b0\u5883\",\n          \"\u76e1\u91cf\u5229\u7528\u751f\u6d3b\u74b0\u5883\u4e2d\u7684\u6709\u5229\u56e0\u7d20\u9aee\u5c55\u81ea\u5df1\",\n          \"\u6539\u9020\u751f\u6d3b\u74b0\u5883\u4e2d\u7684\u4e0d\u826f\u56e0\u7d20\uff0c\u4f7f\u751f\u6d3b\u74b0\u5883\u8b8a\u597d\",\n          \"\u9047\u5230\u4e0d\u826f\u7684\u793e\u6703\u751f\u6d3b\u74b0\u5883\u6642\uff0c\u5c31\u8981\u4e0b\u6c7a\u5fc3\u812b\u96e2\u9019\u500b\u74b0\u5883\uff0c\u722d\u53d6\u8abf\u5230\u5225\u7684\u5730\u65b9\u53bb\",\n          \"\u4e0d\u7ba1\u751f\u6d3b\u74b0\u5883\u5982\u4f55\uff0c\u6211\u90fd\u8981\u52aa\u529b\u596e\u9b25\uff0c\u7121\u6127\u4e8e\u81ea\u5df1\u7684\u4e00\u751f\"\n        ],\n        scores: [0, 4, 8, -4, 6]\n      },\n      {\n        question: \"\u5728\u5de5\u4f5c\u6216\u5b78\u7fd2\u4e2d\u9047\u5230\u56f0\u96e3\u6642\uff0c\u6211\u7d93\u5e38\u662f\uff1a\",\n        options: [\n          \"\u5411\u6bd4\u6211\u61c2\u5f97\u591a\u7684\u4efb\u4f55\u4eba\u8acb\u6559\",\n          \"\u53ea\u5411\u6211\u7684\u89aa\u5bc6\u670b\u53cb\u8acb\u6559\",\n          \"\u6211\u7e3d\u662f\u5118\u81ea\u5df1\u7684\u6700\u5927\u52aa\u529b\u53bb\u7368\u7acb\u89e3\u6c7a\uff0c\u5be6\u5728\u4e0d\u884c\uff0c\u518d\u53bb\u8acb\u6c42\u5225\u4eba\u7684\u5e6b\u52a9\",\n          \"\u6211\u54ac\u7dca\u7259\u95dc\uff0c\u4e0d\u8acb\u6c42\u5225\u4eba\u4f86\u5e6b\u52a9\",\n          \"\u6211\u6c92\u767c\u73fe\u53ef\u4ee5\u8acb\u6559\u7684\u4eba\"\n        ],\n        scores: [8, 0, 4, -2, -4]\n      },\n      {\n        question: \"\u5982\u679c\u5728\u6bd4\u8cfd\u4e2d\u6211\u8f38\u4e86\uff0c\u6211\u901a\u5e38\u7684\u505a\u6cd5\u662f\uff1a\",\n        options: [\n          \"\u627e\u51fa\u8f38\u7684\u539f\u56e0\uff0c\u63d0\u9ad8\u6280\u8853\uff0c\u722d\u53d6\u4e0b\u6b21\u80fd\u8d0f\",\n          \"\u5c0d\u7372\u5f97\u52dd\u5229\u7684\u4e00\u65b9\u8868\u793a\u6b3d\u4f69\",\n          \"\u8a8d\u70ba\u5c0d\u65b9\u6c92\u4ec0\u9ebc\u4e86\u4e0d\u8d77\uff0c\u5728\u5225\u7684\u65b9\u9762\u81ea\u5df1\u6bd4\u5c0d\u65b9\u5f37\",\n          \"\u8a8d\u70ba\u52dd\u6557\u662f\u5f88\u6b63\u5e38\u7684\u4e8b\u60c5\uff0c\u5f88\u5feb\u5c31\u5fd8\u8a18\u4e86\",\n          \"\u8a8d\u70ba\u5c0d\u65b9\u9019\u6b21\u8d0f\u7684\u539f\u56e0\u662f\u904b\u6c23\u597d\uff0c\u5982\u679c\u81ea\u5df1\u904b\u6c23\u597d\u7684\u8a71\u5c31\u6703\u8d0f\u5c0d\u65b9\"\n        ],\n        scores: [8, 0, -3, 4, -4]\n      },\n      {\n        question: \"\u5728\u4e00\u822c\u60c5\u6cc1\u4e0b\uff0c\u8207\u6211\u610f\u898b\u4e0d\u76f8\u540c\u7684\u4eba\u90fd\u662f\uff1a\",\n        options: [\n          \"\u60f3\u6cd5\u602a\u50fb\u3001\u96e3\u4ee5\u7406\u89e3\u7684\u4eba\",\n          \"\u6c92\u4ec0\u9ebc\u6587\u5316\u77e5\u8b58\u4fee\u990a\u7684\u4eba\",\n          \"\u6709\u76f8\u7576\u7406\u7531\u5805\u6301\u81ea\u5df1\u770b\u6cd5\u7684\u4eba\",\n          \"\u751f\u6d3b\u95b1\u6b77\u548c\u6211\u4e0d\u540c\u7684\u4eba\",\n          \"\u7d20\u990a\u6bd4\u6211\u8c50\u5bcc\u7684\u4eba\"\n        ],\n        scores: [-3, -2, 8, 4, 0]\n      },\n      {\n        question: \"\u6211\u5c0d\u7528\u770b\u624b\u76f8\u3001\u6e2c\u516b\u5b57\u4f86\u7b97\u547d\u7684\u770b\u6cd5\u662f\uff1a\",\n        options: [\n          \"\u6211\u767c\u73fe\u7b97\u547d\u80fd\u77ad\u89e3\u904e\u53bb\u548c\u672a\u4f86\uff0c\u800c\u4e14\u5f88\u6e96\",\n          \"\u7b97\u547d\u4eba\u591a\u6578\u662f\u9a19\u5b50\",\n          \"\u6211\u4e0d\u6e05\u695a\u7b97\u547d\u5230\u5e95\u662f\u80e1\u8aaa\uff0c\u9084\u662f\u78ba\u6709\u9053\u7406\",\n          \"\u6211\u4e0d\u76f8\u4fe1\u7b97\u547d\u80fd\u7b97\u51fa\u4eba\u7684\u904e\u53bb\u548c\u672a\u4f86\",\n          \"\u5118\u7ba1\u6211\u77e5\u9053\u7b97\u547d\u662f\u8ff7\u4fe1\uff0c\u4f46\u9084\u662f\u6642\u5e38\u4e00\u8a66\"\n        ],\n        scores: [-5, 3, -2, 10, 0]\n      },\n      {\n        question: \"\u7576\u751f\u6d3b\u4e2d\u9047\u5230\u91cd\u5927\u632b\u6298\u6642\uff0c\u6211\u4fbf\u6703\u611f\u5230\uff1a\",\n        options: [\n          \"\u9019\u8f29\u5b50\u7b97\u5b8c\u4e86\",\n          \"\u4e5f\u8a31\u80fd\u5728\u5176\u4ed6\u65b9\u9762\u7372\u5f97\u6210\u529f\uff0c\u4e88\u4ee5\u88dc\u511f\",\n          \"\u4e0d\u7518\u5fc3\u5931\u6557\uff0c\u6c7a\u5fc3\u4e0d\u60dc\u4ed8\u51fa\u4efb\u4f55\u4ee3\u50f9\uff0c\u4e00\u5b9a\u8981\u5be6\u73fe\u81ea\u5df1\u7684\u9858\u671b\",\n          \"\u6c92\u4ec0\u9ebc\u5927\u4e0d\u4e86\u7684\uff0c\u6211\u53ef\u4ee5\u8abf\u6574\u81ea\u5df1\u7684\u8a08\u756b\u6216\u76ee\u6a19\",\n          \"\u81ea\u5df1\u672c\u4f86\u5c31\u4e0d\u61c9\u7576\u62b1\u6709\u9019\u6a23\u9ad8\u7684\u671f\u671b\u6216\u62b1\u8ca0\"\n        ],\n        scores: [-4, 10, 0, 5, -3]\n      },\n      {\n        question: \"\u6211\u5c0d\u5f85\u722d\u8ad6\u7684\u614b\u5ea6\u662f\uff1a\",\n        options: [\n          \"\u96a8\u6642\u6e96\u5099\u9032\u884c\u6fc0\u70c8\u722d\u8ad6\",\n          \"\u53ea\u5c0d\u81ea\u5df1\u611f\u8208\u8da3\u7684\u554f\u984c\u624d\u722d\u8ad6\",\n          \"\u6211\u5f88\u5c11\u8207\u4eba\u722d\u8ad6\uff0c\u559c\u6b61\u81ea\u5df1\u7368\u7acb\u601d\u8003\u5404\u7a2e\u89c0\u9ede\u7684\u5229\u5f0a\",\n          \"\u6211\u4e0d\u559c\u6b61\u722d\u8ad6\uff0c\u76e1\u91cf\u907f\u514d\u4e4b\",\n          \"\u7121\u6240\u8b02\"\n        ],\n        scores: [-4, 8, 0, -2, 3]\n      },\n      {\n        question: \"\u53d7\u5230\u5225\u4eba\u6307\u8cac\u6642\uff0c\u6211\u901a\u5e38\u7684\u53cd\u61c9\u662f\uff1a\",\n        options: [\n          \"\u5206\u6790\u5225\u4eba\u70ba\u4ec0\u9ebc\u6307\u8cac\u6211\uff0c\u81ea\u5df1\u5728\u54ea\u4e9b\u5730\u65b9\u6709\u932f\",\n          \"\u4fdd\u6301\u6c89\u9ed8\uff0c\u6beb\u4e0d\u5728\u610f\uff0c\u5c07\u4e00\u5207\u6307\u8cac\u7f6e\u4e4b\u8166\u5f8c\",\n          \"\u4e5f\u5c0d\u4ed6\u9032\u884c\u6307\u8cac\",\n          \"\u76e1\u91cf\u7167\u5225\u4eba\u7684\u610f\u601d\u53bb\u505a\",\n          \"\u5982\u679c\u6211\u8a8d\u70ba\u81ea\u5df1\u662f\u5c0d\u7684\uff0c\u5c31\u70ba\u81ea\u5df1\u8faf\u8b77\"\n        ],\n        scores: [8, -3, -4, 0, 4]\n      }\n    ],\n    results: [\n      {\n        minScore: -Infinity,\n        maxScore: 0,\n        category: \"\u5e7c\u7a1a\u578b\",\n        description: \"\u4f60\u9084\u5341\u5206\u5e7c\u7a1a\uff0c\u8655\u7406\u793e\u6703\u751f\u6d3b\u554f\u984c\u4ecd\u4e0d\u6210\u719f\u3002\u4f60\u559c\u6b61\u55ae\u6191\u500b\u4eba\u7684\u76f4\u89ba\u548c\u4e00\u6642\u7684\u611f\u60c5\u884c\u4e8b\uff0c\u597d\u885d\u52d5\u3001\u4e0d\u8b58\u5927\u9ad4\uff0c\u6216\u8005\u8d70\u5411\u53e6\u4e00\u500b\u6975\u7aef\uff0c\u5373\u9047\u4e8b\u754f\u754f\u7e2e\u7e2e\uff0c\u4e0d\u6562\u62cb\u982d\u9732\u9762\uff0c\u5b64\u55ae\u800c\u81ea\u5351\u3002\u4f60\u5bb9\u6613\u5f97\u7f6a\u4eba\uff0c\u4e5f\u5bb9\u6613\u88ab\u4eba\u6b3a\u9a19\uff0c\u5728\u793e\u6703\u751f\u6d3b\u4e2d\u8655\u8655\u78b0\u58c1\uff0c\u7121\u6cd5\u5be6\u73fe\u81ea\u5df1\u7684\u7406\u60f3\u548c\u76ee\u6a19\u3002\u9019\u8207\u73fe\u4ee3\u793e\u6703\u751f\u6d3b\u7684\u8981\u6c42\u5f88\u4e0d\u9069\u61c9\uff0c\u4f60\u5fc5\u9808\u8a2d\u6cd5\u4f7f\u81ea\u5df1\u5118\u5feb\u5730\u6210\u719f\u8d77\u4f86\u3002\"\n      },\n      {\n        minScore: 0,\n        maxScore: 30,\n        category: \"\u767c\u5c55\u4e2d\u578b\",\n        description: \"\u4f60\u7684\u500b\u6027\u9084\u4e0d\u5920\u6210\u719f\u3002\u4f60\u9084\u4e0d\u5584\u65bc\u8655\u7406\u793e\u6703\u751f\u6d3b\u4e2d\u7684\u5404\u7a2e\u554f\u984c\u548c\u77db\u76fe\uff0c\u4e0d\u5584\u65bc\u89c0\u5bdf\u5f71\u97ff\u554f\u984c\u7684\u5404\u7a2e\u56e0\u7d20\uff0c\u4e0d\u80fd\u6e96\u78ba\u5730\u9810\u898b\u81ea\u5df1\u884c\u70ba\u7684\u7d50\u679c\uff0c\u9084\u4e0d\u80fd\u5f88\u597d\u5730\u9069\u61c9\u8907\u96dc\u7684\u793e\u6703\u751f\u6d3b\u3002\u4f60\u9700\u8981\u5728\u8655\u7406\u4eba\u969b\u95dc\u4fc2\u548c\u89e3\u6c7a\u554f\u984c\u7684\u80fd\u529b\u4e0a\u9032\u4e00\u6b65\u6210\u9577\u3002\u8acb\u5617\u8a66\u66f4\u591a\u5730\u50be\u807d\u4ed6\u4eba\u7684\u770b\u6cd5\uff0c\u5b78\u7fd2\u66f4\u52a0\u5ba2\u89c0\u5730\u5206\u6790\u554f\u984c\uff0c\u9019\u6703\u5e6b\u52a9\u4f60\u63d0\u9ad8\u6210\u719f\u5ea6\u3002\"\n      },\n      {\n        minScore: 31,\n        maxScore: 60,\n        category: \"\u4e2d\u7b49\u6210\u719f\u578b\",\n        description: \"\u4f60\u7684\u500b\u6027\u6210\u719f\u5ea6\u5c6c\u4e2d\u7b49\u6c34\u6e96\u3002\u4f60\u5c0d\u4eba\u751f\u7684\u4e00\u4e9b\u4e8b\u60c5\u628a\u63e1\u3001\u8655\u7406\u5f97\u6bd4\u8f03\u5f97\u7576\uff0c\u800c\u5c0d\u53e6\u4e00\u4e9b\u4e8b\u60c5\u9084\u6c92\u6709\u628a\u63e1\uff0c\u4ee5\u81f4\u675f\u624b\u7121\u7b56\u6216\u8655\u7406\u4e0d\u7576\u3002\u4f60\u7684\u500b\u6027\u5177\u6709\u5169\u91cd\u6027\uff1a\u4e00\u534a\u8001\u7df4\uff0c\u53e6\u4e00\u534a\u5e7c\u7a1a\uff0c\u4f60\u9084\u9700\u8981\u5728\u793e\u6703\u751f\u6d3b\u4e2d\u6162\u6162\u6b77\u7df4\u3002\u5728\u9762\u5c0d\u8907\u96dc\u60c5\u6cc1\u6642\uff0c\u5617\u8a66\u66f4\u52a0\u5168\u9762\u5730\u601d\u8003\u554f\u984c\uff0c\u6b0a\u8861\u4e0d\u540c\u7684\u56e0\u7d20\uff0c\u9019\u6703\u5e6b\u52a9\u4f60\u66f4\u597d\u5730\u61c9\u5c0d\u5404\u7a2e\u6311\u6230\u3002\"\n      },\n      {\n        minScore: 61,\n        maxScore: Infinity,\n        category: \"\u9ad8\u5ea6\u6210\u719f\u578b\",\n        description: \"\u4f60\u662f\u500b\u5f88\u6210\u719f\u8001\u7df4\u7684\u4eba\u3002\u4f46\u51e1\u500b\u6027\u6210\u719f\u7684\u4eba\uff0c\u5728\u793e\u6703\u4e2d\u90fd\u904a\u5203\u6709\u9918\u3001\u8655\u4e8b\u6cf0\u7136\u3002\u4ed6\u5011\u77e5\u9053\u600e\u6a23\u59a5\u5584\u5730\u8655\u7406\u500b\u4eba\u6240\u9047\u5230\u7684\u5404\u7a2e\u554f\u984c\u3002\u4ed6\u5011\u80fd\u5920\u6e96\u78ba\u5730\u5224\u65b7\u8655\u7406\u4e00\u500b\u554f\u984c\uff0c\u7528\u54ea\u7a2e\u65b9\u5f0f\u662f\u6709\u6548\u7684\uff0c\u54ea\u4e9b\u65b9\u5f0f\u6703\u9020\u6210\u4e0d\u826f\u5f8c\u679c\uff0c\u5f9e\u800c\u9078\u64c7\u4e00\u7a2e\u6700\u4f73\u7684\u8655\u7406\u65b9\u6848\u3002\u9019\u6a23\u7684\u4eba\u5e38\u5e38\u6703\u6210\u70ba\u5225\u4eba\u8acb\u6559\u548c\u6548\u4eff\u7684\u5c0d\u8c61\u3002\u4f60\u5177\u5099\u4e86\u826f\u597d\u7684\u5224\u65b7\u529b\u548c\u89e3\u6c7a\u554f\u984c\u7684\u80fd\u529b\uff0c\u503c\u5f97\u7a31\u8b9a\u3002\"\n      }\n    ]\n  };\n  \n  \/\/ \u5132\u5b58\u80fd\u529b\u7dad\u5ea6\u7684\u6620\u5c04\n  const dimensionMapping = {\n    0: { name: \"\u793e\u4ea4\u80fd\u529b\", weight: 1.0 },\n    1: { name: \"\u81ea\u6211\u8a8d\u77e5\", weight: 0.9 },\n    2: { name: \"\u74b0\u5883\u9069\u61c9\", weight: 1.1 },\n    3: { name: \"\u6c42\u52a9\u80fd\u529b\", weight: 0.8 },\n    4: { name: \"\u632b\u6298\u61c9\u5c0d\", weight: 1.2 },\n    5: { name: \"\u958b\u653e\u601d\u8003\", weight: 1.0 },\n    6: { name: \"\u7406\u6027\u5224\u65b7\", weight: 1.2 },\n    7: { name: \"\u5f48\u6027\u61c9\u8b8a\", weight: 1.1 },\n    8: { name: \"\u6e9d\u901a\u614b\u5ea6\", weight: 0.9 },\n    9: { name: \"\u81ea\u6211\u53cd\u601d\", weight: 1.0 }\n  };\n  \n  \/\/ DOM\u5143\u7d20\n  const elements = {\n    introSection: document.querySelector('.mkm-quiz-intro'),\n    questionsSection: document.querySelector('.mkm-quiz-questions'),\n    resultsSection: document.querySelector('.mkm-quiz-results'),\n    startBtn: document.getElementById('mkm-start-btn'),\n    prevBtn: document.getElementById('mkm-prev-btn'),\n    questionContainer: document.getElementById('mkm-question-container'),\n    progressFill: document.getElementById('mkm-progress-fill'),\n    progressText: document.getElementById('mkm-progress-text'),\n    resetBtn: document.getElementById('mkm-reset-btn'),\n    resultScore: document.getElementById('mkm-result-score'),\n    resultCategory: document.getElementById('mkm-result-category'),\n    resultDescription: document.getElementById('mkm-result-description'),\n    maturityFill: document.getElementById('mkm-maturity-fill'),\n    maturityLabel: document.getElementById('mkm-maturity-label'),\n    maturityText: document.getElementById('mkm-maturity-text'),\n    radarChart: document.getElementById('mkm-radar-chart'),\n    answersChart: document.getElementById('mkm-answers-chart')\n  };\n  \n  \/\/ \u72c0\u614b\u8b8a\u6578\n  let currentQuestion = 0;\n  let userAnswers = [];\n  let radarChartInstance = null;\n  let answersChartInstance = null;\n  \n  \/\/ \u78ba\u8a8dChart.js\u5df2\u8f09\u5165\n  function checkChartJs() {\n    if (typeof Chart === 'undefined') {\n      console.error('Chart.js not loaded!');\n      return false;\n    }\n    return true;\n  }\n  \n  \/\/ \u521d\u59cb\u5316\n  function init() {\n    bindEvents();\n    elements.prevBtn.style.display = 'none'; \/\/ \u521d\u59cb\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n  }\n  \n  \/\/ \u4e8b\u4ef6\u7d81\u5b9a\n  function bindEvents() {\n    \/\/ \u958b\u59cb\u6309\u9215\n    elements.startBtn.addEventListener('click', startQuiz);\n    \n    \/\/ \u4e0a\u4e00\u984c\u6309\u9215\n    elements.prevBtn.addEventListener('click', goToPrevQuestion);\n    \n    \/\/ \u91cd\u7f6e\u6309\u9215\n    elements.resetBtn.addEventListener('click', resetQuiz);\n    \n    \/\/ \u9078\u9805\u9ede\u64ca\u4e8b\u4ef6\u59d4\u8a17\n    document.addEventListener('click', function(e) {\n      if (e.target.classList.contains('mkm-option')) {\n        selectOption(e.target);\n      }\n    });\n    \n    \/\/ \u7a97\u53e3\u8abf\u6574\u5927\u5c0f\u6642\u91cd\u8a2d\u5716\u8868\n    window.addEventListener('resize', function() {\n      if (elements.resultsSection.classList.contains('active') && checkChartJs()) {\n        \/\/ \u4f7f\u7528\u5ef6\u9072\u78ba\u4fdd\u6240\u6709\u8a08\u7b97\u5df2\u5b8c\u6210\n        setTimeout(function() {\n          updateCharts();\n        }, 300);\n      }\n    });\n  }\n  \n  \/\/ \u958b\u59cb\u6e2c\u9a57\n  function startQuiz() {\n    switchSection(elements.introSection, elements.questionsSection);\n    currentQuestion = 0;\n    userAnswers = [];\n    renderQuestion();\n    updateProgress();\n    scrollToElement(elements.questionsSection);\n  }\n  \n  \/\/ \u6e32\u67d3\u554f\u984c\n  function renderQuestion() {\n    const question = quizData.questions[currentQuestion];\n    let optionsHtml = '';\n    \n    question.options.forEach((option, index) => {\n      const selected = userAnswers[currentQuestion] === index ? 'selected' : '';\n      const optionLetter = String.fromCharCode(65 + index); \/\/ A, B, C...\n      \n      optionsHtml += `\n        <div class=\"mkm-option ${selected}\" data-index=\"${index}\" data-option=\"${optionLetter}\">\n          ${option}\n        <\/div>\n      `;\n    });\n    \n    elements.questionContainer.innerHTML = `\n      <h3 class=\"mkm-question\">${currentQuestion + 1}. ${question.question}<\/h3>\n      <div class=\"mkm-options\">\n        ${optionsHtml}\n      <\/div>\n    `;\n    \n    \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n    elements.prevBtn.style.display = currentQuestion > 0 ? 'block' : 'none';\n  }\n  \n  \/\/ \u9078\u64c7\u9078\u9805\n  function selectOption(option) {\n    const selectedIndex = parseInt(option.dataset.index);\n    \n    \/\/ \u53d6\u6d88\u6240\u6709\u9078\u9805\u7684\u9078\u4e2d\u72c0\u614b\n    const options = document.querySelectorAll('.mkm-option');\n    options.forEach(opt => opt.classList.remove('selected'));\n    \n    \/\/ \u8a2d\u7f6e\u9078\u4e2d\u72c0\u614b\n    option.classList.add('selected');\n    \n    \/\/ \u4fdd\u5b58\u7b54\u6848\n    userAnswers[currentQuestion] = selectedIndex;\n    \n    \/\/ \u5ef6\u9072\u4ee5\u986f\u793a\u9078\u4e2d\u6548\u679c\n    setTimeout(() => {\n      if (currentQuestion < quizData.questions.length - 1) {\n        goToNextQuestion();\n      } else {\n        submitQuiz();\n      }\n    }, 300);\n  }\n  \n  \/\/ \u4e0b\u4e00\u984c\n  function goToNextQuestion() {\n    if (currentQuestion < quizData.questions.length - 1) {\n      currentQuestion++;\n      renderQuestion();\n      updateProgress();\n      scrollToElement(elements.questionsSection);\n    }\n  }\n  \n  \/\/ \u4e0a\u4e00\u984c\n  function goToPrevQuestion() {\n    if (currentQuestion > 0) {\n      currentQuestion--;\n      renderQuestion();\n      updateProgress();\n      scrollToElement(elements.questionsSection);\n    }\n  }\n  \n  \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n  function updateProgress() {\n    const progress = ((currentQuestion + 1) \/ quizData.questions.length) * 100;\n    elements.progressFill.style.width = `${progress}%`;\n    elements.progressText.textContent = `\u554f\u984c ${currentQuestion + 1}\/${quizData.questions.length}`;\n  }\n  \n  \/\/ \u63d0\u4ea4\u6e2c\u9a57\n  function submitQuiz() {\n    switchSection(elements.questionsSection, elements.resultsSection);\n    \n    const score = calculateScore();\n    const result = getResult(score);\n    \n    \/\/ \u66f4\u65b0\u7d50\u679c\n    elements.resultScore.textContent = `${score}\u5206`;\n    elements.resultCategory.textContent = result.category;\n    elements.resultDescription.textContent = result.description;\n    \n    \/\/ \u66f4\u65b0\u6210\u719f\u5ea6\u689d\u5f62\u5716\n    updateMaturityBar(score);\n    \n    \/\/ \u78ba\u4fdd\u5716\u8868\u5340\u57df\u5df2\u986f\u793a\u5f8c\u518d\u7e6a\u88fd\u5716\u8868\n    setTimeout(function() {\n      if (checkChartJs()) {\n        updateCharts();\n      } else {\n        console.error('Chart.js is not available, skipping charts rendering');\n      }\n    }, 300);\n    \n    scrollToElement(elements.resultsSection);\n  }\n  \n  \/\/ \u8a08\u7b97\u5206\u6578\n  function calculateScore() {\n    let totalScore = 0;\n    \n    \/\/ \u904d\u6b77\u6bcf\u500b\u7b54\u6848\u4e26\u8a08\u7b97\u5206\u6578\n    userAnswers.forEach((answerIndex, questionIndex) => {\n      if (answerIndex !== undefined) {\n        const question = quizData.questions[questionIndex];\n        const score = question.scores[answerIndex];\n        totalScore += score;\n      }\n    });\n    \n    return totalScore;\n  }\n  \n  \/\/ \u7372\u53d6\u7d50\u679c\u985e\u5225\n  function getResult(score) {\n    for (const result of quizData.results) {\n      if (score > result.minScore && score <= result.maxScore) {\n        return result;\n      }\n    }\n    return quizData.results[0]; \/\/ \u9810\u8a2d\u7d50\u679c\n  }\n  \n  \/\/ \u66f4\u65b0\u6210\u719f\u5ea6\u689d\u5f62\u5716\n  function updateMaturityBar(score) {\n    \/\/ \u5047\u8a2d\u6700\u9ad8\u53ef\u80fd\u5206\u6578\u662f80\uff0c\u6700\u4f4e\u662f-30\n    const maxPossibleScore = 80;\n    const minPossibleScore = -30;\n    const totalRange = maxPossibleScore - minPossibleScore;\n    \n    \/\/ \u8a08\u7b97\u767e\u5206\u6bd4\uff0c\u78ba\u4fdd\u6700\u4f4e\u5206\u4e5f\u6709\u4e00\u9ede\u986f\u793a\n    let percentage = ((score - minPossibleScore) \/ totalRange) * 100;\n    percentage = Math.max(5, Math.min(100, percentage)); \/\/ \u81f3\u5c115%\u6700\u591a100%\n    \n    \/\/ \u5ef6\u9072\u8a2d\u7f6e\uff0c\u5275\u5efa\u52d5\u756b\u6548\u679c\n    setTimeout(() => {\n      elements.maturityFill.style.width = `${percentage}%`;\n      elements.maturityLabel.textContent = `${Math.round(percentage)}%`;\n      \n      \/\/ \u8a2d\u7f6e\u6210\u719f\u5ea6\u7b49\u7d1a\u6587\u5b57\n      let maturityLevel = '';\n      if (percentage < 30) {\n        maturityLevel = '\u521d\u7d1a\u968e\u6bb5';\n      } else if (percentage < 60) {\n        maturityLevel = '\u767c\u5c55\u968e\u6bb5';\n      } else if (percentage < 85) {\n        maturityLevel = '\u6210\u719f\u968e\u6bb5';\n      } else {\n        maturityLevel = '\u9ad8\u5ea6\u6210\u719f';\n      }\n      \n      elements.maturityText.textContent = `\u4f60\u7684\u6210\u719f\u5ea6\u6307\u6578\u70ba ${Math.round(percentage)}%\uff0c\u8655\u65bc${maturityLevel}`;\n    }, 100);\n  }\n  \n  \/\/ \u66f4\u65b0\u5716\u8868\n  function updateCharts() {\n    \/\/ \u8a08\u7b97\u5404\u7dad\u5ea6\u5206\u6578\n    const dimensionScores = calculateDimensionScores();\n    \n    \/\/ \u7e6a\u88fd\u96f7\u9054\u5716\n    renderRadarChart(dimensionScores);\n    \n    \/\/ \u7e6a\u88fd\u7b54\u984c\u5206\u4f48\u5716\n    renderAnswersChart();\n  }\n  \n  \/\/ \u8a08\u7b97\u5404\u7dad\u5ea6\u5206\u6578\n  function calculateDimensionScores() {\n    const dimensions = {};\n    \n    \/\/ \u521d\u59cb\u5316\u7dad\u5ea6\u5206\u6578\n    Object.keys(dimensionMapping).forEach(key => {\n      dimensions[dimensionMapping[key].name] = 0;\n    });\n    \n    \/\/ \u8a08\u7b97\u6bcf\u500b\u7dad\u5ea6\u7684\u5f97\u5206\n    userAnswers.forEach((answerIndex, questionIndex) => {\n      if (answerIndex !== undefined) {\n        const questionScore = quizData.questions[questionIndex].scores[answerIndex];\n        const dimensionName = dimensionMapping[questionIndex].name;\n        const weight = dimensionMapping[questionIndex].weight;\n        \n        \/\/ \u5c07\u554f\u984c\u5206\u6578\u8f49\u63db\u70ba0-10\u7684\u7bc4\u570d\n        let normalizedScore = 0;\n        if (questionScore >= 0) {\n          normalizedScore = (questionScore \/ 10) * 10; \/\/ \u5047\u8a2d\u6700\u9ad8\u5206\u662f10\n        } else {\n          normalizedScore = 0; \/\/ \u8ca0\u5206\u8f49\u70ba0\n        }\n        \n        \/\/ \u6dfb\u52a0\u52a0\u6b0a\u5206\u6578\n        dimensions[dimensionName] += normalizedScore * weight;\n      }\n    });\n    \n    \/\/ \u78ba\u4fdd\u5206\u6578\u57280-10\u4e4b\u9593\n    Object.keys(dimensions).forEach(key => {\n      dimensions[key] = Math.max(0, Math.min(10, dimensions[key]));\n    });\n    \n    return dimensions;\n  }\n  \n  \/\/ \u7e6a\u88fd\u96f7\u9054\u5716\n  function renderRadarChart(dimensionScores) {\n    \/\/ \u78ba\u4fddChart.js\u5df2\u52a0\u8f09\n    if (!checkChartJs()) return;\n    \n    \/\/ \u6e96\u5099\u6578\u64da\n    const labels = Object.keys(dimensionScores);\n    const data = Object.values(dimensionScores);\n    \n    \/\/ \u5982\u679c\u6709\u820a\u7684\u5716\u8868\u5be6\u4f8b\uff0c\u5148\u92b7\u6bc0\n    if (radarChartInstance) {\n      radarChartInstance.destroy();\n    }\n    \n    try {\n      radarChartInstance = new Chart(elements.radarChart, {\n        type: 'radar',\n        data: {\n          labels: labels,\n          datasets: [{\n            label: '\u80fd\u529b\u8a55\u4f30',\n            data: data,\n            backgroundColor: 'rgba(58, 110, 165, 0.2)',\n            borderColor: 'rgba(58, 110, 165, 1)',\n            pointBackgroundColor: 'rgba(58, 110, 165, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(58, 110, 165, 1)',\n            borderWidth: 2\n          }]\n        },\n        options: {\n          scales: {\n            r: {\n              angleLines: {\n                display: true\n              },\n              suggestedMin: 0,\n              suggestedMax: 10,\n              ticks: {\n                stepSize: 2,\n                font: {\n                  size: 12\n                }\n              },\n              pointLabels: {\n                font: {\n                  size: 16,\n                  weight: 'bold'\n                }\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: true,\n              position: 'top',\n              labels: {\n                font: {\n                  size: 16\n                }\n              }\n            },\n            tooltip: {\n              callbacks: {\n                label: function(context) {\n                  return `${context.label}: ${(context.raw).toFixed(1)}\/10`;\n                }\n              },\n              bodyFont: {\n                size: 14\n              },\n              titleFont: {\n                size: 16\n              }\n            }\n          },\n          responsive: true,\n          maintainAspectRatio: false\n        }\n      });\n      console.log('\u96f7\u9054\u5716\u5df2\u6210\u529f\u6e32\u67d3');\n    } catch (error) {\n      console.error('\u6e32\u67d3\u96f7\u9054\u5716\u6642\u51fa\u932f:', error);\n    }\n  }\n  \n  \/\/ \u7e6a\u88fd\u7b54\u984c\u5206\u4f48\u5716\n  function renderAnswersChart() {\n    \/\/ \u78ba\u4fddChart.js\u5df2\u52a0\u8f09\n    if (!checkChartJs()) return;\n    \n    \/\/ \u6e96\u5099\u6578\u64da - \u7d71\u8a08\u5404\u5206\u6578\u6bb5\u7684\u5206\u4f48\n    const scoreDistribution = {\n      '\u9ad8\u5206(6-10\u5206)': 0,\n      '\u4e2d\u5206(1-5\u5206)': 0,\n      '\u4f4e\u5206(-5-0\u5206)': 0,\n      '\u8ca0\u5206(<-5\u5206)': 0\n    };\n    \n    \/\/ \u8a08\u7b97\u5404\u984c\u5f97\u5206\u5206\u4f48\n    userAnswers.forEach((answerIndex, questionIndex) => {\n      if (answerIndex !== undefined) {\n        const score = quizData.questions[questionIndex].scores[answerIndex];\n        \n        if (score >= 6) {\n          scoreDistribution['\u9ad8\u5206(6-10\u5206)']++;\n        } else if (score >= 1) {\n          scoreDistribution['\u4e2d\u5206(1-5\u5206)']++;\n        } else if (score >= -5) {\n          scoreDistribution['\u4f4e\u5206(-5-0\u5206)']++;\n        } else {\n          scoreDistribution['\u8ca0\u5206(<-5\u5206)']++;\n        }\n      }\n    });\n    \n    \/\/ \u5982\u679c\u6709\u820a\u7684\u5716\u8868\u5be6\u4f8b\uff0c\u5148\u92b7\u6bc0\n    if (answersChartInstance) {\n      answersChartInstance.destroy();\n    }\n    \n    try {\n      answersChartInstance = new Chart(elements.answersChart, {\n        type: 'bar',\n        data: {\n          labels: Object.keys(scoreDistribution),\n          datasets: [{\n            label: '\u7b54\u984c\u5206\u4f48',\n            data: Object.values(scoreDistribution),\n            backgroundColor: [\n              'rgba(52, 152, 219, 0.7)',\n              'rgba(46, 204, 113, 0.7)',\n              'rgba(241, 196, 15, 0.7)',\n              'rgba(231, 76, 60, 0.7)'\n            ],\n            borderColor: [\n              'rgba(52, 152, 219, 1)',\n              'rgba(46, 204, 113, 1)',\n              'rgba(241, 196, 15, 1)',\n              'rgba(231, 76, 60, 1)'\n            ],\n            borderWidth: 1\n          }]\n        },\n        options: {\n          scales: {\n            y: {\n              beginAtZero: true,\n              ticks: {\n                stepSize: 1,\n                font: {\n                  size: 14\n                }\n              }\n            },\n            x: {\n              ticks: {\n                font: {\n                  size: 14\n                }\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: function(context) {\n                  return `\u6578\u91cf: ${context.raw}\u984c`;\n                }\n              },\n              bodyFont: {\n                size: 14\n              },\n              titleFont: {\n                size: 16\n              }\n            }\n          },\n          responsive: true,\n          maintainAspectRatio: false\n        }\n      });\n      console.log('\u7b54\u984c\u5206\u4f48\u5716\u5df2\u6210\u529f\u6e32\u67d3');\n    } catch (error) {\n      console.error('\u6e32\u67d3\u7b54\u984c\u5206\u4f48\u5716\u6642\u51fa\u932f:', error);\n    }\n  }\n  \n  \/\/ \u91cd\u7f6e\u6e2c\u9a57\n  function resetQuiz() {\n    switchSection(elements.resultsSection, elements.introSection);\n    currentQuestion = 0;\n    userAnswers = [];\n    scrollToElement(elements.introSection);\n    \n    \/\/ \u6e05\u9664\u96f7\u9054\u5716\u548c\u7b54\u984c\u5206\u4f48\u5716\n    if (radarChartInstance) {\n      radarChartInstance.destroy();\n      radarChartInstance = null;\n    }\n    \n    if (answersChartInstance) {\n      answersChartInstance.destroy();\n      answersChartInstance = null;\n    }\n  }\n  \n  \/\/ \u5207\u63db\u90e8\u5206(\u5f9e\u4e00\u500b\u90e8\u5206\u5230\u53e6\u4e00\u500b\u90e8\u5206)\n  function switchSection(fromSection, toSection) {\n    \/\/ \u5e73\u6ed1\u6de1\u51fa\u7576\u524d\u90e8\u5206\n    fromSection.style.opacity = '0';\n    \n    setTimeout(() => {\n      fromSection.classList.remove('active');\n      toSection.classList.add('active');\n      \n      \/\/ \u91cd\u7f6e\u76ee\u6a19\u90e8\u5206\u7684\u900f\u660e\u5ea6\n      toSection.style.opacity = '0';\n      \n      \/\/ \u4f7f\u7528\u4e00\u500b\u5fae\u5c0f\u7684\u5ef6\u9072\u4ee5\u78ba\u4fddDOM\u66f4\u65b0\n      setTimeout(() => {\n        \/\/ \u5e73\u6ed1\u6de1\u5165\u76ee\u6a19\u90e8\u5206\n        toSection.style.opacity = '1';\n      }, 10);\n    }, 300);\n  }\n  \n  \/\/ \u6eda\u52a8\u5230\u5143\u7d20\u4f4d\u7f6e\n  function scrollToElement(element) {\n    if (!element) return;\n    \n    const position = element.getBoundingClientRect().top + window.pageYOffset - 20;\n    window.scrollTo({\n      top: position,\n      behavior: 'smooth'\n    });\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n  document.addEventListener('DOMContentLoaded', function() {\n    init();\n    console.log('\u6210\u719f\u5ea6\u6e2c\u9a57\u5df2\u521d\u59cb\u5316\u5b8c\u6210');\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u4e00\u4e2a\u4eba\u751f\u7ecf\u9a8c\u4e30\u5bcc\u7684\u4eba\u901a\u5e38\u662f\u4e00\u4e2a\u4e2a\u6027\u6210\u719f\u7684\u4eba\u3002\u8fd9\u6837\u7684\u4eba\u505a\u4efb\u4f55\u4e8b\u60c5\u90fd\u5bf9\u81ea\u5df1\u5145\u6ee1\u4fe1\u5fc3\uff0c\u76f8\u4fe1\u81ea\u5df1\u7684\u80fd\u529b\u548c\u601d\u60f3\uff0c\u5584\u4e8e\u8fd0\u7528\u81ea\u5df1\u7684\u77e5\u8bc6\u548c\u5b66\u95ee\u3002\u672c\u6d4b\u8bd5\u517110\u9898\uff0c\u9898\u540e\u6709\u9009\u9879\uff0c\u8bf7\u4ece\u4e2d\u9009\u62e9\u4e00\u4e2a\u548c\u81ea\u5df1\u6700\u7b26\u5408\u7684\u7b54\u6848\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,160],"tags":[],"class_list":["post-3168","post","type-post","status-publish","format-standard","hentry","category-personality","category-attitude-scales"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3168","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=3168"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3168\/revisions"}],"predecessor-version":[{"id":10452,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3168\/revisions\/10452"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=3168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=3168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=3168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}