{"id":2368,"date":"2023-10-07T09:14:04","date_gmt":"2023-10-07T01:14:04","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2368"},"modified":"2026-05-23T01:00:14","modified_gmt":"2026-05-22T17:00:14","slug":"life-ten-years","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/life-ten-years","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c\uff1a\u5341\u5e74\u540e\u4f60\u8fc7\u54ea\u79cd\u751f\u6d3b"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<section id=\"quizapp9\" data-quiz-app=\"quiz9\">\n  <section id=\"quizintro9\" data-page=\"intro9\">\n    <div data-role=\"page-shell\" class=\"card border-0 shadow-sm\">\n      <header data-role=\"intro-hero\">\n        <p data-role=\"kicker\">\n          <i class=\"bi bi-stars\" aria-hidden=\"true\"><\/i>\n          \u672a\u4f86\u751f\u6d3b\u63a2\u7d22\n        <\/p>\n\n        <h1 id=\"quizintro9-title\" tabindex=\"-1\">\u5341\u5e74\u5f8c\u7684\u751f\u6d3b\u9810\u6e2c<\/h1>\n\n        <p data-role=\"intro-subtitle\">\n          \u5341\u5e74\u5f8c\u7684\u4f60\uff0c\u6703\u904e\u8457\u4ec0\u9ebc\u6a23\u7684\u751f\u6d3b\uff1f\u5f9e\u4f60\u7684\u50f9\u503c\u9078\u64c7\u8207\u884c\u52d5\u504f\u597d\uff0c\u770b\u898b\u672a\u4f86\u751f\u6d3b\u7684\u53ef\u80fd\u8f2a\u5ed3\u3002\n        <\/p>\n\n        <div data-role=\"floating-icons\" aria-hidden=\"true\">\n          <span><i class=\"bi bi-graph-up-arrow\"><\/i><\/span>\n          <span><i class=\"bi bi-compass\"><\/i><\/span>\n          <span><i class=\"bi bi-sunrise\"><\/i><\/span>\n        <\/div>\n      <\/header>\n\n      <div data-role=\"intro-content\">\n        <p>\n          \u96d6\u7136\u4eba\u4eba\u90fd\u77e5\u9053\u61c9\u7576\u6d3b\u5728\u7576\u4e0b\uff0c\u53ef\u662f\uff0c\u5927\u591a\u6578\u4eba\u9084\u662f\u6703\u5c0d\u81ea\u5df1\u7684\u672a\u4f86\u611f\u5230\u597d\u5947\u3002\u4f60\u4e00\u5b9a\u4e5f\u5f88\u60f3\u77e5\u9053\uff0c\u5341\u5e74\u5f8c\u7684\u81ea\u5df1\u6703\u64c1\u6709\u600e\u6a23\u7684\u751f\u6d3b\u3002\n        <\/p>\n        <p>\n          \u9019\u500b\u6e2c\u9a57\u6703\u900f\u904e 5 \u500b\u7c21\u55ae\u554f\u984c\uff0c\u89c0\u5bdf\u4f60\u9762\u5c0d\u91d1\u9322\u3001\u5de5\u4f5c\u3001\u5922\u60f3\u3001\u4eba\u969b\u95dc\u4fc2\u8207\u56f0\u96e3\u6642\u7684\u9078\u64c7\u50be\u5411\uff0c\u5e6b\u4f60\u63cf\u7e6a\u4e00\u4efd\u672a\u4f86\u751f\u6d3b\u85cd\u5716\u3002\n        <\/p>\n      <\/div>\n\n      <div data-role=\"feature-grid\">\n        <article class=\"card border-0\" data-role=\"feature-card\">\n          <div class=\"card-body\">\n            <i class=\"bi bi-bar-chart-line\" aria-hidden=\"true\"><\/i>\n            <h2>\u770b\u898b\u4eba\u751f\u8da8\u52e2<\/h2>\n            <p>\u5f9e\u4f60\u7684\u9078\u64c7\u4e2d\uff0c\u89c0\u5bdf\u672a\u4f86\u5341\u5e74\u53ef\u80fd\u7d2f\u7a4d\u51fa\u7684\u751f\u6d3b\u6a23\u8c8c\u3002<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-role=\"feature-card\">\n          <div class=\"card-body\">\n            <i class=\"bi bi-lightbulb\" aria-hidden=\"true\"><\/i>\n            <h2>\u767c\u73fe\u6f5b\u5728\u53ef\u80fd<\/h2>\n            <p>\u7406\u89e3\u4f60\u66f4\u91cd\u8996\u6210\u5c31\u3001\u81ea\u7531\u3001\u9ad4\u9a57\uff0c\u9084\u662f\u7a69\u5b9a\u8207\u95dc\u4fc2\u3002<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-role=\"feature-card\">\n          <div class=\"card-body\">\n            <i class=\"bi bi-signpost-2\" aria-hidden=\"true\"><\/i>\n            <h2>\u8abf\u6574\u524d\u9032\u65b9\u5411<\/h2>\n            <p>\u7d50\u679c\u6703\u63d0\u4f9b\u8f15\u91cf\u5efa\u8b70\uff0c\u5e6b\u52a9\u4f60\u66f4\u6709\u610f\u8b58\u5730\u898f\u5283\u672a\u4f86\u3002<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div data-role=\"center-actions\">\n        <button type=\"button\" data-action=\"start\" class=\"btn\">\n          <span>\u958b\u59cb\u6e2c\u9a57<\/span>\n          <i class=\"bi bi-arrow-right-circle\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" hidden>\n    <div data-role=\"page-shell\" class=\"card border-0 shadow-sm\">\n      <header data-role=\"quiz-header\">\n        <div>\n          <p data-role=\"kicker\">Question<\/p>\n          <h2 id=\"quizmain9-title\" tabindex=\"-1\">\u5341\u5e74\u5f8c\u7684\u751f\u6d3b\u9810\u6e2c<\/h2>\n        <\/div>\n\n        <div data-role=\"progress-area\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\">\n          <p data-role=\"progress-text\" aria-live=\"polite\">\u554f\u984c 1 \/ 5<\/p>\n          <div class=\"progress\" data-role=\"progress-track\" aria-hidden=\"true\">\n            <div class=\"progress-bar\" data-role=\"progress-fill\" style=\"width: 20%;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <div data-role=\"question-list\">\n        <article data-question=\"0\">\n          <h3>1. \u4f60\u4e0d\u9858\u610f\u8ddf\u4ee5\u4e0b\u54ea\u4e00\u985e\u4eba\u4f86\u5f80\uff1f<\/h3>\n          <div data-role=\"options-grid\">\n            <button type=\"button\" data-action=\"answer\" data-value=\"A\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u611b\u5360\u5c0f\u4fbf\u5b9c\uff0c\u4f46\u5fc3\u5730\u9084\u7b97\u4e0d\u932f\u7684\u4eba<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"B\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u611b\u7ba1\u9592\u4e8b\uff0c\u4f46\u4e0d\u8caa\u5a6a\u7684\u4eba<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"C\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u6bd4\u81ea\u5df1\u512a\u79c0\u592a\u591a\uff0c\u4f46\u6709\u9ede\u9a55\u50b2\u7684\u4eba<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"D\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u6bd4\u81ea\u5df1\u5dee\u52c1\uff0c\u537b\u628a\u81ea\u5df1\u7576\u5076\u50cf\u7684\u4eba<\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"1\" hidden>\n          <h3>2. \u5982\u679c\u4f60\u7a81\u7136\u7372\u5f97\u4e00\u7b46\u610f\u5916\u4e4b\u8ca1\uff0c\u4f60\u6700\u60f3\u505a\u4ec0\u9ebc\uff1f<\/h3>\n          <div data-role=\"options-grid\">\n            <button type=\"button\" data-action=\"answer\" data-value=\"A\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u6295\u8cc7\u7406\u8ca1\uff0c\u78ba\u4fdd\u672a\u4f86\u6536\u76ca<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"B\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u8cfc\u8cb7\u4e00\u76f4\u60f3\u8981\u3001\u4f46\u6368\u4e0d\u5f97\u8cb7\u7684\u6771\u897f<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"C\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u6295\u8cc7\u81ea\u5df1\u7684\u8208\u8da3\u6216\u4e8b\u696d<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"D\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u8207\u5bb6\u4eba\u670b\u53cb\u5206\u4eab\uff0c\u5171\u5ea6\u7f8e\u597d\u6642\u5149<\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"2\" hidden>\n          <h3>3. \u4f60\u8a8d\u70ba\u4ec0\u9ebc\u662f\u6210\u529f\u7684\u4eba\u751f\uff1f<\/h3>\n          <div data-role=\"options-grid\">\n            <button type=\"button\" data-action=\"answer\" data-value=\"A\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u64c1\u6709\u8c50\u539a\u8ca1\u5bcc\u8207\u793e\u6703\u5730\u4f4d<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"B\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u64c1\u6709\u8c50\u5bcc\u591a\u5f69\u7684\u751f\u6d3b\u9ad4\u9a57<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"C\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u5be6\u73fe\u81ea\u5df1\u7684\u5922\u60f3\u548c\u76ee\u6a19<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"D\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u64c1\u6709\u548c\u8ae7\u7684\u5bb6\u5ead\u8207\u4eba\u969b\u95dc\u4fc2<\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"3\" hidden>\n          <h3>4. \u9762\u5c0d\u56f0\u96e3\u6642\uff0c\u4f60\u901a\u5e38\u7684\u53cd\u61c9\u662f\u4ec0\u9ebc\uff1f<\/h3>\n          <div data-role=\"options-grid\">\n            <button type=\"button\" data-action=\"answer\" data-value=\"A\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u5c0b\u627e\u5404\u7a2e\u8cc7\u6e90\u548c\u4eba\u8108\u4f86\u89e3\u6c7a\u554f\u984c<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"B\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u5617\u8a66\u4e0d\u540c\u65b9\u6cd5\uff0c\u76f4\u5230\u627e\u5230\u89e3\u6cd5<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"C\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u5805\u6301\u81ea\u5df1\u7684\u65b9\u5411\uff0c\u8fce\u96e3\u800c\u4e0a<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"D\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u5148\u51b7\u975c\u601d\u8003\uff0c\u518d\u5236\u5b9a\u884c\u52d5\u8a08\u756b<\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article data-question=\"4\" hidden>\n          <h3>5. \u5728\u5de5\u4f5c\u4e2d\uff0c\u4f60\u6700\u770b\u91cd\u4ec0\u9ebc\uff1f<\/h3>\n          <div data-role=\"options-grid\">\n            <button type=\"button\" data-action=\"answer\" data-value=\"A\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u9ad8\u85aa\u8207\u826f\u597d\u7684\u798f\u5229\u5f85\u9047<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"B\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u6709\u8da3\u4e14\u5145\u6eff\u6311\u6230\u7684\u5de5\u4f5c\u5167\u5bb9<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"C\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u80fd\u5920\u5be6\u73fe\u81ea\u6211\u50f9\u503c\u7684\u6a5f\u6703<\/span>\n            <\/button>\n            <button type=\"button\" data-action=\"answer\" data-value=\"D\" class=\"card\">\n              <span data-role=\"option-indicator\" aria-hidden=\"true\"><\/span>\n              <span>\u548c\u8ae7\u7684\u5de5\u4f5c\u74b0\u5883\u8207\u540c\u4e8b\u95dc\u4fc2<\/span>\n            <\/button>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div data-role=\"center-actions\">\n        <button type=\"button\" data-action=\"prev\" class=\"btn\" hidden>\n          <i class=\"bi bi-chevron-left\" aria-hidden=\"true\"><\/i>\n          <span>\u4e0a\u4e00\u984c<\/span>\n        <\/button>\n      <\/div>\n\n      <p data-role=\"quiz-status\" aria-live=\"polite\">\u8acb\u9078\u64c7\u6700\u7b26\u5408\u76f4\u89ba\u7684\u7b54\u6848\u3002<\/p>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" hidden>\n    <div data-role=\"page-shell\" class=\"card border-0 shadow-sm\">\n      <header data-role=\"result-header\">\n        <p data-role=\"kicker\">Result<\/p>\n        <h2 id=\"quizresult9-title\" tabindex=\"-1\">\u4f60\u7684\u672a\u4f86\u751f\u6d3b\u9810\u6e2c<\/h2>\n        <p data-role=\"result-lead\">\n          \u4ee5\u4e0b\u7d50\u679c\u6703\u5f9e\u751f\u6d3b\u8d70\u5411\u3001\u7279\u8cea\u5206\u5e03\u8207\u6574\u9ad4\u672a\u4f86\u638c\u63a7\u611f\uff0c\u63d0\u4f9b\u4e00\u4efd\u8f15\u91cf\u5206\u6790\u3002\n        <\/p>\n      <\/header>\n\n      <div data-role=\"result-panels\" aria-live=\"polite\">\n        <article data-result-panel=\"A\">\n          <div data-role=\"result-badge\">\u6210\u5c31\u578b\u4eba\u751f<\/div>\n          <h3>\u5341\u5e74\u5f8c\uff0c\u4f60\u53ef\u80fd\u64c1\u6709\u4ee4\u4eba\u7fa8\u6155\u7684\u5916\u5728\u6210\u5c31<\/h3>\n          <p>\n            \u4f60\u5f88\u91cd\u8996\u6210\u679c\u3001\u8cc7\u6e90\u8207\u793e\u6703\u8a8d\u53ef\uff0c\u672a\u4f86\u5341\u5e74\u5bb9\u6613\u628a\u7cbe\u529b\u6295\u5165\u5728\u6536\u5165\u3001\u5730\u4f4d\u8207\u53ef\u898b\u6210\u5c31\u4e0a\u3002\u5c0d\u8eab\u908a\u7684\u4eba\u4f86\u8aaa\uff0c\u4f60\u7684\u751f\u6d3b\u53ef\u80fd\u76f8\u7576\u9ad4\u9762\uff0c\u4e5f\u5177\u5099\u4ee4\u4eba\u7fa8\u6155\u7684\u689d\u4ef6\u3002\n          <\/p>\n          <p>\n            \u5efa\u8b70\u4f60\u5728\u8ffd\u6c42\u6210\u5c31\u6642\uff0c\u4e5f\u540c\u6b65\u7167\u9867\u5167\u5728\u6eff\u8db3\u611f\u3002\u7576\u6210\u529f\u4e0d\u53ea\u662f\u88ab\u770b\u898b\uff0c\u800c\u662f\u80fd\u771f\u6b63\u8b93\u81ea\u5df1\u611f\u5230\u5b89\u5b9a\uff0c\u4f60\u7684\u672a\u4f86\u6703\u66f4\u5b8c\u6574\u3002\n          <\/p>\n          <div data-role=\"score-list\">\n            <span>\u7269\u8cea\u6210\u5c31 90<\/span>\n            <span>\u793e\u4ea4\u5f71\u97ff\u529b 75<\/span>\n            <span>\u500b\u4eba\u81ea\u7531 60<\/span>\n            <span>\u5167\u5fc3\u6eff\u8db3 50<\/span>\n            <span>\u5bb6\u5ead\u548c\u8ae7 65<\/span>\n          <\/div>\n        <\/article>\n\n        <article data-result-panel=\"B\" hidden>\n          <div data-role=\"result-badge\">\u4eab\u6a02\u578b\u4eba\u751f<\/div>\n          <h3>\u5341\u5e74\u5f8c\uff0c\u4f60\u7684\u751f\u6d3b\u54c1\u8cea\u53ef\u80fd\u660e\u986f\u63d0\u5347<\/h3>\n          <p>\n            \u4f60\u671f\u5f85\u751f\u6d3b\u6709\u8da3\u3001\u6709\u9078\u64c7\uff0c\u4e5f\u5e0c\u671b\u52aa\u529b\u80fd\u63db\u4f86\u66f4\u597d\u7684\u9ad4\u9a57\u3002\u672a\u4f86\u5341\u5e74\uff0c\u4f60\u53ef\u80fd\u6703\u66f4\u61c2\u5f97\u4eab\u53d7\u751f\u6d3b\uff0c\u9858\u610f\u628a\u8cc7\u6e90\u6295\u5165\u5728\u65c5\u884c\u3001\u8208\u8da3\u3001\u8cea\u611f\u6d88\u8cbb\u8207\u81ea\u6211\u7292\u8cde\u4e0a\u3002\n          <\/p>\n          <p>\n            \u5efa\u8b70\u4f60\u5728\u8ffd\u6c42\u5feb\u6a02\u6642\uff0c\u70ba\u9577\u671f\u76ee\u6a19\u4fdd\u7559\u4e00\u4e9b\u7a69\u5b9a\u898f\u5283\u3002\u7576\u4eab\u53d7\u8207\u7d00\u5f8b\u53d6\u5f97\u5e73\u8861\uff0c\u4f60\u6703\u66f4\u5bb9\u6613\u7d2f\u7a4d\u771f\u6b63\u6301\u4e45\u7684\u5e78\u798f\u611f\u3002\n          <\/p>\n          <div data-role=\"score-list\">\n            <span>\u7269\u8cea\u6210\u5c31 75<\/span>\n            <span>\u793e\u4ea4\u5f71\u97ff\u529b 80<\/span>\n            <span>\u500b\u4eba\u81ea\u7531 85<\/span>\n            <span>\u5167\u5fc3\u6eff\u8db3 65<\/span>\n            <span>\u5bb6\u5ead\u548c\u8ae7 60<\/span>\n          <\/div>\n        <\/article>\n\n        <article data-result-panel=\"C\" hidden>\n          <div data-role=\"result-badge\">\u81ea\u4e3b\u578b\u4eba\u751f<\/div>\n          <h3>\u5341\u5e74\u5f8c\uff0c\u4f60\u53ef\u80fd\u66f4\u63a5\u8fd1\u81ea\u5df1\u60f3\u8981\u7684\u751f\u6d3b<\/h3>\n          <p>\n            \u4f60\u91cd\u8996\u5922\u60f3\u3001\u81ea\u6211\u5be6\u73fe\u8207\u9078\u64c7\u6b0a\uff0c\u4e0d\u592a\u9858\u610f\u53ea\u662f\u7167\u8457\u5225\u4eba\u7684\u6a19\u6e96\u751f\u6d3b\u3002\u672a\u4f86\u5341\u5e74\uff0c\u4f60\u53ef\u80fd\u6703\u82b1\u5f88\u591a\u6642\u9593\u6253\u78e8\u81ea\u5df1\u7684\u65b9\u5411\uff0c\u5373\u4f7f\u904e\u7a0b\u4e0d\u4e00\u5b9a\u8f15\u9b06\uff0c\u537b\u6703\u66f4\u63a5\u8fd1\u771f\u6b63\u60f3\u6210\u70ba\u7684\u81ea\u5df1\u3002\n          <\/p>\n          <p>\n            \u5efa\u8b70\u4f60\u5728\u5805\u6301\u7406\u60f3\u6642\uff0c\u4e5f\u7559\u610f\u8cc7\u6e90\u914d\u7f6e\u8207\u73fe\u5be6\u7bc0\u594f\u3002\u5922\u60f3\u82e5\u80fd\u642d\u914d\u7a69\u5b9a\u7684\u884c\u52d5\u7cfb\u7d71\uff0c\u6703\u66f4\u5bb9\u6613\u8b8a\u6210\u53ef\u6301\u7e8c\u7684\u751f\u6d3b\u65b9\u5f0f\u3002\n          <\/p>\n          <div data-role=\"score-list\">\n            <span>\u7269\u8cea\u6210\u5c31 65<\/span>\n            <span>\u793e\u4ea4\u5f71\u97ff\u529b 60<\/span>\n            <span>\u500b\u4eba\u81ea\u7531 90<\/span>\n            <span>\u5167\u5fc3\u6eff\u8db3 85<\/span>\n            <span>\u5bb6\u5ead\u548c\u8ae7 70<\/span>\n          <\/div>\n        <\/article>\n\n        <article data-result-panel=\"D\" hidden>\n          <div data-role=\"result-badge\">\u5e73\u8861\u578b\u4eba\u751f<\/div>\n          <h3>\u5341\u5e74\u5f8c\uff0c\u4f60\u53ef\u80fd\u66f4\u91cd\u8996\u7a69\u5b9a\u8207\u95dc\u4fc2\u54c1\u8cea<\/h3>\n          <p>\n            \u4f60\u770b\u91cd\u5b89\u5168\u611f\u3001\u4eba\u969b\u548c\u8ae7\u8207\u751f\u6d3b\u79e9\u5e8f\uff0c\u672a\u4f86\u5341\u5e74\u53ef\u80fd\u6703\u50be\u5411\u7dad\u6301\u7a69\u5b9a\u7bc0\u594f\u3002\u9019\u6a23\u7684\u751f\u6d3b\u4e0d\u4e00\u5b9a\u8f5f\u8f5f\u70c8\u70c8\uff0c\u537b\u80fd\u5728\u65e5\u5e38\u4e2d\u7d2f\u7a4d\u8e0f\u5be6\u611f\u3002\n          <\/p>\n          <p>\n            \u5efa\u8b70\u4f60\u4e0d\u8981\u628a\u7a69\u5b9a\u7b49\u540c\u65bc\u505c\u6eef\u3002\u53ea\u8981\u9858\u610f\u5728\u8212\u9069\u5708\u5167\u52a0\u5165\u5c0f\u5e45\u6539\u8b8a\uff0c\u4f60\u4e5f\u80fd\u8b93\u672a\u4f86\u751f\u6d3b\u66f4\u6709\u6210\u9577\u611f\u8207\u671f\u5f85\u611f\u3002\n          <\/p>\n          <div data-role=\"score-list\">\n            <span>\u7269\u8cea\u6210\u5c31 70<\/span>\n            <span>\u793e\u4ea4\u5f71\u97ff\u529b 65<\/span>\n            <span>\u500b\u4eba\u81ea\u7531 75<\/span>\n            <span>\u5167\u5fc3\u6eff\u8db3 80<\/span>\n            <span>\u5bb6\u5ead\u548c\u8ae7 90<\/span>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <section data-role=\"visual-section\" aria-labelledby=\"quiz9-chart-title\">\n        <h3 id=\"quiz9-chart-title\">\u591a\u7dad\u5ea6\u7279\u8cea\u5206\u6578<\/h3>\n        <p data-role=\"chart-status\" aria-live=\"polite\">\u5716\u8868\u6703\u5728\u7d50\u679c\u9801\u986f\u793a\u3002<\/p>\n        <div data-role=\"chart-card\">\n          <canvas data-role=\"result-chart\" aria-label=\"\u672a\u4f86\u751f\u6d3b\u7279\u8cea\u96f7\u9054\u5716\"><\/canvas>\n        <\/div>\n      <\/section>\n\n      <section data-role=\"range-section\" aria-labelledby=\"quiz9-range-title\">\n        <h3 id=\"quiz9-range-title\">\u6574\u9ad4\u672a\u4f86\u638c\u63a7\u611f\u4f4d\u7f6e<\/h3>\n        <div data-role=\"stacked-bar\" aria-hidden=\"true\">\n          <span data-range=\"stable\"><\/span>\n          <span data-range=\"growth\"><\/span>\n          <span data-range=\"active\"><\/span>\n          <span data-range=\"high\"><\/span>\n          <span data-role=\"score-marker\"><\/span>\n        <\/div>\n        <div data-role=\"range-legend\">\n          <span><i data-range=\"stable\"><\/i>\u7a69\u5b9a\u7d2f\u7a4d 0\u201364<\/span>\n          <span><i data-range=\"growth\"><\/i>\u6210\u9577\u8abf\u6574 65\u201374<\/span>\n          <span><i data-range=\"active\"><\/i>\u4e3b\u52d5\u958b\u5c55 75\u201384<\/span>\n          <span><i data-range=\"high\"><\/i>\u9ad8\u5ea6\u638c\u63a7 85\u2013100<\/span>\n        <\/div>\n      <\/section>\n\n      <div data-role=\"center-actions\">\n        <button type=\"button\" data-action=\"restart\" class=\"btn\">\n          <i class=\"bi bi-arrow-counterclockwise\" aria-hidden=\"true\"><\/i>\n          <span>\u91cd\u65b0\u6e2c\u9a57<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n<style>\n#quizapp9[data-quiz-app=\"quiz9\"] {\n  max-width: 750px;\n  margin: 0 auto;\n  color: #24342d;\n  font-family: \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] *,\n#quizapp9[data-quiz-app=\"quiz9\"] *::before,\n#quizapp9[data-quiz-app=\"quiz9\"] *::after {\n  box-sizing: border-box;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [hidden] {\n  display: none !important;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-page] {\n  padding: 8px 0;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"page-shell\"] {\n  overflow: hidden;\n  padding: 24px;\n  border-radius: 28px;\n  background:\n    radial-gradient(circle at 12% 8%, rgba(210, 235, 218, 0.75), transparent 30%),\n    radial-gradient(circle at 92% 14%, rgba(240, 224, 190, 0.68), transparent 28%),\n    linear-gradient(145deg, rgba(252, 255, 250, 0.98), rgba(241, 249, 243, 0.96));\n  contain: layout paint;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h1,\n#quizapp9[data-quiz-app=\"quiz9\"] h2,\n#quizapp9[data-quiz-app=\"quiz9\"] h3 {\n  color: #203d33;\n  line-height: 1.28;\n  letter-spacing: 0.01em;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h1 {\n  margin: 12px 0;\n  font-size: clamp(30px, 7vw, 40px);\n  font-weight: 850;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h2 {\n  margin: 0;\n  font-size: clamp(26px, 5.4vw, 36px);\n  font-weight: 850;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] h3 {\n  margin: 0 0 20px;\n  font-size: clamp(21px, 4.8vw, 28px);\n  font-weight: 800;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] p {\n  margin: 0;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] button {\n  min-width: 44px;\n  min-height: 44px;\n  font: inherit;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] button:focus-visible,\n#quizapp9[data-quiz-app=\"quiz9\"] [tabindex=\"-1\"]:focus-visible {\n  outline: 3px solid rgba(75, 111, 89, 0.5);\n  outline-offset: 4px;\n  border-radius: 18px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"intro-hero\"],\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"result-header\"] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"kicker\"] {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #52745f;\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"intro-subtitle\"],\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"result-lead\"] {\n  max-width: 620px;\n  color: #50645b;\n  font-size: clamp(17px, 4vw, 18px);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"floating-icons\"] {\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n  margin: 24px 0;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"floating-icons\"] span {\n  display: inline-flex;\n  width: 64px;\n  height: 64px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999px;\n  color: #28473a;\n  font-size: 28px;\n  box-shadow: 0 16px 36px rgba(44, 86, 64, 0.13);\n  transition: transform 220ms ease, box-shadow 220ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"floating-icons\"] span:nth-child(1) {\n  background: #d5eadb;\n  transform: translateY(2px);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"floating-icons\"] span:nth-child(2) {\n  background: #f0dfbb;\n  transform: translateY(-6px);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"floating-icons\"] span:nth-child(3) {\n  background: #dbe8ce;\n  transform: translateY(4px);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"floating-icons\"] span:hover {\n  transform: translateY(-4px) scale(1.03);\n  box-shadow: 0 18px 42px rgba(44, 86, 64, 0.17);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"intro-content\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-width: 660px;\n  margin: 0 auto 20px;\n  color: #4e6258;\n  font-size: 17px;\n  text-align: center;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"feature-grid\"] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  margin-top: 24px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"feature-card\"] {\n  border-radius: 22px;\n  background: rgba(255, 255, 255, 0.78);\n  text-align: left;\n  transition: transform 180ms ease, box-shadow 180ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"feature-card\"]:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 16px 32px rgba(44, 86, 64, 0.1);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"feature-card\"] i {\n  display: inline-flex;\n  width: 44px;\n  height: 44px;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 12px;\n  border-radius: 999px;\n  background: #dcebdd;\n  color: #315844;\n  font-size: 22px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"feature-card\"] h2 {\n  margin-bottom: 8px;\n  font-size: 20px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"feature-card\"] p {\n  color: #54665d;\n  font-size: 16px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"center-actions\"] {\n  display: flex;\n  justify-content: center;\n  margin-top: 24px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"start\"],\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"restart\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-width: 184px;\n  border: 0;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #7eae8f, #d6bf78);\n  color: #1f352b;\n  font-size: 18px;\n  font-weight: 850;\n  box-shadow: 0 14px 28px rgba(63, 103, 78, 0.22);\n  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"start\"]:hover,\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"restart\"]:hover {\n  transform: translateY(-2px);\n  filter: saturate(1.04);\n  box-shadow: 0 18px 36px rgba(63, 103, 78, 0.28);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"quiz-header\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"progress-area\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"progress-text\"] {\n  color: #526c5d;\n  font-size: 15px;\n  font-weight: 800;\n  text-align: right;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"progress-track\"] {\n  height: 10px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(73, 112, 88, 0.14);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"progress-fill\"] {\n  border-radius: 999px;\n  background: linear-gradient(90deg, #7eae8f, #d6bf78);\n  transition: width 220ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-question] {\n  padding: 20px;\n  border-radius: 24px;\n  background: rgba(255, 255, 255, 0.78);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"options-grid\"] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 12px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"answer\"] {\n  display: flex;\n  width: 100%;\n  min-height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n  border: 2px solid rgba(64, 102, 76, 0.13);\n  border-radius: 20px;\n  background: rgba(255, 254, 249, 0.94);\n  color: #263c32;\n  text-align: left;\n  font-size: 17px;\n  font-weight: 750;\n  box-shadow: 0 8px 20px rgba(44, 86, 64, 0.07);\n  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"answer\"]:hover {\n  transform: translateY(-2px);\n  border-color: rgba(91, 137, 103, 0.42);\n  background: #fbfff8;\n  box-shadow: 0 12px 24px rgba(44, 86, 64, 0.11);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"answer\"][data-selected=\"true\"] {\n  border-color: rgba(80, 124, 89, 0.8);\n  background: #edf6ec;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"option-indicator\"] {\n  display: inline-flex;\n  flex: 0 0 auto;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid rgba(77, 116, 89, 0.35);\n  border-radius: 999px;\n  background: #fffefa;\n  color: #2b4d3d;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"answer\"][data-selected=\"true\"] [data-role=\"option-indicator\"]::before {\n  content: \"\u2713\";\n  font-size: 17px;\n  font-weight: 900;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"prev\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  border: 1px solid rgba(67, 104, 80, 0.26);\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.82);\n  color: #315040;\n  font-weight: 850;\n  transition: transform 160ms ease, background-color 160ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"prev\"]:hover {\n  transform: translateY(-1px);\n  background: #fbfff8;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"quiz-status\"] {\n  min-height: 24px;\n  margin-top: 8px;\n  color: #526c5d;\n  text-align: center;\n  font-size: 15px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"result-header\"] {\n  gap: 12px;\n  margin-bottom: 24px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"result-panels\"] article {\n  padding: 20px;\n  border-radius: 24px;\n  background: rgba(255, 255, 255, 0.8);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"result-badge\"] {\n  display: inline-flex;\n  margin-bottom: 12px;\n  padding: 8px 14px;\n  border-radius: 999px;\n  background: #e2ead4;\n  color: #294437;\n  font-size: 18px;\n  font-weight: 900;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"result-panels\"] p {\n  color: #4c6257;\n  font-size: 16px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"result-panels\"] p + p {\n  margin-top: 12px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"score-list\"] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"score-list\"] span {\n  display: inline-flex;\n  padding: 7px 10px;\n  border-radius: 999px;\n  background: #edf4e9;\n  color: #2f4b3e;\n  font-size: 14px;\n  font-weight: 850;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"visual-section\"],\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"range-section\"] {\n  margin-top: 20px;\n  padding: 18px;\n  border-radius: 24px;\n  background: rgba(255, 255, 255, 0.76);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"visual-section\"] h3,\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"range-section\"] h3 {\n  margin-bottom: 10px;\n  font-size: 22px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"chart-status\"] {\n  min-height: 24px;\n  margin-bottom: 8px;\n  color: #526c5d;\n  font-size: 15px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"chart-card\"] {\n  position: relative;\n  width: min(100%, 430px);\n  min-height: 300px;\n  margin: 0 auto;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"chart-card\"] canvas {\n  display: block;\n  width: 100% !important;\n  height: 320px !important;\n  margin: 0 auto;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"stacked-bar\"] {\n  position: relative;\n  display: grid;\n  grid-template-columns: 65fr 10fr 10fr 15fr;\n  height: 28px;\n  margin: 18px 8px 14px;\n  border-radius: 999px;\n  box-shadow: inset 0 0 0 1px rgba(44, 86, 64, 0.1);\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"stacked-bar\"] span:first-child {\n  border-radius: 999px 0 0 999px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"stacked-bar\"] span:nth-child(4) {\n  border-radius: 0 999px 999px 0;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-range=\"stable\"] {\n  background: #dce6d1;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-range=\"growth\"] {\n  background: #cfdfbb;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-range=\"active\"] {\n  background: #c4b873;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-range=\"high\"] {\n  background: #92b88f;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"score-marker\"] {\n  position: absolute;\n  top: 50%;\n  left: 76%;\n  width: 18px;\n  height: 18px;\n  border: 3px solid #fffefa;\n  border-radius: 999px;\n  background: #4a3325;\n  box-shadow: 0 4px 12px rgba(58, 40, 30, 0.28);\n  transform: translate(-50%, -50%);\n  transition: left 240ms ease;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"range-legend\"] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n  color: #334d42;\n  font-size: 14px;\n  font-weight: 750;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"range-legend\"] span {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n#quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"range-legend\"] i {\n  width: 14px;\n  height: 14px;\n  border-radius: 999px;\n  box-shadow: inset 0 0 0 1px rgba(44, 86, 64, 0.08);\n}\n\n@media (min-width: 576px) {\n  #quizapp9[data-quiz-app=\"quiz9\"] {\n    font-size: 17px;\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"page-shell\"] {\n    padding: 32px;\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"feature-grid\"] {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"options-grid\"] {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-action=\"answer\"] {\n    align-items: flex-start;\n    min-height: 112px;\n    padding: 18px;\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"range-legend\"] {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (min-width: 768px) {\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"quiz-header\"] {\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: space-between;\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"progress-area\"] {\n    width: 220px;\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"range-legend\"] {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  #quizapp9[data-quiz-app=\"quiz9\"] [data-role=\"chart-card\"] canvas {\n    height: 360px !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #quizapp9[data-quiz-app=\"quiz9\"] *,\n  #quizapp9[data-quiz-app=\"quiz9\"] *::before,\n  #quizapp9[data-quiz-app=\"quiz9\"] *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const initQuiz9 = () => {\n    const root = document.querySelector('#quizapp9[data-quiz-app=\"quiz9\"]');\n    if (!root) return;\n\n    if (root.dataset.quizReady === \"true\") return;\n    root.dataset.quizReady = \"true\";\n\n    const quizintro9 = root.querySelector('#quizintro9[data-page=\"intro9\"]');\n    const quizmain9 = root.querySelector('#quizmain9[data-page=\"quiz9\"]');\n    const quizresult9 = root.querySelector('#quizresult9[data-page=\"result9\"]');\n\n    const introTitle = root.querySelector('#quizintro9-title');\n    const quizTitle = root.querySelector('#quizmain9-title');\n    const resultTitle = root.querySelector('#quizresult9-title');\n\n    const questionCards = Array.from(root.querySelectorAll('[data-question]'));\n    const progressText = root.querySelector('[data-role=\"progress-text\"]');\n    const progressFill = root.querySelector('[data-role=\"progress-fill\"]');\n    const prevButton = root.querySelector('[data-action=\"prev\"]');\n    const quizStatus = root.querySelector('[data-role=\"quiz-status\"]');\n    const chartStatus = root.querySelector('[data-role=\"chart-status\"]');\n    const chartCanvas = root.querySelector('[data-role=\"result-chart\"]');\n    const resultPanels = Array.from(root.querySelectorAll('[data-result-panel]'));\n    const scoreMarker = root.querySelector('[data-role=\"score-marker\"]');\n\n    if (!quizintro9 || !quizmain9 || !quizresult9) return;\n\n    const resultMap = {\n      A: {\n        total: 76,\n        label: \"\u6210\u5c31\u578b\u4eba\u751f\",\n        scores: {\n          \"\u7269\u8cea\u6210\u5c31\": 90,\n          \"\u793e\u4ea4\u5f71\u97ff\u529b\": 75,\n          \"\u500b\u4eba\u81ea\u7531\": 60,\n          \"\u5167\u5fc3\u6eff\u8db3\": 50,\n          \"\u5bb6\u5ead\u548c\u8ae7\": 65\n        }\n      },\n      B: {\n        total: 73,\n        label: \"\u4eab\u6a02\u578b\u4eba\u751f\",\n        scores: {\n          \"\u7269\u8cea\u6210\u5c31\": 75,\n          \"\u793e\u4ea4\u5f71\u97ff\u529b\": 80,\n          \"\u500b\u4eba\u81ea\u7531\": 85,\n          \"\u5167\u5fc3\u6eff\u8db3\": 65,\n          \"\u5bb6\u5ead\u548c\u8ae7\": 60\n        }\n      },\n      C: {\n        total: 78,\n        label: \"\u81ea\u4e3b\u578b\u4eba\u751f\",\n        scores: {\n          \"\u7269\u8cea\u6210\u5c31\": 65,\n          \"\u793e\u4ea4\u5f71\u97ff\u529b\": 60,\n          \"\u500b\u4eba\u81ea\u7531\": 90,\n          \"\u5167\u5fc3\u6eff\u8db3\": 85,\n          \"\u5bb6\u5ead\u548c\u8ae7\": 70\n        }\n      },\n      D: {\n        total: 74,\n        label: \"\u5e73\u8861\u578b\u4eba\u751f\",\n        scores: {\n          \"\u7269\u8cea\u6210\u5c31\": 70,\n          \"\u793e\u4ea4\u5f71\u97ff\u529b\": 65,\n          \"\u500b\u4eba\u81ea\u7531\": 75,\n          \"\u5167\u5fc3\u6eff\u8db3\": 80,\n          \"\u5bb6\u5ead\u548c\u8ae7\": 90\n        }\n      }\n    };\n\n    const state = {\n      currentIndex: 0,\n      answers: [],\n      locked: false,\n      chart: null\n    };\n\n    const scrollToSection = (target) => {\n      target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n    };\n\n    const focusTitle = (title) => {\n      if (title) {\n        title.focus({ preventScroll: true });\n      }\n    };\n\n    const clearSelectedOptions = () => {\n      root.querySelectorAll('[data-action=\"answer\"][data-selected=\"true\"]').forEach((button) => {\n        button.removeAttribute(\"data-selected\");\n        button.setAttribute(\"aria-pressed\", \"false\");\n      });\n    };\n\n    const updateProgress = (index) => {\n      const total = questionCards.length;\n      const current = Math.min(index + 1, total);\n      const percent = Math.round((current \/ total) * 100);\n\n      progressText.textContent = `\u554f\u984c ${current} \/ ${total}`;\n      progressFill.style.width = `${percent}%`;\n    };\n\n    const showQuestion = (index) => {\n      state.currentIndex = index;\n      state.locked = false;\n\n      questionCards.forEach((card) => {\n        card.hidden = card.dataset.question !== String(index);\n      });\n\n      clearSelectedOptions();\n\n      const savedValue = state.answers[index];\n      if (savedValue) {\n        const savedButton = root.querySelector(`[data-question=\"${index}\"] [data-action=\"answer\"][data-value=\"${savedValue}\"]`);\n        if (savedButton) {\n          savedButton.dataset.selected = \"true\";\n          savedButton.setAttribute(\"aria-pressed\", \"true\");\n        }\n      }\n\n      updateProgress(index);\n      prevButton.hidden = index === 0;\n      quizStatus.textContent = index === 0 ? \"\u8acb\u9078\u64c7\u6700\u7b26\u5408\u76f4\u89ba\u7684\u7b54\u6848\u3002\" : \"\u5df2\u524d\u9032\u5230\u4e0b\u4e00\u984c\uff0c\u53ef\u4f7f\u7528\u4e0a\u4e00\u984c\u8fd4\u56de\u4fee\u6539\u3002\";\n      focusTitle(quizTitle);\n    };\n\n    const setPage = (pageName) => {\n      if (pageName === \"intro\") {\n        quizintro9.hidden = false;\n        quizmain9.hidden = true;\n        quizresult9.hidden = true;\n        focusTitle(introTitle);\n        scrollToSection(quizintro9);\n        return;\n      }\n\n      if (pageName === \"quiz\") {\n        quizintro9.hidden = true;\n        quizmain9.hidden = false;\n        quizresult9.hidden = true;\n        focusTitle(quizTitle);\n        scrollToSection(quizmain9);\n        return;\n      }\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = true;\n      quizresult9.hidden = false;\n      focusTitle(resultTitle);\n      scrollToSection(quizresult9);\n    };\n\n    const resetQuiz = () => {\n      state.currentIndex = 0;\n      state.answers = [];\n      state.locked = false;\n      clearSelectedOptions();\n      showQuestion(0);\n\n      resultPanels.forEach((panel) => {\n        panel.hidden = panel.dataset.resultPanel !== \"A\";\n      });\n\n      if (scoreMarker) {\n        scoreMarker.style.left = \"76%\";\n      }\n\n      if (state.chart) {\n        state.chart.destroy();\n        state.chart = null;\n      }\n\n      if (chartStatus) {\n        chartStatus.textContent = \"\u5716\u8868\u6703\u5728\u7d50\u679c\u9801\u986f\u793a\u3002\";\n      }\n    };\n\n    const calculateResult = () => {\n      const counts = { A: 0, B: 0, C: 0, D: 0 };\n\n      state.answers.forEach((answer) => {\n        if (Object.prototype.hasOwnProperty.call(counts, answer)) {\n          counts[answer] += 1;\n        }\n      });\n\n      let selectedResult = \"A\";\n      let highestCount = -1;\n      const lastAnswer = state.answers[state.answers.length - 1];\n\n      Object.entries(counts).forEach(([key, count]) => {\n        if (count > highestCount || (count === highestCount && key === lastAnswer)) {\n          highestCount = count;\n          selectedResult = key;\n        }\n      });\n\n      return selectedResult;\n    };\n\n    const updateResultPanel = (resultKey) => {\n      resultPanels.forEach((panel) => {\n        panel.hidden = panel.dataset.resultPanel !== resultKey;\n      });\n    };\n\n    const renderChart = (resultKey) => {\n      const result = resultMap[resultKey];\n      if (!result || !chartCanvas || !chartStatus) return;\n\n      if (scoreMarker) {\n        scoreMarker.style.left = `${result.total}%`;\n      }\n\n      if (!window.Chart) {\n        chartStatus.textContent = \"Chart.js \u5c1a\u672a\u8f09\u5165\uff0c\u5716\u8868\u66ab\u6642\u7121\u6cd5\u986f\u793a\uff1b\u4f60\u4ecd\u53ef\u95b1\u8b80\u4e0a\u65b9\u7d50\u679c\u8207\u5206\u6578\u3002\";\n        return;\n      }\n\n      if (state.chart) {\n        state.chart.destroy();\n        state.chart = null;\n      }\n\n      const labels = Object.keys(result.scores);\n      const values = Object.values(result.scores);\n      const smallScreen = window.matchMedia(\"(max-width: 575px)\").matches;\n\n      chartStatus.textContent = `\u5df2\u7522\u751f\u300c${result.label}\u300d\u7684\u591a\u7dad\u5ea6\u5716\u8868\u3002`;\n\n      state.chart = new window.Chart(chartCanvas, {\n        type: \"radar\",\n        data: {\n          labels,\n          datasets: [\n            {\n              label: \"\u4f60\u7684\u672a\u4f86\u751f\u6d3b\u7279\u8cea\u5206\u6578\",\n              data: values,\n              fill: true,\n              backgroundColor: \"rgba(126, 174, 143, 0.24)\",\n              borderColor: \"rgba(64, 107, 78, 0.88)\",\n              borderWidth: 2,\n              pointBackgroundColor: \"rgba(74, 51, 37, 0.95)\",\n              pointBorderColor: \"#fffefa\",\n              pointRadius: 4,\n              pointHoverRadius: 5\n            }\n          ]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          animation: {\n            duration: 260\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: {\n                display: false,\n                stepSize: 20\n              },\n              grid: {\n                color: \"rgba(64, 107, 78, 0.16)\"\n              },\n              angleLines: {\n                color: \"rgba(64, 107, 78, 0.12)\"\n              },\n              pointLabels: {\n                color: \"#203d33\",\n                font: {\n                  size: smallScreen ? 12 : 16,\n                  family: \"'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif\",\n                  weight: \"700\"\n                }\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.label}: ${context.raw} \u5206`\n              }\n            }\n          }\n        }\n      });\n    };\n\n    const showResult = () => {\n      const resultKey = calculateResult();\n      updateResultPanel(resultKey);\n      setPage(\"result\");\n      renderChart(resultKey);\n      state.locked = false;\n    };\n\n    const handleStart = () => {\n      state.answers = [];\n      state.currentIndex = 0;\n      state.locked = false;\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n\n      showQuestion(0);\n      focusTitle(quizTitle);\n      scrollToSection(quizmain9);\n    };\n\n    const handleRestart = () => {\n      resetQuiz();\n\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n\n      focusTitle(introTitle);\n      scrollToSection(quizintro9);\n    };\n\n    const handleAnswer = (button) => {\n      if (state.locked || !button) return;\n      state.locked = true;\n\n      const currentCard = questionCards.find((card) => card.dataset.question === String(state.currentIndex));\n      if (!currentCard) {\n        state.locked = false;\n        return;\n      }\n\n      currentCard.querySelectorAll('[data-action=\"answer\"]').forEach((item) => {\n        item.removeAttribute(\"data-selected\");\n        item.setAttribute(\"aria-pressed\", \"false\");\n      });\n\n      button.dataset.selected = \"true\";\n      button.setAttribute(\"aria-pressed\", \"true\");\n\n      state.answers[state.currentIndex] = button.dataset.value;\n\n      window.setTimeout(() => {\n        if (state.currentIndex < questionCards.length - 1) {\n          showQuestion(state.currentIndex + 1);\n          scrollToSection(quizmain9);\n          return;\n        }\n\n        showResult();\n      }, 180);\n    };\n\n    const handlePrevious = () => {\n      if (state.locked || state.currentIndex === 0) return;\n\n      const previousIndex = state.currentIndex - 1;\n      state.answers.splice(previousIndex + 1);\n      showQuestion(previousIndex);\n      scrollToSection(quizmain9);\n    };\n\n    const handleRootClick = (event) => {\n      const actionElement = event.target.closest('[data-action]');\n      if (!actionElement || !root.contains(actionElement)) return;\n\n      const action = actionElement.dataset.action;\n\n      if (action === \"start\") {\n        handleStart();\n        return;\n      }\n\n      if (action === \"answer\") {\n        handleAnswer(actionElement);\n        return;\n      }\n\n      if (action === \"prev\") {\n        handlePrevious();\n        return;\n      }\n\n      if (action === \"restart\") {\n        handleRestart();\n      }\n    };\n\n    root.querySelectorAll('[data-action=\"answer\"]').forEach((button) => {\n      button.setAttribute(\"aria-pressed\", \"false\");\n    });\n\n    root.addEventListener(\"click\", handleRootClick);\n    resetQuiz();\n    setPage(\"intro\");\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initQuiz9);\n  } else {\n    initQuiz9();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u867d\u7136\u4eba\u4eba\u90fd\u77e5\u9053\u5e94\u5f53\u6d3b\u5728\u5f53\u4e0b\uff0c\u53ef\u662f\uff0c\u5927\u591a\u6570\u4eba\u8fd8\u662f\u4f1a\u5bf9\u81ea\u5df1\u7684\u672a\u6765\u611f\u5230\u597d\u5947\uff0c\u4f60\u4e00\u5b9a\u4e5f\u5f88\u60f3\u77e5\u9053\u5341\u5e74\u540e\u4f60\u62e5\u6709\u600e\u6837\u7684\u751f\u6d3b\u5427\u3002\u770b\u770b\u4e0b\u9762\u7684\u6d4b\u8bd5\uff0c\u6216\u8bb8\u80fd\u591f\u4ece\u4e2d\u627e\u5230\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":[160],"tags":[],"class_list":["post-2368","post","type-post","status-publish","format-standard","hentry","category-attitude-scales"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2368","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=2368"}],"version-history":[{"count":9,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2368\/revisions"}],"predecessor-version":[{"id":10885,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2368\/revisions\/10885"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}