{"id":2492,"date":"2023-10-08T09:29:49","date_gmt":"2023-10-08T01:29:49","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2492"},"modified":"2025-05-10T16:54:55","modified_gmt":"2025-05-10T08:54:55","slug":"people-will-you-captivate","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/people-will-you-captivate","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u8fd8\u4f1a\u503e\u5012\u591a\u5c11\u4eba\uff1f"},"content":{"rendered":"<!-- \u6e2c\u9a57\u7cfb\u7d71 - \u9075\u5faa\u95dc\u6ce8\u9ede\u5206\u96e2\u539f\u5247 -->\n<div id=\"personality-quiz-container\" class=\"pq-container\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"pq-intro-page\" class=\"pq-page pq-active\">\n    <header class=\"pq-header\">\n      <h2 class=\"pq-title\">\u4f60\u8fd8\u4f1a\u503e\u5012\u591a\u5c11\u4eba\uff1f<\/h2>\n      <p class=\"pq-subtitle\">\u63a2\u7d22\u4f60\u7684\u9b45\u529b\u6307\u6570\u6d4b\u9a8c<\/p>\n    <\/header>\n    \n    <div class=\"pq-feature-grid\">\n      <div class=\"pq-feature\">\n        <div class=\"pq-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>\u63a2\u7d22\u81ea\u6211\u9b45\u529b<\/h3>\n        <p>\u900f\u8fc7\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u95ee\u9898\uff0c\u53d1\u73b0\u4f60\u72ec\u7279\u7684\u9b45\u529b\u7279\u8d28\u4e0e\u5438\u5f15\u529b<\/p>\n      <\/div>\n      <div class=\"pq-feature\">\n        <div class=\"pq-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3>\u793e\u4ea4\u529b\u5206\u6790<\/h3>\n        <p>\u4e86\u89e3\u4f60\u5728\u793e\u4ea4\u573a\u5408\u7684\u8868\u73b0\u4e0e\u6f5c\u529b\uff0c\u638c\u63e1\u4eba\u9645\u5173\u7cfb\u7684\u6838\u5fc3\u4f18\u52bf<\/p>\n      <\/div>\n      <div class=\"pq-feature\">\n        <div class=\"pq-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3>\u4e13\u4e1a\u6570\u636e\u89c6\u89c9\u5316<\/h3>\n        <p>\u901a\u8fc7\u7cbe\u7f8e\u56fe\u8868\u5c55\u793a\u4f60\u7684\u9b45\u529b\u5206\u6790\u7ed3\u679c\uff0c\u76f4\u89c2\u4e86\u89e3\u81ea\u8eab\u4f18\u52bf<\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"pq-description\">\n      <p>\u8fd9\u4e2a\u6d4b\u9a8c\u901a\u8fc7\u5206\u6790\u4f60\u7684\u6027\u683c\u7279\u8d28\u3001\u793e\u4ea4\u503e\u5411\u548c\u884c\u4e3a\u6a21\u5f0f\uff0c\u63ed\u793a\u4f60\u5438\u5f15\u4ed6\u4eba\u7684\u72ec\u7279\u9b45\u529b\u3002\u5b8c\u6210\u540e\uff0c\u4f60\u5c06\u83b7\u5f97\u8be6\u7ec6\u7684\u9b45\u529b\u5206\u6790\u62a5\u544a\uff0c\u5e2e\u52a9\u4f60\u66f4\u597d\u5730\u7406\u89e3\u81ea\u5df1\u7684\u793e\u4ea4\u9b45\u529b\u6307\u6570\u3002<\/p>\n      <p>\u6d4b\u9a8c\u4ec5\u97003\u5206\u949f\uff0c\u7ed3\u679c\u5c06\u7acb\u5373\u5448\u73b0\u3002\u51c6\u5907\u597d\u63a2\u7d22\u4f60\u7684\u9b45\u529b\u6f5c\u80fd\u4e86\u5417\uff1f<\/p>\n    <\/div>\n    \n    <button type=\"button\" id=\"pq-start-btn\" class=\"pq-btn pq-btn-primary\" aria-label=\"\u5f00\u59cb\u6d4b\u9a8c\">\n      \u5f00\u59cb\u6d4b\u9a8c\n    <\/button>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"pq-quiz-page\" class=\"pq-page\">\n    <header class=\"pq-header\">\n      <h2 class=\"pq-title\">\u4f60\u8fd8\u4f1a\u503e\u5012\u591a\u5c11\u4eba\uff1f<\/h2>\n    <\/header>\n    \n    <div class=\"pq-progress-container\">\n      <div class=\"pq-progress-bar\">\n        <div class=\"pq-progress-fill\"><\/div>\n      <\/div>\n      <div class=\"pq-progress-text\">\u95ee\u9898 <span id=\"pq-current-question\">1<\/span>\/<span id=\"pq-total-questions\">10<\/span><\/div>\n    <\/div>\n    \n    <div id=\"pq-questions-container\">\n      <!-- \u554f\u984c\u5c07\u901a\u904eJavaScript\u52d5\u614b\u63d2\u5165 -->\n    <\/div>\n    \n    <div class=\"pq-navigation\">\n      <button type=\"button\" id=\"pq-prev-btn\" class=\"pq-btn pq-btn-secondary\" aria-label=\"\u4e0a\u4e00\u9898\" disabled>\n        \u4e0a\u4e00\u9898\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"pq-result-page\" class=\"pq-page\">\n    <header class=\"pq-header\">\n      <h2 class=\"pq-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n    <\/header>\n    \n    <div class=\"pq-result-container\">\n      <div class=\"pq-result-visualization\">\n        <div class=\"pq-chart-container\">\n          <canvas id=\"pq-result-chart\" aria-label=\"\u6d4b\u9a8c\u7ed3\u679c\u56fe\u8868\" role=\"img\"><\/canvas>\n        <\/div>\n      <\/div>\n      \n      <div id=\"pq-result-text\" class=\"pq-result-text\">\n        <!-- \u7d50\u679c\u5c07\u901a\u904eJavaScript\u52d5\u614b\u63d2\u5165 -->\n      <\/div>\n    <\/div>\n    \n    <button type=\"button\" id=\"pq-restart-btn\" class=\"pq-btn pq-btn-primary\" aria-label=\"\u91cd\u65b0\u6d4b\u8bd5\">\n      \u91cd\u65b0\u6d4b\u8bd5\n    <\/button>\n  <\/section>\n<\/div>\n\n<!-- \u6a23\u5f0f -->\n<style>\n  \/* \u81ea\u5b9a\u7fa9\u8b8a\u6578 *\/\n  :root {\n    \/* \u984f\u8272\u65b9\u6848 *\/\n    --pq-primary: #6366f1;\n    --pq-primary-light: #818cf8;\n    --pq-primary-dark: #4f46e5;\n    --pq-secondary: #f472b6;\n    --pq-secondary-light: #f9a8d4;\n    --pq-text: #1e293b;\n    --pq-text-light: #64748b;\n    --pq-background: #ffffff;\n    --pq-background-light: #f8fafc;\n    --pq-background-dark: #f1f5f9;\n    --pq-accent: #10b981;\n    --pq-accent-light: #34d399;\n    --pq-error: #ef4444;\n    --pq-warning: #f59e0b;\n    --pq-success: #10b981;\n    \n    \/* \u5c3a\u5bf8\u8207\u9593\u8ddd *\/\n    --pq-spacing-xs: 0.25rem;\n    --pq-spacing-sm: 0.5rem;\n    --pq-spacing-md: 1rem;\n    --pq-spacing-lg: 1.5rem;\n    --pq-spacing-xl: 2rem;\n    --pq-spacing-xxl: 3rem;\n    \n    \/* \u5b57\u9ad4\u5c3a\u5bf8 *\/\n    --pq-text-xs: 0.75rem;\n    --pq-text-sm: 0.875rem;\n    --pq-text-base: 1rem;\n    --pq-text-lg: 1.125rem;\n    --pq-text-xl: 1.25rem;\n    --pq-text-2xl: 1.5rem;\n    --pq-text-3xl: 1.875rem;\n    --pq-text-4xl: 2.25rem;\n    \n    \/* \u908a\u6846\u548c\u5713\u89d2 *\/\n    --pq-border-radius-sm: 0.25rem;\n    --pq-border-radius-md: 0.5rem;\n    --pq-border-radius-lg: 1rem;\n    --pq-border-radius-full: 9999px;\n    \n    \/* \u9670\u5f71 *\/\n    --pq-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    --pq-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    --pq-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    \n    \/* \u904e\u6e21\u6548\u679c *\/\n    --pq-transition: all 0.3s ease;\n  }\n  \n  \/* \u91cd\u7f6e\u8207\u57fa\u672c\u6a23\u5f0f *\/\n  .pq-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  .pq-container {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--pq-text);\n    line-height: 1.5;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: var(--pq-spacing-md);\n  }\n  \n  \/* \u9801\u9762\u6a23\u5f0f *\/\n  .pq-page {\n    display: none;\n    flex-direction: column;\n    gap: var(--pq-spacing-xl);\n    padding: var(--pq-spacing-lg) 0;\n  }\n  \n  .pq-active {\n    display: flex;\n  }\n  \n  \/* \u6a19\u984c\u6a23\u5f0f *\/\n  .pq-header {\n    text-align: center;\n    margin-bottom: var(--pq-spacing-lg);\n  }\n  \n  .pq-title {\n    font-size: var(--pq-text-3xl);\n    font-weight: 700;\n    margin-bottom: var(--pq-spacing-sm);\n    color: var(--pq-primary-dark);\n  }\n  \n  .pq-subtitle {\n    font-size: var(--pq-text-xl);\n    color: var(--pq-text-light);\n  }\n  \n  \/* \u5f15\u5c0e\u9801\u7279\u8272\u5340\u584a *\/\n  .pq-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: var(--pq-spacing-lg);\n    margin: var(--pq-spacing-lg) 0;\n  }\n  \n  .pq-feature {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: var(--pq-spacing-lg);\n    border-radius: var(--pq-border-radius-md);\n    background-color: var(--pq-background-light);\n    box-shadow: var(--pq-shadow-sm);\n    transition: var(--pq-transition);\n  }\n  \n  .pq-feature:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--pq-shadow-md);\n  }\n  \n  .pq-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--pq-primary-light), var(--pq-primary));\n    color: white;\n    margin-bottom: var(--pq-spacing-md);\n  }\n  \n  .pq-icon svg {\n    width: 32px;\n    height: 32px;\n  }\n  \n  .pq-feature h3 {\n    font-size: var(--pq-text-xl);\n    margin-bottom: var(--pq-spacing-sm);\n    color: var(--pq-primary-dark);\n  }\n  \n  .pq-feature p {\n    color: var(--pq-text-light);\n    font-size: var(--pq-text-base);\n  }\n  \n  \/* \u63cf\u8ff0\u5340\u584a *\/\n  .pq-description {\n    margin: var(--pq-spacing-lg) 0;\n    text-align: left;\n  }\n  \n  .pq-description p {\n    margin-bottom: var(--pq-spacing-md);\n    font-size: var(--pq-text-lg);\n    color: var(--pq-text);\n  }\n  \n  \/* \u6309\u9215\u6a23\u5f0f *\/\n  .pq-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--pq-spacing-md) var(--pq-spacing-xl);\n    border-radius: var(--pq-border-radius-md);\n    font-size: var(--pq-text-lg);\n    font-weight: 600;\n    cursor: pointer;\n    transition: var(--pq-transition);\n    border: none;\n    min-height: 44px;\n    min-width: 120px;\n    margin: 0 auto;\n  }\n  \n  .pq-btn-primary {\n    background: linear-gradient(135deg, var(--pq-primary), var(--pq-primary-dark));\n    color: white;\n    box-shadow: var(--pq-shadow-md);\n  }\n  \n  .pq-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--pq-shadow-lg);\n    background: linear-gradient(135deg, var(--pq-primary-light), var(--pq-primary));\n  }\n  \n  .pq-btn-secondary {\n    background-color: var(--pq-background-light);\n    color: var(--pq-primary);\n    border: 1px solid var(--pq-primary-light);\n  }\n  \n  .pq-btn-secondary:hover {\n    background-color: var(--pq-background);\n    color: var(--pq-primary-dark);\n  }\n  \n  .pq-btn[disabled] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  \n  \/* \u9032\u5ea6\u689d\u6a23\u5f0f *\/\n  .pq-progress-container {\n    margin-bottom: var(--pq-spacing-lg);\n  }\n  \n  .pq-progress-bar {\n    height: 8px;\n    background-color: var(--pq-background-dark);\n    border-radius: var(--pq-border-radius-full);\n    overflow: hidden;\n    margin-bottom: var(--pq-spacing-sm);\n  }\n  \n  .pq-progress-fill {\n    height: 100%;\n    background: linear-gradient(to right, var(--pq-primary), var(--pq-primary-light));\n    width: 0%;\n    transition: width 0.3s ease;\n  }\n  \n  .pq-progress-text {\n    text-align: center;\n    font-size: var(--pq-text-base);\n    color: var(--pq-text-light);\n  }\n  \n  \/* \u554f\u984c\u5bb9\u5668 *\/\n  #pq-questions-container {\n    width: 100%;\n  }\n  \n  .pq-question {\n    display: none;\n    flex-direction: column;\n    gap: var(--pq-spacing-lg);\n  }\n  \n  .pq-question.pq-active {\n    display: flex;\n  }\n  \n  .pq-question h3 {\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: var(--pq-spacing-md);\n    color: var(--pq-primary-dark);\n  }\n  \n  .pq-options {\n    display: flex;\n    flex-direction: column;\n    gap: var(--pq-spacing-md);\n  }\n  \n  .pq-option {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: var(--pq-spacing-md) var(--pq-spacing-lg);\n    border-radius: var(--pq-border-radius-md);\n    background-color: var(--pq-background-light);\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: var(--pq-transition);\n    min-height: 60px;\n  }\n  \n  .pq-option:hover {\n    background-color: var(--pq-background);\n    border-color: var(--pq-primary-light);\n  }\n  \n  .pq-option.pq-selected {\n    background-color: rgba(99, 102, 241, 0.1);\n    border-color: var(--pq-primary);\n  }\n  \n  .pq-option-text {\n    font-size: 18px;\n    color: var(--pq-text);\n  }\n  \n  .pq-option input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n  }\n  \n  .pq-option-radio {\n    position: relative;\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    min-width: 20px;\n    border: 2px solid var(--pq-primary);\n    border-radius: 50%;\n    margin-right: var(--pq-spacing-md);\n  }\n  \n  .pq-option.pq-selected .pq-option-radio:after {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: var(--pq-primary);\n  }\n  \n  \/* \u5c0e\u822a *\/\n  .pq-navigation {\n    display: flex;\n    justify-content: center;\n    margin-top: var(--pq-spacing-lg);\n  }\n  \n  \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n  .pq-result-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--pq-spacing-xl);\n    margin-bottom: var(--pq-spacing-xl);\n  }\n  \n  .pq-result-visualization {\n    background-color: var(--pq-background-light);\n    border-radius: var(--pq-border-radius-lg);\n    padding: var(--pq-spacing-lg);\n    box-shadow: var(--pq-shadow-sm);\n  }\n  \n  .pq-chart-container {\n    width: 100%;\n    max-width: 500px;\n    margin: 0 auto;\n    height: 300px;\n  }\n  \n  .pq-result-text {\n    background-color: var(--pq-background-light);\n    border-radius: var(--pq-border-radius-lg);\n    padding: var(--pq-spacing-xl);\n    box-shadow: var(--pq-shadow-sm);\n  }\n  \n  .pq-result-text h3 {\n    font-size: var(--pq-text-2xl);\n    color: var(--pq-primary-dark);\n    margin-bottom: var(--pq-spacing-md);\n  }\n  \n  .pq-result-text p {\n    margin-bottom: var(--pq-spacing-md);\n    font-size: var(--pq-text-lg);\n    text-align: left;\n  }\n  \n  \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n  @media (max-width: 768px) {\n    .pq-feature-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .pq-title {\n      font-size: var(--pq-text-2xl);\n    }\n    \n    .pq-subtitle {\n      font-size: var(--pq-text-lg);\n    }\n    \n    .pq-feature h3 {\n      font-size: var(--pq-text-lg);\n    }\n    \n    .pq-description p {\n      font-size: var(--pq-text-base);\n    }\n    \n    .pq-btn {\n      width: 100%;\n    }\n    \n    .pq-chart-container {\n      height: 250px;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .pq-container {\n      padding: var(--pq-spacing-sm);\n    }\n    \n    .pq-icon {\n      width: 56px;\n      height: 56px;\n    }\n    \n    .pq-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n  }\n<\/style>\n\n<!-- \u8173\u672c -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n  (function() {\n    'use strict';\n    \n    \/\/ \u907f\u514d\u5168\u5c40\u8b8a\u6578\u6c61\u67d3\n    const PersonalityQuiz = {\n      \/\/ \u72c0\u614b\u8b8a\u6578\n      state: {\n        currentPage: 'intro', \/\/ intro, quiz, result\n        currentQuestionIndex: 0,\n        selectedAnswers: [],\n        questions: [\n          {\n            id: 1,\n            text: \"\u4f60\u662f\u4e00\u500b\u7d93\u5e38\u505a\u767d\u65e5\u5922\u7684\u4eba\u55ce\uff1f\",\n            options: [\n              { text: \"\u662f\u7684\", nextQuestion: 2 },\n              { text: \"\u4e0d\u662f\", nextQuestion: 3 },\n              { text: \"\u5076\u723e\", nextQuestion: 4 }\n            ]\n          },\n          {\n            id: 2,\n            text: \"\u4f60\u9047\u5230\u904e\u5f62\u8c61\u6bd4\u8f03\u7325\u7463\u7684\u5927\u53d4\u55ce\uff1f\",\n            options: [\n              { text: \"\u9047\u5230\u904e\", nextQuestion: 3 },\n              { text: \"\u6c92\u6709\", nextQuestion: 4 },\n              { text: \"\u4e0d\u77e5\u9053\", nextQuestion: 5 }\n            ]\n          },\n          {\n            id: 3,\n            text: \"\u4f60\u5c0d\u5f85\u597d\u670b\u53cb\u8ddf\u666e\u901a\u7684\u670b\u53cb\uff0c\u614b\u5ea6\u6709\u5f88\u5927\u7684\u5dee\u5225\u55ce\uff1f\",\n            options: [\n              { text: \"\u662f\u7684\", nextQuestion: 4 },\n              { text: \"\u4e0d\u662f\", nextQuestion: 5 },\n              { text: \"\u770b\u60c5\u6cc1\", nextQuestion: 6 }\n            ]\n          },\n          {\n            id: 4,\n            text: \"\u7d93\u5e38\u6703\u6709\u4eba\u8ddf\u4f60\u642d\u8a15\u55ce\uff1f\",\n            options: [\n              { text: \"\u7d93\u5e38\", nextQuestion: 5 },\n              { text: \"\u6c92\u6709\", nextQuestion: 6 },\n              { text: \"\u5076\u723e\", nextQuestion: 7 }\n            ]\n          },\n          {\n            id: 5,\n            text: \"\u4f60\u5bb6\u7684\u5bb6\u5ead\u6559\u80b2\u6bd4\u8f03\u56b4\u683c\u55ce\uff1f\",\n            options: [\n              { text: \"\u662f\u7684\", nextQuestion: 6 },\n              { text: \"\u5f88\u9b06\", nextQuestion: 7 },\n              { text: \"\u677e\u4e2d\u5e36\u56b4\", nextQuestion: 8 }\n            ]\n          },\n          {\n            id: 6,\n            text: \"\u524d\u9762\u8d70\u4f86\u4e00\u5c0d\u4fca\u7537\u7f8e\u5973\u727d\u8457\u53ef\u611b\u5bf6\u5bf6\uff0c\u4f60\u6703\u8457\u91cd\u628a\u76ee\u5149\u653e\u5728\u8ab0\u7684\u8eab\u4e0a\uff1f\",\n            options: [\n              { text: \"\u4fca\u7537\", nextQuestion: 7 },\n              { text: \"\u7f8e\u5973\", nextQuestion: 8 },\n              { text: \"\u5bf6\u5bf6\", result: \"A\" }\n            ]\n          },\n          {\n            id: 7,\n            text: \"\u4f60\u73fe\u5728\u7d93\u5e38\u505a\u8457\u767c\u8ca1\u7684\u7f8e\u5922\u55ce\uff1f\",\n            options: [\n              { text: \"\u662f\u7684\", nextQuestion: 8 },\n              { text: \"\u4e0d\u662f\", nextQuestion: 9 },\n              { text: \"\u5076\u723e\", nextQuestion: 10 }\n            ]\n          },\n          {\n            id: 8,\n            text: \"\u4e09\u676f\u6c34\u96a8\u4fbf\u6311\uff0c\u4f60\u89ba\u5f97\u81ea\u5df1\u5f80\u5f80\u6703\u9078\u5230\u54ea\u4e00\u676f\uff1f\",\n            options: [\n              { text: \"\u4e00\u676f\u8607\u6253\u6c34\", nextQuestion: 9 },\n              { text: \"\u4e00\u676f\u767d\u958b\u6c34\", result: \"A\" },\n              { text: \"\u4e00\u676f\u6ab8\u6aac\u6c34\", result: \"B\" }\n            ]\n          },\n          {\n            id: 9,\n            text: \"\u9910\u684c\u4e0a\u6709\u9019\u4e09\u7a2e\u6771\u897f\uff0c\u4f60\u7b2c\u4e00\u6642\u9593\u60f3\u62ff\u8d77\u4ec0\u9ebc\uff1f\",\n            options: [\n              { text: \"\u53c9\u5b50\", result: \"C\" },\n              { text: \"\u7b77\u5b50\", result: \"D\" },\n              { text: \"\u52fa\u5b50\", result: \"A\" }\n            ]\n          },\n          {\n            id: 10,\n            text: \"\u4e0b\u9762\u5e7e\u7a2e\u690d\u7269\uff0c\u4f60\u6700\u559c\u6b61\u7684\u662f\uff1f\",\n            options: [\n              { text: \"\u7fe0\u7af9\", result: \"B\" },\n              { text: \"\u9280\u674f\", result: \"C\" },\n              { text: \"\u7261\u4e39\", result: \"D\" }\n            ]\n          }\n        ],\n        results: {\n          \"A\": {\n            title: \"\u50be\u5012\u4e00\u6253\u4eba\",\n            text: \"\u4f60\u662f\u4e00\u500b\u633a\u6e05\u9e97\u7684\u5973\u751f\uff0c\u7d66\u4eba\u4e00\u7a2e\u5341\u5398\u6e05\u723d\u4e7e\u6de8\u7684\u597d\u5370\u8c61\uff0c\u4f60\u4e5f\u6709\u8457\u8207\u4e16\u7121\u722d\u7684\u6027\u683c\uff0c\u8ddf\u4f60\u5728\u4e00\u8d77\uff0c\u6709\u8aaa\u4e0d\u51fa\u7684\u8212\u9069\u3002\u4f60\u559c\u6b61\u7684\u6771\u897f\u4e5f\u662f\u6bd4\u8f03\u8212\u670d\u7684\u6771\u897f\uff0c\u770b\u66f8\u3001\u97f3\u6a02\u3001\u96fb\u5f71\u3001\u82b1\u5349\uff0c\u4f60\u9019\u6a23\u7684\u4eba\uff0c\u771f\u7684\u5bb9\u6613\u50be\u5012\u4e0d\u5c11\u4eba\u5566\u3002\u81f3\u5c11\u6709\u4e00\u6253\uff0c\u96d6\u7136\u4e0d\u662f\u90a3\u7a2e\u6fc3\u599d\u7684\uff0c\u4f46\u662f\u5c0f\u6e05\u65b0\u540c\u6a23\u6709\u4e0d\u5c11\u4eba\u559c\u6b61\u3002\",\n            scores: {\n              \"\u9b45\u529b\u6307\u6578\": 85,\n              \"\u793e\u4ea4\u529b\": 70,\n              \"\u7368\u7279\u6027\": 90,\n              \"\u89aa\u548c\u529b\": 95\n            }\n          },\n          \"B\": {\n            title: \"\u50be\u5012\u4e09\u4e94\u4eba\",\n            text: \"\u4f60\u4e5f\u7b97\u662f\u4e00\u500b\u61c2\u5f97\u6253\u626e\u7684\u5973\u4eba\uff0c\u6709\u4e00\u5b9a\u7684\u5973\u4eba\u5473\u5152\uff0c\u5373\u4f7f\u4e0d\u662f\u4ec0\u9ebc\u7d05\u8123\u70c8\u7130\uff0c\u4e5f\u81f3\u5c11\u770b\u8d77\u4f86\u4e0d\u662f\u90a3\u7a2e\u5be1\u6de1\u5473\u5152\u7684\u59b9\u5b50\u3002\u800c\u4f60\u50be\u5012\u7684\u4eba\u6578\u4e5f\u4e26\u4e0d\u591a\uff0c\u9019\u662f\u56e0\u70ba\u90a3\u4e9b\u4eba\u89ba\u5f97\u4f60\u6bd4\u8f03\u96e3\u641e\u5b9a\uff0c\u4e0d\u60f3\u5728\u4f60\u8eab\u4e0a\u82b1\u592a\u591a\u6642\u9593\u3002\u4f46\u662f\u4f60\u77e5\u9053\u81ea\u5df1\u7684\u597d\uff0c\u4e5f\u660e\u767d\u9019\u6a23\u7684\u81ea\u5df1\uff0c\u90a3\u4e9b\u4fd7\u6c23\u7684\u4eba\u914d\u4e0d\u4e0a\uff0c\u4f60\u4e0d\u5728\u4e4e\u9019\u4e9b\u4eba\u50be\u5012\u3002\",\n            scores: {\n              \"\u9b45\u529b\u6307\u6578\": 75,\n              \"\u793e\u4ea4\u529b\": 65,\n              \"\u7368\u7279\u6027\": 85,\n              \"\u89aa\u548c\u529b\": 70\n            }\n          },\n          \"C\": {\n            title: \"\u50be\u5012\u5f88\u591a\u4eba\",\n            text: \"\u9760\u9577\u76f8\u4f86\u8b93\u4eba\u50be\u5012\uff0c\u5f80\u5f80\u90fd\u662f\u4fdd\u9bae\u6642\u671f\u4e0d\u9577\u7684\uff0c\u4eba\u5bb6\u53ef\u80fd\u4eca\u5929\u56e0\u70ba\u4f60\u7a7f\u5f97\u597d\u770b\uff0c\u9577\u5f97\u6f02\u4eae\u5c31\u611b\u6155\u4f60\uff0c\u660e\u5929\u4e5f\u53ef\u80fd\u56e0\u70ba\u4f60\u9577\u4e86\u8c46\u8c46\uff0c\u8eab\u6750\u767c\u80d6\u5c31\u4e0d\u518d\u611b\u6155\u4f60\u3002\u800c\u53ea\u6709\u4f60\u9019\u7a2e\u9760\u81ea\u8eab\u7684\u624d\u83ef\u6216\u624d\u80fd\u4f86\u5438\u5f15\u4eba\u7684\u4eba\uff0c\u624d\u80fd\u5438\u5f15\u5f88\u591a\u4eba\u7684\u50be\u5012\u8207\u611b\u6155\u3002\u4f60\u7684\u667a\u6167\u3001\u80fd\u529b\u3001\u624d\u5b78\uff0c\u4e0d\u6703\u8870\u6557\uff0c\u611b\u6155\u656c\u4f69\u4f60\u7684\u4eba\uff0c\u6709\u5f88\u591a\u3002\",\n            scores: {\n              \"\u9b45\u529b\u6307\u6578\": 90,\n              \"\u793e\u4ea4\u529b\": 85,\n              \"\u7368\u7279\u6027\": 95,\n              \"\u89aa\u548c\u529b\": 80\n            }\n          },\n          \"D\": {\n            title: \"\u50be\u5012\u5e7e\u5341\u4eba\",\n            text: \"\u4f60\u9084\u662f\u633a\u6709\u6c23\u8cea\u7684\uff0c\u512a\u96c5\u800c\u5e36\u9ede\u5152\u5c0f\u85dd\u6587\uff0c\u96d6\u7136\u4e0d\u662f\u90a3\u7a2e\u4e0d\u98df\u4eba\u9593\u7159\u706b\u7684\u4ed9\u5473\u5152\uff0c\u4f46\u4e5f\u6642\u6642\u8868\u73fe\u5f97\u5927\u65b9\u81ea\u7136\u3002\u4e0d\u77ad\u89e3\u4f60\u7684\u4eba\u53ef\u80fd\u89ba\u5f97\u4f60\u96e3\u76f8\u8655\uff0c\u5be6\u969b\u4e0a\u4f60\u8aaa\u51fa\u7684\u8a71\uff0c\u80fd\u76f4\u6307\u4eba\u7684\u5167\u5fc3\uff0c\u4f46\u662f\u53c8\u6c92\u6709\u6e05\u9ad8\u81ea\u50b2\uff0c\u6240\u4ee5\u9019\u6a23\u7684\u4f60\u4e5f\u80fd\u50be\u5012\u5e7e\u5341\u4eba\uff0c\u719f\u6089\u77ad\u89e3\u4f60\u7684\u4eba\uff0c\u8207\u4f60\u6709\u904e\u4ea4\u6d41\u7684\u4eba\uff0c\u5f80\u5f80\u90fd\u662f\u4f60\u4fd8\u7372\u7684\u5c0d\u8c61\u3002\",\n            scores: {\n              \"\u9b45\u529b\u6307\u6578\": 95,\n              \"\u793e\u4ea4\u529b\": 90,\n              \"\u7368\u7279\u6027\": 85,\n              \"\u89aa\u548c\u529b\": 85\n            }\n          }\n        }\n      },\n      \n      \/\/ DOM\u5143\u7d20\n      elements: {},\n      \n      \/\/ \u521d\u59cb\u5316\u51fd\u6578\n      init: function() {\n        this.cacheElements();\n        this.bindEvents();\n        this.setupQuestions();\n      },\n      \n      \/\/ \u7de9\u5b58DOM\u5143\u7d20\n      cacheElements: function() {\n        this.elements = {\n          container: document.getElementById('personality-quiz-container'),\n          introPage: document.getElementById('pq-intro-page'),\n          quizPage: document.getElementById('pq-quiz-page'),\n          resultPage: document.getElementById('pq-result-page'),\n          startBtn: document.getElementById('pq-start-btn'),\n          prevBtn: document.getElementById('pq-prev-btn'),\n          restartBtn: document.getElementById('pq-restart-btn'),\n          questionsContainer: document.getElementById('pq-questions-container'),\n          currentQuestionEl: document.getElementById('pq-current-question'),\n          totalQuestionsEl: document.getElementById('pq-total-questions'),\n          progressFill: document.querySelector('.pq-progress-fill'),\n          resultText: document.getElementById('pq-result-text'),\n          resultChart: document.getElementById('pq-result-chart')\n        };\n        \n        \/\/ \u8a2d\u7f6e\u554f\u984c\u7e3d\u6578\n        this.elements.totalQuestionsEl.textContent = this.state.questions.length;\n      },\n      \n      \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n      bindEvents: function() {\n        \/\/ \u4f7f\u7528\u4e8b\u4ef6\u59d4\u8a17\u8655\u7406\u7528\u6236\u4ea4\u4e92\n        this.elements.container.addEventListener('click', this.handleClick.bind(this));\n        \n        \/\/ \u6dfb\u52a0\u9632\u6296\u8655\u7406\n        this.elements.questionsContainer.addEventListener('click', this.debounce(function(e) {\n          const option = e.target.closest('.pq-option');\n          if (option && !option.classList.contains('pq-selected')) {\n            this.handleOptionClick(option);\n          }\n        }.bind(this), 300));\n        \n        \/\/ \u91cd\u555f\u6e2c\u9a57\u6309\u9215\n        this.elements.restartBtn.addEventListener('click', this.restartQuiz.bind(this));\n      },\n      \n      \/\/ \u8a2d\u7f6e\u554f\u984c\n      setupQuestions: function() {\n        \/\/ \u6e05\u7a7a\u5bb9\u5668\n        this.elements.questionsContainer.innerHTML = '';\n        \n        \/\/ \u70ba\u6bcf\u500b\u554f\u984c\u5275\u5efaHTML\n        this.state.questions.forEach((question, index) => {\n          const questionEl = document.createElement('div');\n          questionEl.className = `pq-question ${index === 0 ? 'pq-active' : ''}`;\n          questionEl.setAttribute('data-question-id', question.id);\n          \n          const questionTitle = document.createElement('h3');\n          questionTitle.textContent = question.text;\n          questionEl.appendChild(questionTitle);\n          \n          const optionsContainer = document.createElement('div');\n          optionsContainer.className = 'pq-options';\n          \n          \/\/ \u70ba\u6bcf\u500b\u9078\u9805\u5275\u5efaHTML\n          question.options.forEach((option, optionIndex) => {\n            const optionEl = document.createElement('label');\n            optionEl.className = 'pq-option';\n            optionEl.setAttribute('data-option-index', optionIndex);\n            if (option.nextQuestion) {\n              optionEl.setAttribute('data-next-question', option.nextQuestion);\n            }\n            if (option.result) {\n              optionEl.setAttribute('data-result', option.result);\n            }\n            \n            const radio = document.createElement('input');\n            radio.type = 'radio';\n            radio.name = `question-${question.id}`;\n            radio.value = optionIndex;\n            optionEl.appendChild(radio);\n            \n            const radioMark = document.createElement('span');\n            radioMark.className = 'pq-option-radio';\n            optionEl.appendChild(radioMark);\n            \n            const optionText = document.createElement('span');\n            optionText.className = 'pq-option-text';\n            optionText.textContent = option.text;\n            optionEl.appendChild(optionText);\n            \n            optionsContainer.appendChild(optionEl);\n          });\n          \n          questionEl.appendChild(optionsContainer);\n          this.elements.questionsContainer.appendChild(questionEl);\n        });\n      },\n      \n      \/\/ \u4e8b\u4ef6\u8655\u7406\n      handleClick: function(e) {\n        const target = e.target;\n        \n        \/\/ \u958b\u59cb\u6e2c\u9a57\u6309\u9215\n        if (target === this.elements.startBtn) {\n          this.startQuiz();\n        }\n        \n        \/\/ \u4e0a\u4e00\u984c\u6309\u9215\n        if (target === this.elements.prevBtn) {\n          this.showPreviousQuestion();\n        }\n      },\n      \n      \/\/ \u9078\u9805\u9ede\u64ca\u8655\u7406\n      handleOptionClick: function(optionEl) {\n        \/\/ \u5df2\u9078\u64c7\u7684\u9078\u9805\u6a19\u8a18\u70ba\u9078\u4e2d\n        const questionEl = optionEl.closest('.pq-question');\n        const options = questionEl.querySelectorAll('.pq-option');\n        options.forEach(opt => opt.classList.remove('pq-selected'));\n        optionEl.classList.add('pq-selected');\n        \n        \/\/ \u4fdd\u5b58\u9078\u64c7\n        const questionId = parseInt(questionEl.getAttribute('data-question-id'));\n        const optionIndex = parseInt(optionEl.getAttribute('data-option-index'));\n        \n        \/\/ \u66f4\u65b0\u9078\u64c7\u6578\u7d44\n        this.state.selectedAnswers[this.state.currentQuestionIndex] = {\n          questionId,\n          optionIndex\n        };\n        \n        \/\/ \u6aa2\u67e5\u662f\u5426\u6709\u7d50\u679c\u6216\u4e0b\u4e00\u500b\u554f\u984c\n        const resultAttribute = optionEl.getAttribute('data-result');\n        const nextQuestionAttribute = optionEl.getAttribute('data-next-question');\n        \n        \/\/ \u8a2d\u7f6e\u8d85\u6642\u78ba\u4fdd\u7528\u6236\u80fd\u770b\u5230\u9078\u64c7\u6548\u679c\n        setTimeout(() => {\n          if (resultAttribute) {\n            \/\/ \u986f\u793a\u7d50\u679c\n            this.showResult(resultAttribute);\n          } else if (nextQuestionAttribute) {\n            \/\/ \u8df3\u8f49\u5230\u6307\u5b9a\u554f\u984c\n            const nextQuestionId = parseInt(nextQuestionAttribute);\n            const nextQuestionIndex = this.state.questions.findIndex(q => q.id === nextQuestionId);\n            this.goToQuestion(nextQuestionIndex);\n          }\n        }, 300);\n      },\n      \n      \/\/ \u958b\u59cb\u6e2c\u9a57\n      startQuiz: function() {\n        this.setState('quiz');\n        this.goToQuestion(0);\n        \/\/ \u6efe\u52d5\u5230\u9801\u9762\u6a19\u984c\n        this.scrollToTop();\n      },\n      \n      \/\/ \u8df3\u8f49\u5230\u7279\u5b9a\u554f\u984c\n      goToQuestion: function(index) {\n        \/\/ \u66f4\u65b0\u7576\u524d\u554f\u984c\u7d22\u5f15\n        this.state.currentQuestionIndex = index;\n        \n        \/\/ \u66f4\u65b0UI\n        const questionEls = this.elements.questionsContainer.querySelectorAll('.pq-question');\n        questionEls.forEach((el, i) => {\n          el.classList.toggle('pq-active', i === index);\n        });\n        \n        \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n        this.elements.currentQuestionEl.textContent = index + 1;\n        this.elements.progressFill.style.width = `${((index + 1) \/ this.state.questions.length) * 100}%`;\n        \n        \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u72c0\u614b\n        this.elements.prevBtn.disabled = index === 0;\n        \n        \/\/ \u5982\u679c\u6709\u4e4b\u524d\u7684\u9078\u64c7\uff0c\u6a19\u8a18\u70ba\u9078\u4e2d\n        if (this.state.selectedAnswers[index]) {\n          const { questionId, optionIndex } = this.state.selectedAnswers[index];\n          const activeQuestion = this.elements.questionsContainer.querySelector(`.pq-question[data-question-id=\"${questionId}\"]`);\n          if (activeQuestion) {\n            const selectedOption = activeQuestion.querySelector(`.pq-option[data-option-index=\"${optionIndex}\"]`);\n            if (selectedOption) {\n              selectedOption.classList.add('pq-selected');\n            }\n          }\n        }\n        \n        \/\/ \u6efe\u52d5\u5230\u554f\u984c\u9802\u90e8\n        this.scrollToElement(questionEls[index]);\n      },\n      \n      \/\/ \u986f\u793a\u4e0a\u4e00\u500b\u554f\u984c\n      showPreviousQuestion: function() {\n        if (this.state.currentQuestionIndex > 0) {\n          this.goToQuestion(this.state.currentQuestionIndex - 1);\n        }\n      },\n      \n      \/\/ \u986f\u793a\u7d50\u679c\n      showResult: function(resultKey) {\n        \/\/ \u7372\u53d6\u7d50\u679c\u6578\u64da\n        const result = this.state.results[resultKey];\n        if (!result) return;\n        \n        \/\/ \u66f4\u65b0\u7d50\u679c\u6587\u672c\n        this.elements.resultText.innerHTML = `\n          <h3>${result.title}<\/h3>\n          <p>${result.text}<\/p>\n        `;\n        \n        \/\/ \u521d\u59cb\u5316\u7d50\u679c\u5716\u8868\n        this.initResultChart(result.scores);\n        \n        \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\n        this.setState('result');\n        \n        \/\/ \u6efe\u52d5\u5230\u9801\u9762\u9802\u90e8\n        this.scrollToTop();\n      },\n      \n      \/\/ \u521d\u59cb\u5316\u7d50\u679c\u5716\u8868\n      initResultChart: function(scores) {\n        const ctx = this.elements.resultChart.getContext('2d');\n        \n        \/\/ \u5982\u679c\u5df2\u6709\u5716\u8868\uff0c\u5148\u92b7\u6bc0\n        if (this.chart) {\n          this.chart.destroy();\n        }\n        \n        \/\/ \u6e96\u5099\u6578\u64da\n        const labels = Object.keys(scores);\n        const data = Object.values(scores);\n        \n        \/\/ \u5275\u5efa\u5716\u8868\n        this.chart = new Chart(ctx, {\n          type: 'radar',\n          data: {\n            labels: labels,\n            datasets: [{\n              label: '\u4f60\u7684\u9b45\u529b\u6307\u6578',\n              data: data,\n              backgroundColor: 'rgba(99, 102, 241, 0.2)',\n              borderColor: 'rgba(99, 102, 241, 1)',\n              borderWidth: 2,\n              pointBackgroundColor: 'rgba(99, 102, 241, 1)',\n              pointBorderColor: '#fff',\n              pointHoverBackgroundColor: '#fff',\n              pointHoverBorderColor: 'rgba(99, 102, 241, 1)'\n            }]\n          },\n          options: {\n            responsive: true,\n            maintainAspectRatio: false,\n            scales: {\n              r: {\n                angleLines: {\n                  display: true\n                },\n                suggestedMin: 0,\n                suggestedMax: 100,\n                ticks: {\n                  stepSize: 20,\n                  font: {\n                    size: 12\n                  }\n                },\n                pointLabels: {\n                  font: {\n                    size: 16\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                    let label = context.dataset.label || '';\n                    if (label) {\n                      label += ': ';\n                    }\n                    if (context.parsed.r !== null) {\n                      label += context.parsed.r + '%';\n                    }\n                    return label;\n                  }\n                }\n              }\n            }\n          }\n        });\n      },\n      \n      \/\/ \u91cd\u65b0\u958b\u59cb\u6e2c\u9a57\n      restartQuiz: function() {\n        \/\/ \u91cd\u7f6e\u72c0\u614b\n        this.state.currentQuestionIndex = 0;\n        this.state.selectedAnswers = [];\n        \n        \/\/ \u91cd\u7f6eUI\n        this.setupQuestions();\n        this.setState('intro');\n        \n        \/\/ \u6efe\u52d5\u5230\u9801\u9762\u9802\u90e8\n        this.scrollToTop();\n      },\n      \n      \/\/ \u8a2d\u7f6e\u7576\u524d\u9801\u9762\u72c0\u614b\n      setState: function(page) {\n        this.state.currentPage = page;\n        \n        \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n        this.elements.introPage.classList.remove('pq-active');\n        this.elements.quizPage.classList.remove('pq-active');\n        this.elements.resultPage.classList.remove('pq-active');\n        \n        \/\/ \u986f\u793a\u7576\u524d\u9801\u9762\n        switch (page) {\n          case 'intro':\n            this.elements.introPage.classList.add('pq-active');\n            break;\n          case 'quiz':\n            this.elements.quizPage.classList.add('pq-active');\n            break;\n          case 'result':\n            this.elements.resultPage.classList.add('pq-active');\n            break;\n        }\n      },\n      \n      \/\/ \u6efe\u52d5\u5230\u9801\u9762\u9802\u90e8\n      scrollToTop: function() {\n        window.scrollTo({\n          top: this.elements.container.offsetTop - 20,\n          behavior: 'smooth'\n        });\n      },\n      \n      \/\/ \u6efe\u52d5\u5230\u7279\u5b9a\u5143\u7d20\n      scrollToElement: function(element) {\n        if (element) {\n          window.scrollTo({\n            top: element.offsetTop - 20,\n            behavior: 'smooth'\n          });\n        }\n      },\n      \n      \/\/ \u9632\u6296\u51fd\u6578\n      debounce: function(func, wait) {\n        let timeout;\n        return function() {\n          const context = this;\n          const args = arguments;\n          clearTimeout(timeout);\n          timeout = setTimeout(() => {\n            func.apply(context, args);\n          }, wait);\n        };\n      }\n    };\n    \n    \/\/ DOM\u52a0\u8f09\u5b8c\u6210\u5f8c\u521d\u59cb\u5316\n    document.addEventListener('DOMContentLoaded', function() {\n      PersonalityQuiz.init();\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u5c0f\u6d4b\u8bd5\uff1a\u4f60\u8fd8\u4f1a\u503e\u5012\u591a\u5c11\u4eba\uff1f 1\u3001\u4f60\u662f\u4e00\u4e2a\u7ecf\u5e38\u505a\u767d\u65e5\u68a6\u7684\u4eba\u5417\uff1f<\/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,175,178],"tags":[],"class_list":["post-2492","post","type-post","status-publish","format-standard","hentry","category-personality","category-relationships","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2492","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=2492"}],"version-history":[{"count":3,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2492\/revisions"}],"predecessor-version":[{"id":10408,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2492\/revisions\/10408"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}