{"id":5728,"date":"2023-12-31T21:08:35","date_gmt":"2023-12-31T13:08:35","guid":{"rendered":"https:\/\/bookmark.tw\/?p=5728"},"modified":"2025-08-07T02:11:35","modified_gmt":"2025-08-06T18:11:35","slug":"ad-8","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/ad-8","title":{"rendered":"\u6781\u65e9\u671f\u5931\u667a\u75c7\u7b5b\u68c0\u91cf\u8868(AD-8)\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff088\u9898\uff09"},"content":{"rendered":"<!-- AD-8\u6975\u65e9\u671f\u5931\u667a\u75c7\u7be9\u6aa2\u91cf\u8868 - WordPress\u512a\u5316\u7248 -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n\n<div id=\"ad8-quiz-wrapper\" class=\"container-fluid px-0\" style=\"max-width: 750px;\">\n  \n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"quizintro9\" data-page=\"intro9\" class=\"py-5\">\n    <div class=\"container\">\n      <header class=\"text-center mb-5\">\n        <h2 class=\"display-5 fw-bold text-primary mb-3\">\u6975\u65e9\u671f\u5931\u667a\u75c7\u7be9\u6aa2\u91cf\u8868<\/h2>\n        <p class=\"lead text-secondary\">AD-8 \u5c08\u696d\u8a55\u4f30\u5de5\u5177<\/p>\n      <\/header>\n      \n      <div class=\"row g-4 mb-5\">\n        <div class=\"col-md-4\">\n          <div class=\"card h-100 border-0 shadow-sm hover-lift\">\n            <div class=\"card-body text-center p-4\">\n              <div class=\"rounded-circle bg-primary bg-opacity-10 p-3 d-inline-flex mb-3\">\n                <i class=\"bi bi-shield-check fs-1 text-primary\"><\/i>\n              <\/div>\n              <h4 class=\"h5 fw-bold mb-3\">\u4e13\u4e1a\u8bc4\u4f30<\/h4>\n              <p class=\"text-muted\">\u7531\u7f8e\u570b\u83ef\u76db\u9813\u5927\u5b78\u91ab\u5b78\u9662\u958b\u767c\uff0c\u81e8\u5e8a\u5be6\u8b49\u6709\u6548\u7684\u8a55\u4f30\u5de5\u5177<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"col-md-4\">\n          <div class=\"card h-100 border-0 shadow-sm hover-lift\">\n            <div class=\"card-body text-center p-4\">\n              <div class=\"rounded-circle bg-success bg-opacity-10 p-3 d-inline-flex mb-3\">\n                <i class=\"bi bi-clock-history fs-1 text-success\"><\/i>\n              <\/div>\n              <h4 class=\"h5 fw-bold mb-3\">\u65e9\u671f\u767c\u73fe<\/h4>\n              <p class=\"text-muted\">\u8b58\u5225\u6975\u65e9\u671f\u8a8d\u77e5\u529f\u80fd\u8b8a\u5316\uff0c\u63d0\u4f9b\u53ca\u65e9\u5e72\u9810\u7684\u6a5f\u6703<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"col-md-4\">\n          <div class=\"card h-100 border-0 shadow-sm hover-lift\">\n            <div class=\"card-body text-center p-4\">\n              <div class=\"rounded-circle bg-info bg-opacity-10 p-3 d-inline-flex mb-3\">\n                <i class=\"bi bi-people fs-1 text-info\"><\/i>\n              <\/div>\n              <h4 class=\"h5 fw-bold mb-3\">\u5bb6\u5c6c\u8a55\u4f30<\/h4>\n              <p class=\"text-muted\">\u5efa\u8b70\u7531\u5bb6\u5c6c\u6216\u89aa\u53cb\u5354\u52a9\u586b\u7b54\uff0c\u7372\u5f97\u66f4\u6e96\u78ba\u7684\u8a55\u4f30\u7d50\u679c<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"card border-primary border-start border-0 border-4 shadow-sm mb-5\">\n        <div class=\"card-body p-4\">\n          <h4 class=\"h5 fw-bold mb-3 text-primary\">\u95dc\u65bcAD-8\u91cf\u8868<\/h4>\n          <p class=\"mb-3\">AD-8\u6975\u65e9\u671f\u5931\u667a\u75c7\u7be9\u6aa2\u91cf\u8868\u7528\u65bc\u8a55\u4f30\u963f\u8332\u6d77\u9ed8\u75c7\u3001\u8840\u7ba1\u6027\u5931\u667a\u75c7\u7b49\u5e38\u898b\u5931\u667a\u75c7\u75c7\u72c0\u3002\u6e2c\u9a57\u5305\u542b8\u9053\u984c\u76ee\uff0c\u5efa\u8b70\u7531\u5bb6\u5c6c\u6216\u89aa\u53cb\u89c0\u5bdf\u586b\u7b54\u3002<\/p>\n          <p class=\"mb-3\">\u6b64\u91cf\u8868\u8a55\u4f30\u7684\u662f\u8207\u904e\u53bb\u5e7e\u5e74\u76f8\u6bd4\u7684\u8a8d\u77e5\u529f\u80fd\u8b8a\u5316\u3002\u82e5\u7e3d\u5206\u90542\u5206\u4ee5\u4e0a\uff0c\u5efa\u8b70\u5c31\u91ab\u9032\u884c\u9032\u4e00\u6b65\u8a3a\u65b7\u3002<\/p>\n          <p class=\"fw-bold text-primary mb-0\">\n            <i class=\"bi bi-info-circle me-2\"><\/i>\u8acb\u6bd4\u8f03\u904e\u53bb\u5e7e\u5e74\u7684\u8b8a\u5316\uff0c\u8a55\u4f30\u662f\u5426\u6709\u56e0\u8a8d\u77e5\u529f\u80fd\u554f\u984c\u5c0e\u81f4\u7684\u6539\u8b8a\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"text-center\">\n        <button type=\"button\" data-action=\"start-quiz\" class=\"btn btn-primary btn-lg px-5 py-3 shadow-sm\">\n          <i class=\"bi bi-play-circle me-2\"><\/i>\u5f00\u59cb\u6d4b\u9a8c\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"quizmain9\" data-page=\"quiz9\" class=\"d-none py-5\">\n    <div class=\"container\">\n      <header class=\"text-center mb-4\">\n        <h2 class=\"h3 fw-bold text-primary\">\u6975\u65e9\u671f\u5931\u667a\u75c7\u7be9\u6aa2\u91cf\u8868<\/h2>\n      <\/header>\n      \n      <div class=\"card border-0 shadow-sm\">\n        <div class=\"card-body p-4\">\n          <!-- \u9032\u5ea6\u689d -->\n          <div class=\"mb-4\">\n            <div class=\"d-flex justify-content-between align-items-center mb-2\">\n              <span class=\"text-muted\">\u9032\u5ea6<\/span>\n              <span class=\"badge bg-primary rounded-pill px-3\">\n                \u95ee\u9898 <span data-current=\"1\">1<\/span> \/ 8\n              <\/span>\n            <\/div>\n            <div class=\"progress\" style=\"height: 10px;\">\n              <div class=\"progress-bar bg-primary\" role=\"progressbar\" style=\"width: 0%\"><\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- \u554f\u984c\u5bb9\u5668 -->\n          <div id=\"questions-container\">\n            <!-- \u554f\u984c\u5c07\u7531JavaScript\u52d5\u614b\u751f\u6210 -->\n          <\/div>\n          \n          <!-- \u5c0e\u822a\u6309\u9215 -->\n          <div class=\"text-center mt-4\">\n            <button type=\"button\" data-action=\"prev-question\" class=\"btn btn-outline-secondary btn-lg px-4 d-none\">\n              <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"quizresult9\" data-page=\"result9\" class=\"d-none py-5\">\n    <div class=\"container\">\n      <header class=\"text-center mb-5\">\n        <h2 class=\"h3 fw-bold text-primary\">\u6d4b\u9a8c\u7ed3\u679c\u5206\u6790<\/h2>\n      <\/header>\n      \n      <!-- \u7e3d\u5206\u5c55\u793a -->\n      <div class=\"row justify-content-center mb-4\">\n        <div class=\"col-12\">\n          <div class=\"card border-0 shadow-sm text-center\">\n            <div class=\"card-body p-4\">\n              <div class=\"d-inline-flex align-items-center justify-content-center rounded-circle bg-primary bg-opacity-10 text-primary mb-3\" style=\"width: 120px; height: 120px;\">\n                <div>\n                  <div class=\"display-3 fw-bold\" data-score=\"0\">0<\/div>\n                  <div class=\"small\">\u603b\u5206<\/div>\n                <\/div>\n              <\/div>\n              <div data-result-text class=\"alert border-0 mt-3\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u8a55\u5206\u5206\u5e03\u5716 -->\n      <div class=\"row justify-content-center mb-4\">\n        <div class=\"col-12\">\n          <div class=\"card border-0 shadow-sm\">\n            <div class=\"card-body p-4\">\n              <h3 class=\"h5 fw-bold text-center mb-4\">\u60a8\u7684\u8a55\u5206\u4f4d\u7f6e<\/h3>\n              <div id=\"score-distribution\" style=\"position: relative; height: 120px;\"><\/div>\n              <div id=\"score-legend\" class=\"mt-3 text-center small\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u96f7\u9054\u5716 -->\n      <div class=\"row justify-content-center mb-4\">\n        <div class=\"col-12\">\n          <div class=\"card border-0 shadow-sm\">\n            <div class=\"card-body p-4\">\n              <h3 class=\"h5 fw-bold text-center mb-4\">\u8a8d\u77e5\u529f\u80fd\u8a55\u4f30\u96f7\u9054\u5716<\/h3>\n              <div style=\"position: relative; height: 350px;\">\n                <canvas id=\"result-chart\"><\/canvas>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u8a73\u7d30\u5206\u6790 -->\n      <div class=\"row justify-content-center mb-4\">\n        <div class=\"col-12\">\n          <div class=\"card border-0 shadow-sm\">\n            <div class=\"card-body p-4\">\n              <h3 class=\"h5 fw-bold text-center mb-4\">\u5404\u9805\u8a8d\u77e5\u529f\u80fd\u8a73\u7d30\u8a55\u4f30<\/h3>\n              <div data-breakdown><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u500b\u6027\u5316\u5efa\u8b70 -->\n      <div class=\"row justify-content-center mb-4\">\n        <div class=\"col-12\">\n          <div class=\"card border-0 shadow-sm\">\n            <div class=\"card-body p-4\">\n              <h3 class=\"h5 fw-bold text-center mb-4\">\u500b\u6027\u5316\u5efa\u8b70<\/h3>\n              <div data-suggestions><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u91cd\u65b0\u6e2c\u8a66\u6309\u9215 -->\n      <div class=\"text-center\">\n        <button type=\"button\" data-action=\"restart-quiz\" class=\"btn btn-primary btn-lg px-5 py-3 shadow-sm\">\n          <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u9a8c\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n<\/div>\n\n<style>\n\/* \u81ea\u5b9a\u7fa9\u6a23\u5f0f - \u907f\u514d\u8207WordPress\u4e3b\u984c\u885d\u7a81 *\/\n#ad8-quiz-wrapper {\n  font-size: 18px;\n  line-height: 1.6;\n}\n\n#ad8-quiz-wrapper h3 {\n  font-size: 22px !important;\n  font-weight: bold !important;\n}\n\n#ad8-quiz-wrapper .hover-lift {\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n#ad8-quiz-wrapper .hover-lift:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important;\n}\n\n\/* \u9078\u9805\u5361\u7247\u6a23\u5f0f *\/\n#ad8-quiz-wrapper .option-card {\n  cursor: pointer;\n  transition: all 0.3s ease;\n  border: 2px solid #dee2e6;\n  position: relative;\n  padding-left: 60px;\n}\n\n#ad8-quiz-wrapper .option-card:hover {\n  border-color: #0d6efd;\n  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);\n  transform: translateX(5px);\n}\n\n#ad8-quiz-wrapper .option-card.selected {\n  border-color: #0d6efd;\n  background-color: #f0f8ff;\n}\n\n#ad8-quiz-wrapper .option-indicator {\n  position: absolute;\n  left: 15px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 30px;\n  height: 30px;\n  border: 2px solid #dee2e6;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: white;\n  transition: all 0.3s ease;\n}\n\n#ad8-quiz-wrapper .option-card:hover .option-indicator {\n  border-color: #0d6efd;\n}\n\n#ad8-quiz-wrapper .option-card.selected .option-indicator {\n  border-color: #0d6efd;\n  background-color: #0d6efd;\n  color: white;\n}\n\n#ad8-quiz-wrapper .option-text {\n  font-size: 18px;\n  color: #333;\n}\n\n#ad8-quiz-wrapper .option-card:hover .option-text {\n  color: #333;\n}\n\n#ad8-quiz-wrapper .fade-in {\n  animation: fadeIn 0.3s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u8a55\u5206\u5206\u5e03\u689d\u6a23\u5f0f *\/\n#ad8-quiz-wrapper .score-bar {\n  position: relative;\n  height: 40px;\n  border-radius: 20px;\n  overflow: visible;\n  display: flex;\n  margin: 20px 0;\n}\n\n#ad8-quiz-wrapper .score-segment {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-weight: bold;\n  font-size: 14px;\n  position: relative;\n}\n\n#ad8-quiz-wrapper .score-pointer {\n  position: absolute;\n  top: -10px;\n  width: 20px;\n  height: 20px;\n  background: #dc3545;\n  border-radius: 50%;\n  border: 3px solid white;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n  z-index: 10;\n  animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n  0% { transform: scale(1); }\n  50% { transform: scale(1.2); }\n  100% { transform: scale(1); }\n}\n\n#ad8-quiz-wrapper .score-pointer::after {\n  content: '';\n  position: absolute;\n  bottom: -8px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 8px solid #dc3545;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8abf\u6574 *\/\n@media (max-width: 768px) {\n  #ad8-quiz-wrapper {\n    font-size: 16px;\n  }\n  \n  #ad8-quiz-wrapper h2 {\n    font-size: 1.75rem !important;\n  }\n  \n  #ad8-quiz-wrapper h3 {\n    font-size: 20px !important;\n  }\n  \n  #ad8-quiz-wrapper .option-text {\n    font-size: 16px;\n  }\n  \n  #ad8-quiz-wrapper .btn-lg {\n    padding: 0.75rem 1.5rem !important;\n    font-size: 1rem !important;\n  }\n  \n  #ad8-quiz-wrapper canvas {\n    height: 280px !important;\n  }\n  \n  #ad8-quiz-wrapper .option-card {\n    padding-left: 50px;\n  }\n  \n  #ad8-quiz-wrapper .option-indicator {\n    width: 25px;\n    height: 25px;\n    left: 12px;\n  }\n}\n<\/style>\n\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  class AD8Quiz {\n    constructor() {\n      this.questions = [\n        {\n          id: 1,\n          title: '\u5224\u65b7\u529b\u4e0a\u7684\u56f0\u96e3',\n          description: '\u4f8b\u5982\uff1a\u843d\u5165\u5708\u5957\u6216\u9a19\u5c40\u3001\u8ca1\u52d9\u4e0a\u4e0d\u597d\u7684\u6c7a\u5b9a\u3001\u8cb7\u4e86\u5c0d\u53d7\u79ae\u8005\u4e0d\u5408\u5b9c\u7684\u79ae\u7269\u3002',\n          category: '\u5224\u65b7\u529b',\n          detail: '\u5224\u65b7\u529b\u4e0b\u964d\u53ef\u80fd\u8868\u73fe\u70ba\u5bb9\u6613\u88ab\u8a50\u9a19\u3001\u505a\u51fa\u660e\u986f\u932f\u8aa4\u7684\u6295\u8cc7\u6c7a\u5b9a\uff0c\u6216\u9001\u51fa\u4e0d\u5408\u6642\u5b9c\u7684\u79ae\u7269\u3002'\n        },\n        {\n          id: 2,\n          title: '\u5c0d\u6d3b\u52d5\u548c\u55dc\u597d\u7684\u8208\u8da3\u964d\u4f4e',\n          description: '\u548c\u5148\u524d\u6bd4\u8f03\uff0c\u8b8a\u5f97\u4e0d\u611b\u51fa\u9580\uff0c\u5c0d\u4e4b\u524d\u5f9e\u4e8b\u7684\u6d3b\u52d5\u986f\u8457\u7684\u8208\u8da3\u7f3a\u7f3a\u3002',\n          category: '\u8208\u8da3\u8207\u6d3b\u52d5',\n          detail: '\u5c0d\u5148\u524d\u559c\u611b\u7684\u6d3b\u52d5\u5931\u53bb\u8208\u8da3\uff0c\u53ef\u80fd\u662f\u8a8d\u77e5\u529f\u80fd\u6539\u8b8a\u7684\u65e9\u671f\u8de1\u8c61\u3002'\n        },\n        {\n          id: 3,\n          title: '\u91cd\u8907\u76f8\u540c\u554f\u984c\u3001\u6545\u4e8b\u548c\u9673\u8ff0',\n          description: '\u91cd\u8907\u554f\u540c\u6a23\u7684\u554f\u984c\uff0c\u6216\u91cd\u8907\u8ff0\u8aaa\u904e\u53bb\u7684\u4e8b\u4ef6\u7b49\u3002',\n          category: '\u8a9e\u8a00\u8868\u9054',\n          detail: '\u91cd\u8907\u6027\u8a9e\u8a00\u53ef\u80fd\u53cd\u6620\u77ed\u671f\u8a18\u61b6\u529f\u80fd\u7684\u9000\u5316\u3002'\n        },\n        {\n          id: 4,\n          title: '\u5728\u5b78\u7fd2\u5982\u4f55\u4f7f\u7528\u5de5\u5177\u3001\u8a2d\u5099\u548c\u5c0f\u5668\u5177\u4e0a\u6709\u56f0\u96e3',\n          description: '\u4f8b\u5982\uff1a\u96fb\u8996\u3001\u97f3\u97ff\u3001\u51b7\u6c23\u6a5f\u3001\u6d17\u8863\u6a5f\u3001\u71b1\u6c34\u7210\u3001\u5fae\u6ce2\u7210\u3001\u9059\u63a7\u5668\u3002',\n          category: '\u5de5\u5177\u4f7f\u7528',\n          detail: '\u5b78\u7fd2\u65b0\u6280\u80fd\u6216\u4f7f\u7528\u719f\u6089\u5de5\u5177\u7684\u56f0\u96e3\uff0c\u53ef\u80fd\u8868\u793a\u57f7\u884c\u529f\u80fd\u4e0b\u964d\u3002'\n        },\n        {\n          id: 5,\n          title: '\u5fd8\u8a18\u6b63\u78ba\u7684\u6708\u4efd\u548c\u5e74\u4efd',\n          description: '\u8a18\u61b6\u529b\u6e1b\u9000\uff0c\u5fd8\u8a18\u6b63\u78ba\u7684\u5e74\u6708\u3001\u6216\u8aaa\u932f\u81ea\u5df1\u7684\u5e74\u9f61\u3002',\n          category: '\u6642\u9593\u65b9\u5411\u611f',\n          detail: '\u6642\u9593\u5b9a\u5411\u529b\u969c\u7919\u662f\u8a8d\u77e5\u529f\u80fd\u9000\u5316\u7684\u91cd\u8981\u6307\u6a19\u3002'\n        },\n        {\n          id: 6,\n          title: '\u8655\u7406\u8907\u96dc\u7684\u8ca1\u7269\u4e0a\u6709\u56f0\u96e3',\n          description: '\u4f8b\u5982\uff1a\u500b\u4eba\u6216\u5bb6\u5ead\u7684\u6536\u652f\u5e73\u8861\u3001\u6240\u5f97\u7a05\u3001\u7e73\u8cbb\u55ae\u3002',\n          category: '\u8ca1\u52d9\u8655\u7406',\n          detail: '\u8907\u96dc\u8ca1\u52d9\u8655\u7406\u9700\u8981\u8f03\u9ad8\u7684\u8a8d\u77e5\u529f\u80fd\uff0c\u56f0\u96e3\u53ef\u80fd\u8868\u793a\u57f7\u884c\u529f\u80fd\u53d7\u640d\u3002'\n        },\n        {\n          id: 7,\n          title: '\u8a18\u4f4f\u7d04\u6703\u7684\u6642\u9593\u6709\u56f0\u96e3',\n          description: '\u8207\u4ed6\u4eba\u6709\u7d04\u537b\u8a18\u4e0d\u4f4f\u6642\u9593\u65e5\u671f\uff0c\u7d93\u63d0\u9192\u4e5f\u60f3\u4e0d\u8d77\u4f86\u3002',\n          category: '\u6642\u9593\u65b9\u5411\u611f',\n          detail: '\u5fd8\u8a18\u7d04\u6703\u53cd\u6620\u4e86\u8a18\u61b6\u548c\u6642\u9593\u7ba1\u7406\u80fd\u529b\u7684\u4e0b\u964d\u3002'\n        },\n        {\n          id: 8,\n          title: '\u6709\u6301\u7e8c\u7684\u601d\u8003\u548c\u8a18\u61b6\u65b9\u9762\u7684\u554f\u984c',\n          description: '\u5728\u904e\u53bb\u7684\u534a\u5e74\u6216\u4e00\u5e74\u4f86\u662f\u5426\u6709\u6301\u7e8c\u6027\u7684\u601d\u8003\u529b\u6216\u8a18\u61b6\u529b\u7684\u969c\u7919\u3002',\n          category: '\u7e3d\u9ad4\u8a8d\u77e5',\n          detail: '\u6301\u7e8c\u6027\u7684\u8a8d\u77e5\u554f\u984c\u8868\u793a\u6574\u9ad4\u8a8d\u77e5\u529f\u80fd\u53ef\u80fd\u6709\u986f\u8457\u8b8a\u5316\u3002'\n        }\n      ];\n      \n      this.currentQuestion = 0;\n      this.answers = {};\n      this.chart = null;\n      \n      this.elements = {\n        wrapper: document.getElementById('ad8-quiz-wrapper'),\n        introPage: document.getElementById('quizintro9'),\n        quizPage: document.getElementById('quizmain9'),\n        resultPage: document.getElementById('quizresult9'),\n        questionsContainer: document.getElementById('questions-container'),\n        scoreDistribution: document.getElementById('score-distribution'),\n        scoreLegend: document.getElementById('score-legend'),\n        progressBar: null,\n        currentQuestionSpan: null,\n        prevButton: null,\n        scoreDisplay: null,\n        resultText: null,\n        breakdownContainer: null,\n        suggestionsContainer: null,\n        chartCanvas: document.getElementById('result-chart')\n      };\n      \n      this.init();\n    }\n    \n    init() {\n      this.setupEventListeners();\n      this.cacheMoreElements();\n    }\n    \n    cacheMoreElements() {\n      this.elements.progressBar = this.elements.wrapper.querySelector('.progress-bar');\n      this.elements.currentQuestionSpan = this.elements.wrapper.querySelector('[data-current]');\n      this.elements.prevButton = this.elements.wrapper.querySelector('[data-action=\"prev-question\"]');\n      this.elements.scoreDisplay = this.elements.wrapper.querySelector('[data-score]');\n      this.elements.resultText = this.elements.wrapper.querySelector('[data-result-text]');\n      this.elements.breakdownContainer = this.elements.wrapper.querySelector('[data-breakdown]');\n      this.elements.suggestionsContainer = this.elements.wrapper.querySelector('[data-suggestions]');\n    }\n    \n    setupEventListeners() {\n      this.elements.wrapper.addEventListener('click', (e) => {\n        const action = e.target.closest('[data-action]')?.dataset.action;\n        \n        switch(action) {\n          case 'start-quiz':\n            this.startQuiz();\n            break;\n          case 'prev-question':\n            this.previousQuestion();\n            break;\n          case 'restart-quiz':\n            this.restartQuiz();\n            break;\n        }\n        \n        const option = e.target.closest('.option-card');\n        if (option) {\n          this.selectOption(option);\n        }\n      });\n    }\n    \n    startQuiz() {\n      this.showPage('quiz');\n      this.renderQuestion();\n      this.scrollToTop();\n    }\n    \n    showPage(page) {\n      this.elements.introPage.classList.add('d-none');\n      this.elements.quizPage.classList.add('d-none');\n      this.elements.resultPage.classList.add('d-none');\n      \n      switch(page) {\n        case 'intro':\n          this.elements.introPage.classList.remove('d-none');\n          break;\n        case 'quiz':\n          this.elements.quizPage.classList.remove('d-none');\n          break;\n        case 'result':\n          this.elements.resultPage.classList.remove('d-none');\n          break;\n      }\n    }\n    \n    renderQuestion() {\n      const question = this.questions[this.currentQuestion];\n      \n      this.updateProgress();\n      \n      this.elements.questionsContainer.innerHTML = `\n        <div class=\"fade-in\">\n          <h3 class=\"mb-3\">${this.currentQuestion + 1}. ${question.title}<\/h3>\n          <p class=\"text-muted mb-4\">${question.description}<\/p>\n          \n          <div class=\"d-grid gap-3\">\n            <div class=\"card option-card\" data-value=\"1\">\n              <div class=\"card-body py-3\">\n                <div class=\"option-indicator\">\n                  <i class=\"bi bi-check-lg d-none\"><\/i>\n                <\/div>\n                <div class=\"option-text\">\u662f\uff0c\u6709\u6539\u8b8a<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"card option-card\" data-value=\"0\">\n              <div class=\"card-body py-3\">\n                <div class=\"option-indicator\">\n                  <i class=\"bi bi-check-lg d-none\"><\/i>\n                <\/div>\n                <div class=\"option-text\">\u4e0d\u662f\uff08\u6c92\u6709\u6539\u8b8a\uff09<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"card option-card\" data-value=\"0\">\n              <div class=\"card-body py-3\">\n                <div class=\"option-indicator\">\n                  <i class=\"bi bi-check-lg d-none\"><\/i>\n                <\/div>\n                <div class=\"option-text\">\u4e0d\u77e5\u9053<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      `;\n      \n      if (this.answers[question.id] !== undefined) {\n        const options = this.elements.questionsContainer.querySelectorAll('.option-card');\n        options.forEach(option => {\n          if (parseInt(option.dataset.value) === this.answers[question.id]) {\n            option.classList.add('selected');\n            option.querySelector('.bi-check-lg').classList.remove('d-none');\n          }\n        });\n      }\n      \n      if (this.currentQuestion > 0) {\n        this.elements.prevButton.classList.remove('d-none');\n      } else {\n        this.elements.prevButton.classList.add('d-none');\n      }\n    }\n    \n    updateProgress() {\n      const progress = ((this.currentQuestion) \/ this.questions.length) * 100;\n      this.elements.progressBar.style.width = `${progress}%`;\n      this.elements.currentQuestionSpan.textContent = this.currentQuestion + 1;\n    }\n    \n    selectOption(option) {\n      const value = parseInt(option.dataset.value);\n      const questionId = this.questions[this.currentQuestion].id;\n      \n      this.elements.questionsContainer.querySelectorAll('.option-card').forEach(opt => {\n        opt.classList.remove('selected');\n        opt.querySelector('.bi-check-lg').classList.add('d-none');\n      });\n      \n      option.classList.add('selected');\n      option.querySelector('.bi-check-lg').classList.remove('d-none');\n      \n      this.answers[questionId] = value;\n      \n      setTimeout(() => {\n        if (this.currentQuestion < this.questions.length - 1) {\n          this.nextQuestion();\n        } else {\n          this.showResults();\n        }\n      }, 300);\n    }\n    \n    nextQuestion() {\n      this.currentQuestion++;\n      this.renderQuestion();\n      this.scrollToTop();\n    }\n    \n    previousQuestion() {\n      if (this.currentQuestion > 0) {\n        this.currentQuestion--;\n        this.renderQuestion();\n        this.scrollToTop();\n      }\n    }\n    \n    showResults() {\n      const totalScore = Object.values(this.answers).reduce((sum, val) => sum + val, 0);\n      \n      this.showPage('result');\n      this.elements.scoreDisplay.textContent = totalScore;\n      \n      \/\/ \u7d50\u679c\u6587\u5b57\n      const alertClass = totalScore >= 2 ? 'alert-warning' : 'alert-success';\n      const icon = totalScore >= 2 ? 'exclamation-triangle' : 'check-circle';\n      \n      if (totalScore >= 2) {\n        this.elements.resultText.className = `alert ${alertClass}`;\n        this.elements.resultText.innerHTML = `\n          <h4 class=\"h5 fw-bold mb-3\"><i class=\"bi bi-${icon}-fill me-2\"><\/i>\u7e3d\u5f97\u5206 \u2265 2 \u5206<\/h4>\n          <p class=\"mb-0\">\u7b26\u5408\u6975\u65e9\u671f\u5931\u667a\u75c7\u7684\u8a55\u4f30\u6a19\u6e96\uff0c\u5efa\u8b70\u9032\u884c\u9032\u4e00\u6b65\u7684\u5931\u667a\u75c7\u6aa2\u67e5\u3002\u53ca\u65e9\u767c\u73fe\u3001\u53ca\u65e9\u6cbb\u7642\uff0c\u53ef\u5ef6\u7de9\u9000\u5316\u901f\u5ea6\uff0c\u7dad\u6301\u6700\u4f73\u751f\u6d3b\u54c1\u8cea\u3002<\/p>\n        `;\n      } else {\n        this.elements.resultText.className = `alert ${alertClass}`;\n        this.elements.resultText.innerHTML = `\n          <h4 class=\"h5 fw-bold mb-3\"><i class=\"bi bi-${icon}-fill me-2\"><\/i>\u7e3d\u5f97\u5206 < 2 \u5206<\/h4>\n          <p class=\"mb-0\">\u7d50\u679c\u66ab\u6642\u6b63\u5e38\u3002\u8acb\u6301\u7e8c\u4fdd\u6301\u5065\u5eb7\u7684\u751f\u6d3b\u65b9\u5f0f\uff0c\u9810\u9632\u5931\u667a\u75c7\uff0c\u7dad\u6301\u6700\u4f73\u7684\u8a8d\u77e5\u529f\u80fd\u3002<\/p>\n        `;\n      }\n      \n      this.generateScoreDistribution(totalScore);\n      this.generateDetailedAnalysis();\n      this.generateChart();\n      this.generatePersonalizedSuggestions();\n      \n      this.scrollToTop();\n    }\n    \n    generateScoreDistribution(score) {\n      const ranges = [\n        { min: 0, max: 1, label: '\u6b63\u5e38', color: '#28a745' },\n        { min: 2, max: 3, label: '\u8f15\u5ea6\u98a8\u96aa', color: '#ffc107' },\n        { min: 4, max: 5, label: '\u4e2d\u5ea6\u98a8\u96aa', color: '#fd7e14' },\n        { min: 6, max: 8, label: '\u9ad8\u5ea6\u98a8\u96aa', color: '#dc3545' }\n      ];\n      \n      let barHtml = '<div class=\"score-bar\">';\n      ranges.forEach(range => {\n        barHtml += `<div class=\"score-segment\" style=\"background-color: ${range.color};\">\n          ${range.label}\n        <\/div>`;\n      });\n      \n      const position = (score \/ 8) * 100;\n      barHtml += `<div class=\"score-pointer\" style=\"left: ${position}%;\"><\/div>`;\n      barHtml += '<\/div>';\n      \n      this.elements.scoreDistribution.innerHTML = barHtml;\n      \n      let legendHtml = '<div class=\"d-flex justify-content-around flex-wrap\">';\n      ranges.forEach(range => {\n        legendHtml += `\n          <div class=\"d-flex align-items-center mx-2 mb-2\">\n            <div style=\"width: 20px; height: 20px; background-color: ${range.color}; border-radius: 3px; margin-right: 8px;\"><\/div>\n            <span>${range.label} (${range.min}-${range.max}\u5206)<\/span>\n          <\/div>`;\n      });\n      legendHtml += '<\/div>';\n      \n      this.elements.scoreLegend.innerHTML = legendHtml;\n    }\n    \n    generateDetailedAnalysis() {\n      const categories = this.getCategoryScores();\n      let html = '';\n      \n      Object.entries(categories).forEach(([category, data]) => {\n        const percentage = Math.round((data.score \/ data.maxScore) * 100);\n        const status = data.score > 0 ? 'warning' : 'success';\n        const statusText = data.score > 0 ? '\u9700\u95dc\u6ce8' : '\u6b63\u5e38';\n        const icon = data.score > 0 ? 'exclamation-circle' : 'check-circle';\n        \n        html += `\n          <div class=\"mb-4\">\n            <div class=\"d-flex justify-content-between align-items-center mb-2\">\n              <h5 class=\"mb-0\">\n                <i class=\"bi bi-${icon}-fill text-${status} me-2\"><\/i>\n                ${category}\n              <\/h5>\n              <span class=\"badge bg-${status}\">${statusText} (${data.score}\/${data.maxScore}\u5206)<\/span>\n            <\/div>\n            <div class=\"progress mb-2\" style=\"height: 25px;\">\n              <div class=\"progress-bar bg-${status}\" style=\"width: ${percentage}%;\">${percentage}%<\/div>\n            <\/div>\n            <p class=\"text-muted small mb-0\">${data.detail}<\/p>\n          <\/div>\n        `;\n      });\n      \n      this.elements.breakdownContainer.innerHTML = html;\n    }\n    \n    getCategoryScores() {\n      const categories = {\n        '\u5224\u65b7\u529b': { \n          questions: [1], \n          score: 0, \n          maxScore: 1,\n          detail: '\u5224\u65b7\u529b\u65b9\u9762\u7684\u8b8a\u5316\u53ef\u80fd\u5f71\u97ff\u65e5\u5e38\u6c7a\u7b56\u80fd\u529b\uff0c\u9700\u8981\u5bb6\u4eba\u591a\u52a0\u95dc\u6ce8\u548c\u5354\u52a9\u3002'\n        },\n        '\u8208\u8da3\u8207\u6d3b\u52d5': { \n          questions: [2], \n          score: 0, \n          maxScore: 1,\n          detail: '\u8208\u8da3\u964d\u4f4e\u53ef\u80fd\u662f\u8a8d\u77e5\u8b8a\u5316\u7684\u65e9\u671f\u8de1\u8c61\uff0c\u5efa\u8b70\u9f13\u52f5\u53c3\u8207\u793e\u4ea4\u6d3b\u52d5\u3002'\n        },\n        '\u8a9e\u8a00\u8868\u9054': { \n          questions: [3], \n          score: 0, \n          maxScore: 1,\n          detail: '\u91cd\u8907\u6027\u8a9e\u8a00\u53ef\u80fd\u53cd\u6620\u77ed\u671f\u8a18\u61b6\u529f\u80fd\u8b8a\u5316\uff0c\u9700\u8981\u8010\u5fc3\u50be\u807d\u548c\u7406\u89e3\u3002'\n        },\n        '\u5de5\u5177\u4f7f\u7528': { \n          questions: [4], \n          score: 0, \n          maxScore: 1,\n          detail: '\u4f7f\u7528\u65e5\u5e38\u5de5\u5177\u7684\u56f0\u96e3\u53ef\u80fd\u9700\u8981\u7c21\u5316\u751f\u6d3b\u74b0\u5883\uff0c\u63d0\u4f9b\u66f4\u591a\u5354\u52a9\u3002'\n        },\n        '\u6642\u9593\u65b9\u5411\u611f': { \n          questions: [5, 7], \n          score: 0, \n          maxScore: 2,\n          detail: '\u6642\u9593\u5b9a\u5411\u529b\u7684\u8b8a\u5316\u9700\u8981\u5efa\u7acb\u898f\u5f8b\u4f5c\u606f\uff0c\u4f7f\u7528\u884c\u4e8b\u66c6\u7b49\u8f14\u52a9\u5de5\u5177\u3002'\n        },\n        '\u8ca1\u52d9\u8655\u7406': { \n          questions: [6], \n          score: 0, \n          maxScore: 1,\n          detail: '\u8ca1\u52d9\u8655\u7406\u56f0\u96e3\u53ef\u80fd\u9700\u8981\u5bb6\u4eba\u5354\u52a9\u7ba1\u7406\u91cd\u8981\u8ca1\u52d9\u4e8b\u9805\u3002'\n        },\n        '\u7e3d\u9ad4\u8a8d\u77e5': { \n          questions: [8], \n          score: 0, \n          maxScore: 1,\n          detail: '\u6301\u7e8c\u7684\u8a8d\u77e5\u554f\u984c\u5efa\u8b70\u5c0b\u6c42\u5c08\u696d\u91ab\u7642\u8a55\u4f30\u548c\u652f\u6301\u3002'\n        }\n      };\n      \n      Object.entries(this.answers).forEach(([questionId, value]) => {\n        Object.values(categories).forEach(cat => {\n          if (cat.questions.includes(parseInt(questionId))) {\n            cat.score += value;\n          }\n        });\n      });\n      \n      return categories;\n    }\n    \n    generateChart() {\n      const categories = this.getCategoryScores();\n      const labels = Object.keys(categories);\n      const data = labels.map(cat => {\n        return Math.round((categories[cat].score \/ categories[cat].maxScore) * 100);\n      });\n      \n      if (this.chart) {\n        this.chart.destroy();\n      }\n      \n      const ctx = this.elements.chartCanvas.getContext('2d');\n      this.chart = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: labels,\n          datasets: [{\n            label: '\u8a8d\u77e5\u529f\u80fd\u8a55\u4f30',\n            data: data,\n            backgroundColor: 'rgba(13, 110, 253, 0.2)',\n            borderColor: 'rgba(13, 110, 253, 1)',\n            pointBackgroundColor: 'rgba(13, 110, 253, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(13, 110, 253, 1)',\n            borderWidth: 2,\n            pointRadius: 5,\n            pointHoverRadius: 7\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          plugins: {\n            legend: {\n              position: 'top',\n              labels: {\n                font: {\n                  size: 16,\n                  weight: 'bold'\n                }\n              }\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => {\n                  return `${context.dataset.label}: ${context.raw}%`;\n                }\n              }\n            }\n          },\n          scales: {\n            r: {\n              beginAtZero: true,\n              max: 100,\n              ticks: {\n                stepSize: 20,\n                font: {\n                  size: 14\n                }\n              },\n              pointLabels: {\n                font: {\n                  size: 18,\n                  weight: 'bold'\n                }\n              }\n            }\n          }\n        }\n      });\n    }\n    \n    generatePersonalizedSuggestions() {\n      const totalScore = Object.values(this.answers).reduce((sum, val) => sum + val, 0);\n      const categories = this.getCategoryScores();\n      \n      let suggestions = '<div class=\"row g-3\">';\n      \n      \/\/ \u6839\u64da\u7e3d\u5206\u63d0\u4f9b\u5efa\u8b70\n      if (totalScore >= 2) {\n        suggestions += `\n          <div class=\"col-12\">\n            <div class=\"alert alert-info border-0\">\n              <h5 class=\"alert-heading\"><i class=\"bi bi-lightbulb me-2\"><\/i>\u5c08\u696d\u91ab\u7642\u5efa\u8b70<\/h5>\n              <p>\u5efa\u8b70\u5118\u5feb\u81f3\u795e\u7d93\u5167\u79d1\u6216\u7cbe\u795e\u79d1\u9032\u884c\u8a73\u7d30\u8a55\u4f30\u3002\u65e9\u671f\u8a3a\u65b7\u548c\u6cbb\u7642\u5c0d\u5ef6\u7de9\u75c5\u7a0b\u9032\u5c55\u81f3\u95dc\u91cd\u8981\u3002<\/p>\n            <\/div>\n          <\/div>`;\n      }\n      \n      \/\/ \u6839\u64da\u5404\u9805\u5206\u6578\u63d0\u4f9b\u500b\u6027\u5316\u5efa\u8b70\n      let hasIssues = false;\n      Object.entries(categories).forEach(([category, data]) => {\n        if (data.score > 0) {\n          hasIssues = true;\n          let suggestion = '';\n          \n          switch(category) {\n            case '\u5224\u65b7\u529b':\n              suggestion = '\u2022 \u907f\u514d\u55ae\u7368\u505a\u91cd\u8981\u6c7a\u5b9a<br>\u2022 \u8a2d\u7f6e\u8ca1\u52d9\u4fdd\u8b77\u63aa\u65bd<br>\u2022 \u52a0\u5f37\u8a50\u9a19\u9632\u7bc4\u610f\u8b58';\n              break;\n            case '\u8208\u8da3\u8207\u6d3b\u52d5':\n              suggestion = '\u2022 \u9f13\u52f5\u53c3\u8207\u559c\u611b\u7684\u6d3b\u52d5<br>\u2022 \u5efa\u7acb\u56fa\u5b9a\u793e\u4ea4\u5708<br>\u2022 \u5617\u8a66\u65b0\u7684\u7c21\u55ae\u55dc\u597d';\n              break;\n            case '\u8a9e\u8a00\u8868\u9054':\n              suggestion = '\u2022 \u8010\u5fc3\u50be\u807d\u4e0d\u6253\u65b7<br>\u2022 \u4f7f\u7528\u8996\u89ba\u8f14\u52a9\u5de5\u5177<br>\u2022 \u5efa\u7acb\u56fa\u5b9a\u5c0d\u8a71\u6642\u9593';\n              break;\n            case '\u5de5\u5177\u4f7f\u7528':\n              suggestion = '\u2022 \u7c21\u5316\u751f\u6d3b\u74b0\u5883<br>\u2022 \u6a19\u793a\u91cd\u8981\u958b\u95dc<br>\u2022 \u9010\u6b65\u6559\u5c0e\u4f7f\u7528\u65b9\u6cd5';\n              break;\n            case '\u6642\u9593\u65b9\u5411\u611f':\n              suggestion = '\u2022 \u4f7f\u7528\u5927\u5b57\u9ad4\u884c\u4e8b\u66c6<br>\u2022 \u8a2d\u7f6e\u63d0\u9192\u9b27\u9418<br>\u2022 \u5efa\u7acb\u898f\u5f8b\u4f5c\u606f';\n              break;\n            case '\u8ca1\u52d9\u8655\u7406':\n              suggestion = '\u2022 \u7c21\u5316\u5e33\u52d9\u7ba1\u7406<br>\u2022 \u8a2d\u7acb\u81ea\u52d5\u7e73\u8cbb<br>\u2022 \u5c0b\u6c42\u5bb6\u4eba\u5354\u52a9';\n              break;\n            case '\u7e3d\u9ad4\u8a8d\u77e5':\n              suggestion = '\u2022 \u5b9a\u671f\u8a8d\u77e5\u8a13\u7df4<br>\u2022 \u4fdd\u6301\u5145\u8db3\u7761\u7720<br>\u2022 \u5747\u8861\u98f2\u98df\u904b\u52d5';\n              break;\n          }\n          \n          suggestions += `\n            <div class=\"col-md-6\">\n              <div class=\"card h-100 border-warning\">\n                <div class=\"card-body\">\n                  <h6 class=\"card-title fw-bold text-warning\">\n                    <i class=\"bi bi-exclamation-triangle me-2\"><\/i>${category}\u6539\u5584\u5efa\u8b70\n                  <\/h6>\n                  <p class=\"card-text small\">${suggestion}<\/p>\n                <\/div>\n              <\/div>\n            <\/div>`;\n        }\n      });\n      \n      \/\/ \u9810\u9632\u5efa\u8b70\n      suggestions += `\n        <div class=\"col-12\">\n          <div class=\"card border-success\">\n            <div class=\"card-body\">\n              <h6 class=\"card-title fw-bold text-success\">\n                <i class=\"bi bi-heart-pulse me-2\"><\/i>\u8a8d\u77e5\u5065\u5eb7\u7dad\u8b77\u5efa\u8b70\n              <\/h6>\n              <div class=\"row\">\n                <div class=\"col-md-6\">\n                  <ul class=\"mb-0\">\n                    <li>\u898f\u5f8b\u904b\u52d5\uff0c\u6bcf\u9031\u81f3\u5c11150\u5206\u9418<\/li>\n                    <li>\u5730\u4e2d\u6d77\u98f2\u98df\uff0c\u591a\u5403\u852c\u679c\u5805\u679c<\/li>\n                    <li>\u5145\u8db3\u7761\u7720\uff0c\u6bcf\u59297-8\u5c0f\u6642<\/li>\n                  <\/ul>\n                <\/div>\n                <div class=\"col-md-6\">\n                  <ul class=\"mb-0\">\n                    <li>\u6301\u7e8c\u5b78\u7fd2\uff0c\u6311\u6230\u5927\u8166<\/li>\n                    <li>\u7a4d\u6975\u793e\u4ea4\uff0c\u7dad\u6301\u4eba\u969b\u4e92\u52d5<\/li>\n                    <li>\u63a7\u5236\u4e09\u9ad8\uff0c\u5b9a\u671f\u5065\u5eb7\u6aa2\u67e5<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>`;\n      \n      suggestions += '<\/div>';\n      \n      this.elements.suggestionsContainer.innerHTML = suggestions;\n    }\n    \n    restartQuiz() {\n      this.currentQuestion = 0;\n      this.answers = {};\n      this.showPage('intro');\n      this.scrollToTop();\n    }\n    \n    scrollToTop() {\n      const header = this.elements.wrapper.querySelector('h2');\n      if (header) {\n        header.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    }\n  }\n  \n  document.addEventListener('DOMContentLoaded', () => {\n    new AD8Quiz();\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u6975\u65e9\u671f\u5931\u667a\u75c7\u7be9\u6aa2\u91cf\u8868 AD-8 \u5c08\u696d\u8a55\u4f30\u5de5\u5177 \u5c08\u696d\u8a55\u4f30 \u7531\u7f8e\u570b\u83ef\u76db\u9813\u5927\u5b78\u91ab\u5b78\u9662\u958b\u767c\uff0c\u81e8\u5e8a\u5be6\u8b49\u6709\u6548\u7684\u8a55\u4f30\u5de5\u5177 \u65e9 [&hellip;]<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","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":"default","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":[162,169,165],"tags":[186],"class_list":["post-5728","post","type-post","status-publish","format-standard","hentry","category-clinical","category-psychological-symptom-scales","category-neuropsychological","tag-dementia"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5728","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=5728"}],"version-history":[{"count":5,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5728\/revisions"}],"predecessor-version":[{"id":10257,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5728\/revisions\/10257"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=5728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=5728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=5728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}