{"id":2853,"date":"2023-10-08T19:13:20","date_gmt":"2023-10-08T11:13:20","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2853"},"modified":"2025-08-07T20:14:15","modified_gmt":"2025-08-07T12:14:15","slug":"brain-work-ability","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/brain-work-ability","title":{"rendered":"\u5927\u8111\u5de5\u4f5c\u80fd\u529b\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0875\u9898\uff09"},"content":{"rendered":"<!-- \u5927\u8166\u5de5\u4f5c\u80fd\u529b\u6e2c\u9a57 - WordPress\u5d4c\u5165\u7248 -->\n<!-- \u5f15\u5165 Bootstrap CSS -->\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<!-- \u4e3b\u5bb9\u5668 -->\n<div id=\"bwat-container\" class=\"bwat-wrapper\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"bwat-intro\" class=\"bwat-section bwat-intro-section\">\n    <header class=\"bwat-header mb-4\">\n      <h2 class=\"bwat-title\">\u5927\u8111\u5de5\u4f5c\u80fd\u529b\u6d4b\u9a8c<\/h2>\n      <div class=\"bwat-subtitle\">\u63a2\u7d22\u60a8\u7684\u8a8d\u77e5\u6f5b\u80fd\uff0c\u63d0\u5347\u5927\u8166\u6548\u7387<\/div>\n    <\/header>\n    \n    <!-- \u82f1\u96c4\u5340\u52d5\u756b -->\n    <div class=\"bwat-hero-section mb-5\">\n      <!-- \u4e94\u5927\u80fd\u529b\u5716\u6a19 - \u6c34\u5e73\u5c45\u4e2d\u6392\u5217 -->\n      <div class=\"bwat-features-row\">\n        <div class=\"bwat-feature-item\">\n          <div class=\"bwat-feature-icon\">\n            <i class=\"bi bi-bullseye\"><\/i>\n          <\/div>\n          <span class=\"bwat-feature-label\">\u96c6\u4e2d\u529b<\/span>\n        <\/div>\n        <div class=\"bwat-feature-item\">\n          <div class=\"bwat-feature-icon\">\n            <i class=\"bi bi-arrow-repeat\"><\/i>\n          <\/div>\n          <span class=\"bwat-feature-label\">\u8f6c\u6362\u529b<\/span>\n        <\/div>\n        <div class=\"bwat-feature-item\">\n          <div class=\"bwat-feature-icon\">\n            <i class=\"bi bi-lightning-charge-fill\"><\/i>\n          <\/div>\n          <span class=\"bwat-feature-label\">\u7075\u654f\u6027<\/span>\n        <\/div>\n        <div class=\"bwat-feature-item\">\n          <div class=\"bwat-feature-icon\">\n            <i class=\"bi bi-sliders\"><\/i>\n          <\/div>\n          <span class=\"bwat-feature-label\">\u8c03\u8282\u6027<\/span>\n        <\/div>\n        <div class=\"bwat-feature-item\">\n          <div class=\"bwat-feature-icon\">\n            <i class=\"bi bi-gear-fill\"><\/i>\n          <\/div>\n          <span class=\"bwat-feature-label\">\u7f1c\u5bc6\u6027<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u5f15\u5c0e\u5167\u5bb9 -->\n    <div class=\"bwat-intro-content\">\n      <!-- \u50f9\u503c\u4e3b\u5f35 -->\n      <div class=\"bwat-value-proposition mb-4\">\n        <h3 class=\"bwat-value-title\">\u70ba\u4ec0\u9ebc\u8981\u6e2c\u8a66\u5927\u8166\u5de5\u4f5c\u80fd\u529b\uff1f<\/h3>\n        <div class=\"row g-3 mt-3\">\n          <div class=\"col-md-4\">\n            <div class=\"bwat-value-card\">\n              <div class=\"bwat-value-icon\">\n                <i class=\"bi bi-graph-up-arrow\"><\/i>\n              <\/div>\n              <h4>\u63d0\u5347\u5de5\u4f5c\u6548\u7387<\/h4>\n              <p>\u77ad\u89e3\u81ea\u5df1\u7684\u8a8d\u77e5\u512a\u52e2\uff0c\u5236\u5b9a\u500b\u4eba\u5316\u63d0\u5347\u7b56\u7565<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-4\">\n            <div class=\"bwat-value-card\">\n              <div class=\"bwat-value-icon\">\n                <i class=\"bi bi-person-check-fill\"><\/i>\n              <\/div>\n              <h4>\u767c\u73fe\u6f5b\u5728\u80fd\u529b<\/h4>\n              <p>\u8b58\u5225\u672a\u88ab\u5145\u5206\u5229\u7528\u7684\u8a8d\u77e5\u6f5b\u80fd<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-4\">\n            <div class=\"bwat-value-card\">\n              <div class=\"bwat-value-icon\">\n                <i class=\"bi bi-trophy-fill\"><\/i>\n              <\/div>\n              <h4>\u9054\u6210\u66f4\u9ad8\u6210\u5c31<\/h4>\n              <p>\u57fa\u65bc\u79d1\u5b78\u8a55\u4f30\u512a\u5316\u5927\u8166\u8868\u73fe<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u6e2c\u9a57\u8aaa\u660e -->\n      <div class=\"bwat-test-info mb-4\">\n        <div class=\"bwat-info-card\">\n          <h4 class=\"bwat-info-title\">\n            <i class=\"bi bi-clipboard-data me-2\"><\/i>\n            \u6e2c\u9a57\u5167\u5bb9\n          <\/h4>\n          <p class=\"mb-3\">\u672c\u6e2c\u9a57\u57fa\u65bc\u8a8d\u77e5\u5fc3\u7406\u5b78\u539f\u7406\uff0c\u5168\u9762\u8a55\u4f30\u60a8\u7684\u5927\u8166\u5de5\u4f5c\u80fd\u529b\uff1a<\/p>\n          <div class=\"bwat-dimension-list\">\n            <div class=\"bwat-dimension-item\">\n              <span class=\"bwat-dimension-badge\">\u2160<\/span>\n              <div class=\"bwat-dimension-content\">\n                <strong>\u96c6\u4e2d\u529b<\/strong>\n                <span>\u5c08\u6ce8\u65bc\u4efb\u52d9\u7684\u6301\u7e8c\u80fd\u529b<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"bwat-dimension-item\">\n              <span class=\"bwat-dimension-badge\">\u2161<\/span>\n              <div class=\"bwat-dimension-content\">\n                <strong>\u8f6c\u6362\u529b<\/strong>\n                <span>\u5728\u4e0d\u540c\u4efb\u52d9\u9593\u9748\u6d3b\u5207\u63db<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"bwat-dimension-item\">\n              <span class=\"bwat-dimension-badge\">\u2162<\/span>\n              <div class=\"bwat-dimension-content\">\n                <strong>\u7075\u654f\u6027<\/strong>\n                <span>\u5feb\u901f\u53cd\u61c9\u8207\u9069\u61c9\u8b8a\u5316<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"bwat-dimension-item\">\n              <span class=\"bwat-dimension-badge\">\u2163<\/span>\n              <div class=\"bwat-dimension-content\">\n                <strong>\u8c03\u8282\u6027<\/strong>\n                <span>\u60c5\u7dd2\u8207\u8a8d\u77e5\u7684\u81ea\u6211\u8abf\u7bc0<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"bwat-dimension-item\">\n              <span class=\"bwat-dimension-badge\">\u2164<\/span>\n              <div class=\"bwat-dimension-content\">\n                <strong>\u7f1c\u5bc6\u6027<\/strong>\n                <span>\u7cfb\u7d71\u5316\u601d\u8003\u8207\u898f\u5283\u80fd\u529b<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u6e2c\u9a57\u8cc7\u8a0a -->\n      <div class=\"bwat-test-meta row g-3 mb-4\">\n        <div class=\"col-4\">\n          <div class=\"bwat-meta-item\">\n            <i class=\"bi bi-clock-fill\"><\/i>\n            <span>10-15\u5206\u9418<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"col-4\">\n          <div class=\"bwat-meta-item\">\n            <i class=\"bi bi-list-check\"><\/i>\n            <span>75\u9053\u984c\u76ee<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"col-4\">\n          <div class=\"bwat-meta-item\">\n            <i class=\"bi bi-bar-chart-fill\"><\/i>\n            <span>\u5373\u6642\u5206\u6790<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u958b\u59cb\u6309\u9215 -->\n      <div class=\"text-center\">\n        <button id=\"bwat-start-btn\" class=\"bwat-btn-primary bwat-btn-start\">\n          \u5f00\u59cb\u6d4b\u9a8c\n          <i class=\"bi bi-arrow-right-circle ms-2\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"bwat-test\" class=\"bwat-section bwat-test-section\" style=\"display: none;\">\n    <header class=\"bwat-header mb-4\">\n      <h2 class=\"bwat-title\">\u5927\u8111\u5de5\u4f5c\u80fd\u529b\u6d4b\u9a8c<\/h2>\n    <\/header>\n    \n    <div class=\"bwat-progress-wrapper mb-4\">\n      <div class=\"progress bwat-progress\">\n        <div id=\"bwat-progress-fill\" class=\"progress-bar bwat-progress-bar\" role=\"progressbar\" style=\"width: 0%\"><\/div>\n      <\/div>\n      <div id=\"bwat-progress-text\" class=\"bwat-progress-text mt-2\">\u95ee\u98981\/75<\/div>\n    <\/div>\n    \n    <div class=\"bwat-test-content\">\n      <div id=\"bwat-category\" class=\"bwat-category mb-3\">\u2160. \u96c6\u4e2d\u529b<\/div>\n      <h3 id=\"bwat-question\" class=\"bwat-question mb-4\"><\/h3>\n      \n      <!-- \u9078\u9805\u5361\u7247 -->\n      <div class=\"bwat-options-container\">\n        <div class=\"bwat-option-card\" data-value=\"true\">\n          <div class=\"bwat-option-indicator\">\n            <i class=\"bi bi-circle\"><\/i>\n            <i class=\"bi bi-check-circle-fill\"><\/i>\n          <\/div>\n          <div class=\"bwat-option-content\">\n            <span class=\"bwat-option-text\">\u662f<\/span>\n          <\/div>\n        <\/div>\n        \n        <div class=\"bwat-option-card\" data-value=\"false\">\n          <div class=\"bwat-option-indicator\">\n            <i class=\"bi bi-circle\"><\/i>\n            <i class=\"bi bi-check-circle-fill\"><\/i>\n          <\/div>\n          <div class=\"bwat-option-content\">\n            <span class=\"bwat-option-text\">\u5426<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"bwat-nav-wrapper d-flex justify-content-center mt-4\">\n        <button id=\"bwat-prev-btn\" class=\"bwat-btn-secondary\">\n          <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"bwat-result\" class=\"bwat-section bwat-result-section\" style=\"display: none;\">\n    <header class=\"bwat-header mb-4\">\n      <h2 class=\"bwat-title\">\u60a8\u7684\u5927\u8166\u5de5\u4f5c\u80fd\u529b\u5206\u6790\u5831\u544a<\/h2>\n      <div class=\"bwat-subtitle\">\u500b\u4eba\u5316\u8a8d\u77e5\u80fd\u529b\u8a55\u4f30\u8207\u5efa\u8b70<\/div>\n    <\/header>\n    \n    <div class=\"bwat-result-content\">\n      <!-- \u7e3d\u9ad4\u8a55\u5206 -->\n      <div id=\"bwat-overall-score\" class=\"bwat-overall-score mb-4\">\n        <!-- \u52d5\u614b\u751f\u6210 -->\n      <\/div>\n      \n      <!-- \u96f7\u9054\u5716 -->\n      <div class=\"bwat-chart-wrapper mb-5\">\n        <canvas id=\"bwat-radar-chart\"><\/canvas>\n      <\/div>\n      \n      <!-- \u8a73\u7d30\u5206\u6790 -->\n      <div id=\"bwat-result-details\" class=\"bwat-result-details mb-4\">\n        <!-- \u7d50\u679c\u8a73\u60c5\u5c07\u5728\u9019\u88e1\u52d5\u614b\u751f\u6210 -->\n      <\/div>\n      \n      <!-- \u500b\u6027\u5316\u5efa\u8b70 -->\n      <div id=\"bwat-personalized-advice\" class=\"bwat-advice-section mb-4\">\n        <!-- \u52d5\u614b\u751f\u6210\u500b\u6027\u5316\u5efa\u8b70 -->\n      <\/div>\n      \n      <!-- \u884c\u52d5\u6309\u9215 -->\n      <div class=\"bwat-result-actions d-flex justify-content-center\">\n        <button id=\"bwat-restart-btn\" class=\"bwat-btn-primary\">\n          <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u9a8c\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- \u6a23\u5f0f -->\n<style>\n\/* \u5927\u8166\u5de5\u4f5c\u80fd\u529b\u6e2c\u9a57 - \u6a21\u7d44\u5316\u6a23\u5f0f *\/\n.bwat-wrapper {\n  --bwat-primary: #2d7a4e;\n  --bwat-primary-light: #4a9d6b;\n  --bwat-primary-dark: #1e5635;\n  --bwat-secondary: #52b788;\n  --bwat-accent: #74c69d;\n  --bwat-success: #40916c;\n  --bwat-gradient: linear-gradient(135deg, #52b788 0%, #2d7a4e 100%);\n  --bwat-gradient-light: linear-gradient(135deg, #74c69d 0%, #52b788 100%);\n  --bwat-background: #f8fdf9;\n  --bwat-card-bg: #ffffff;\n  --bwat-text: #2d3e50;\n  --bwat-text-light: #5a6c7d;\n  --bwat-border-radius: 16px;\n  --bwat-shadow: 0 8px 24px rgba(45, 122, 78, 0.08);\n  --bwat-shadow-hover: 0 12px 32px rgba(45, 122, 78, 0.15);\n  --bwat-shadow-card: 0 4px 16px rgba(0, 0, 0, 0.08);\n  \n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  max-width: 750px;\n  margin: 0 auto;\n  padding: 20px;\n  color: var(--bwat-text);\n  background: var(--bwat-background);\n  border-radius: var(--bwat-border-radius);\n  min-height: 600px;\n}\n\n.bwat-section {\n  background: var(--bwat-card-bg);\n  border-radius: var(--bwat-border-radius);\n  padding: 40px 30px;\n  box-shadow: var(--bwat-shadow);\n}\n\n\/* \u6a19\u984c\u6a23\u5f0f *\/\n.bwat-header {\n  text-align: center;\n}\n\n.bwat-title {\n  font-size: 36px;\n  font-weight: 700;\n  color: var(--bwat-primary);\n  margin-bottom: 8px;\n  letter-spacing: -0.5px;\n  background: var(--bwat-gradient);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.bwat-subtitle {\n  font-size: 18px;\n  color: var(--bwat-text-light);\n  font-weight: 400;\n}\n\n\/* \u5f15\u5c0e\u9801 - \u82f1\u96c4\u5340 *\/\n.bwat-hero-section {\n  padding: 40px 0;\n  background: linear-gradient(135deg, rgba(82, 183, 136, 0.05) 0%, rgba(45, 122, 78, 0.05) 100%);\n  border-radius: 20px;\n  position: relative;\n  overflow: hidden;\n}\n\n.bwat-hero-animation {\n  height: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 40px;\n  position: relative;\n}\n\n.bwat-brain-container {\n  position: relative;\n}\n\n.bwat-brain-glow {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 120px;\n  height: 120px;\n  background: radial-gradient(circle, rgba(82, 183, 136, 0.4) 0%, transparent 70%);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  animation: bwat-glow 3s ease-in-out infinite;\n}\n\n@keyframes bwat-glow {\n  0%, 100% { opacity: 0.3; transform: translate(-50%, -50%) scale(1); }\n  50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.2); }\n}\n\n.bwat-brain-icon {\n  font-size: 60px;\n  color: var(--bwat-primary);\n  position: relative;\n  z-index: 2;\n  animation: bwat-float 3s ease-in-out infinite;\n  filter: drop-shadow(0 4px 8px rgba(45, 122, 78, 0.3));\n}\n\n@keyframes bwat-float {\n  0%, 100% { transform: translateY(0) rotate(-5deg); }\n  50% { transform: translateY(-10px) rotate(5deg); }\n}\n\n.bwat-particle {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background: var(--bwat-accent);\n  border-radius: 50%;\n  animation: bwat-particle-float 4s linear infinite;\n}\n\n.bwat-particle-1 {\n  top: -10px;\n  left: -20px;\n  animation-delay: 0s;\n}\n\n.bwat-particle-2 {\n  top: 10px;\n  right: -20px;\n  animation-delay: 1.3s;\n}\n\n.bwat-particle-3 {\n  bottom: -10px;\n  left: 10px;\n  animation-delay: 2.6s;\n}\n\n@keyframes bwat-particle-float {\n  0% { opacity: 0; transform: translateY(20px); }\n  20% { opacity: 1; }\n  80% { opacity: 1; }\n  100% { opacity: 0; transform: translateY(-20px); }\n}\n\n\/* \u4e94\u5927\u80fd\u529b\u5716\u6a19 - \u6c34\u5e73\u6392\u5217 *\/\n.bwat-features-row {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 30px;\n  flex-wrap: wrap;\n}\n\n.bwat-feature-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  transition: transform 0.3s ease;\n}\n\n.bwat-feature-item:hover {\n  transform: translateY(-5px);\n}\n\n.bwat-feature-icon {\n  width: 56px;\n  height: 56px;\n  background: var(--bwat-gradient);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  color: white;\n  box-shadow: 0 4px 12px rgba(45, 122, 78, 0.3);\n  transition: all 0.3s ease;\n}\n\n.bwat-feature-item:hover .bwat-feature-icon {\n  transform: scale(1.1);\n  box-shadow: 0 6px 16px rgba(45, 122, 78, 0.4);\n}\n\n.bwat-feature-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n}\n\n\/* \u50f9\u503c\u4e3b\u5f35\u5361\u7247 *\/\n.bwat-value-proposition {\n  text-align: center;\n}\n\n.bwat-value-title {\n  font-size: 28px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n  margin-bottom: 20px;\n}\n\n.bwat-value-card {\n  background: white;\n  padding: 24px;\n  border-radius: 12px;\n  box-shadow: var(--bwat-shadow-card);\n  height: 100%;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.bwat-value-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--bwat-shadow-hover);\n}\n\n.bwat-value-icon {\n  width: 60px;\n  height: 60px;\n  margin: 0 auto 16px;\n  background: var(--bwat-gradient-light);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  color: white;\n}\n\n.bwat-value-card h4 {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n  margin-bottom: 8px;\n}\n\n.bwat-value-card p {\n  font-size: 14px;\n  color: var(--bwat-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* \u6e2c\u9a57\u8cc7\u8a0a\u5361\u7247 *\/\n.bwat-info-card {\n  background: linear-gradient(135deg, rgba(82, 183, 136, 0.08) 0%, rgba(45, 122, 78, 0.08) 100%);\n  border-radius: 12px;\n  padding: 24px;\n  border: 1px solid rgba(45, 122, 78, 0.2);\n}\n\n.bwat-info-title {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n  margin-bottom: 16px;\n}\n\n.bwat-dimension-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.bwat-dimension-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background: white;\n  border-radius: 8px;\n  transition: all 0.3s ease;\n}\n\n.bwat-dimension-item:hover {\n  transform: translateX(5px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.bwat-dimension-badge {\n  width: 32px;\n  height: 32px;\n  background: var(--bwat-gradient);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.bwat-dimension-content {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  text-align: left;\n}\n\n.bwat-dimension-content strong {\n  font-size: 16px;\n  color: var(--bwat-primary);\n}\n\n.bwat-dimension-content span {\n  font-size: 14px;\n  color: var(--bwat-text-light);\n}\n\n\/* \u6e2c\u9a57\u8cc7\u8a0a *\/\n.bwat-test-meta {\n  margin-top: 30px;\n}\n\n.bwat-meta-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.bwat-meta-item i {\n  font-size: 24px;\n  color: var(--bwat-primary);\n}\n\n.bwat-meta-item span {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--bwat-text);\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.bwat-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px 40px;\n  background: var(--bwat-gradient);\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 16px rgba(45, 122, 78, 0.3);\n  min-width: 180px;\n  position: relative;\n  overflow: hidden;\n}\n\n.bwat-btn-primary::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n  transition: left 0.5s ease;\n}\n\n.bwat-btn-primary:hover::before {\n  left: 100%;\n}\n\n.bwat-btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(45, 122, 78, 0.4);\n}\n\n.bwat-btn-start {\n  font-size: 20px;\n  padding: 18px 48px;\n  min-width: 200px;\n}\n\n.bwat-btn-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 24px;\n  background: white;\n  color: var(--bwat-primary);\n  border: 2px solid var(--bwat-primary);\n  border-radius: 50px;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.bwat-btn-secondary:hover {\n  background: var(--bwat-primary);\n  color: white;\n  transform: translateY(-2px);\n}\n\n.bwat-btn-secondary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background: #f5f5f5;\n  color: #999;\n  border-color: #ddd;\n}\n\n.bwat-btn-secondary:disabled:hover {\n  transform: none;\n  background: #f5f5f5;\n  color: #999;\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n.bwat-progress {\n  height: 12px;\n  background: rgba(45, 122, 78, 0.1);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.bwat-progress-bar {\n  background: var(--bwat-gradient);\n  transition: width 0.5s ease;\n  border-radius: 6px;\n  height: 100%;\n}\n\n.bwat-progress-text {\n  text-align: center;\n  font-size: 16px;\n  color: var(--bwat-text-light);\n  font-weight: 500;\n}\n\n.bwat-category {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n  text-align: center;\n  padding: 8px 20px;\n  background: rgba(45, 122, 78, 0.08);\n  border-radius: 25px;\n  display: block;\n  margin: 0 auto;\n  width: fit-content;\n}\n\n.bwat-question {\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--bwat-text);\n  text-align: left;\n  padding: 24px;\n  background: linear-gradient(135deg, rgba(82, 183, 136, 0.05) 0%, rgba(45, 122, 78, 0.05) 100%);\n  border-radius: 12px;\n  border-left: 4px solid var(--bwat-primary);\n}\n\n\/* \u9078\u9805\u5361\u7247 *\/\n.bwat-options-container {\n  display: flex;\n  gap: 20px;\n  justify-content: center;\n  align-items: stretch;\n}\n\n.bwat-option-card {\n  flex: 1;\n  max-width: 200px;\n  background: white;\n  border: 2px solid #e0e0e0;\n  border-radius: 12px;\n  padding: 20px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n  position: relative;\n  overflow: hidden;\n}\n\n.bwat-option-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--bwat-gradient);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.bwat-option-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\n  border-color: var(--bwat-primary);\n}\n\n.bwat-option-card.bwat-selected {\n  border-color: var(--bwat-primary);\n  background: linear-gradient(135deg, rgba(82, 183, 136, 0.1) 0%, rgba(45, 122, 78, 0.1) 100%);\n}\n\n.bwat-option-card.bwat-selected::before {\n  opacity: 0.05;\n}\n\n.bwat-option-indicator {\n  position: relative;\n  width: 28px;\n  height: 28px;\n  flex-shrink: 0;\n}\n\n.bwat-option-indicator i {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 28px;\n  transition: all 0.3s ease;\n}\n\n.bwat-option-indicator .bi-circle {\n  color: #ccc;\n}\n\n.bwat-option-indicator .bi-check-circle-fill {\n  color: var(--bwat-primary);\n  opacity: 0;\n  transform: scale(0);\n}\n\n.bwat-option-card.bwat-selected .bi-circle {\n  opacity: 0;\n  transform: scale(0);\n}\n\n.bwat-option-card.bwat-selected .bi-check-circle-fill {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.bwat-option-content {\n  flex: 1;\n  position: relative;\n  z-index: 1;\n}\n\n.bwat-option-text {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--bwat-text);\n}\n\n.bwat-option-card.bwat-selected .bwat-option-text {\n  color: var(--bwat-primary);\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.bwat-overall-score {\n  text-align: center;\n  padding: 24px;\n  background: var(--bwat-gradient);\n  border-radius: 16px;\n  color: white;\n}\n\n.bwat-score-title {\n  font-size: 20px;\n  margin-bottom: 8px;\n  opacity: 0.9;\n}\n\n.bwat-score-value {\n  font-size: 48px;\n  font-weight: 700;\n  margin-bottom: 8px;\n}\n\n.bwat-score-label {\n  font-size: 18px;\n  opacity: 0.9;\n}\n\n.bwat-chart-wrapper {\n  width: 100%;\n  max-width: 500px;\n  height: 400px;\n  margin: 0 auto;\n  padding: 20px;\n  background: rgba(82, 183, 136, 0.03);\n  border-radius: 16px;\n}\n\n.bwat-result-category {\n  background: white;\n  border-radius: 12px;\n  padding: 24px;\n  margin-bottom: 16px;\n  border: 1px solid rgba(45, 122, 78, 0.2);\n  transition: all 0.3s ease;\n  text-align: left;\n}\n\n.bwat-result-category:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 16px rgba(45, 122, 78, 0.1);\n}\n\n.bwat-category-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(45, 122, 78, 0.1);\n}\n\n.bwat-category-title {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.bwat-category-level {\n  display: inline-block;\n  padding: 4px 12px;\n  background: var(--bwat-gradient);\n  color: white;\n  border-radius: 20px;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.bwat-category-score {\n  font-size: 18px;\n  font-weight: 700;\n  background: var(--bwat-gradient);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.bwat-category-desc {\n  font-size: 16px;\n  line-height: 1.6;\n  color: var(--bwat-text);\n}\n\n.bwat-advice-section {\n  background: linear-gradient(135deg, rgba(116, 198, 157, 0.1) 0%, rgba(82, 183, 136, 0.1) 100%);\n  border-radius: 12px;\n  padding: 24px;\n  border: 1px solid rgba(45, 122, 78, 0.2);\n}\n\n.bwat-advice-title {\n  font-size: 22px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.bwat-advice-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.bwat-advice-item {\n  background: white;\n  padding: 16px;\n  border-radius: 8px;\n  border-left: 3px solid var(--bwat-primary);\n}\n\n.bwat-advice-item h5 {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--bwat-primary);\n  margin-bottom: 8px;\n}\n\n.bwat-advice-item p {\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--bwat-text);\n  margin: 0;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 576px) {\n  .bwat-wrapper {\n    padding: 10px;\n  }\n  \n  .bwat-section {\n    padding: 20px 15px;\n  }\n  \n  .bwat-title {\n    font-size: 28px;\n  }\n  \n  .bwat-subtitle {\n    font-size: 16px;\n  }\n  \n  .bwat-features-row {\n    gap: 15px;\n  }\n  \n  .bwat-feature-icon {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n  \n  .bwat-feature-label {\n    font-size: 12px;\n  }\n  \n  .bwat-value-title {\n    font-size: 24px;\n  }\n  \n  .bwat-question {\n    font-size: 20px;\n    padding: 16px;\n  }\n  \n  .bwat-options-container {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .bwat-option-card {\n    max-width: 100%;\n    width: 100%;\n  }\n  \n  .bwat-chart-wrapper {\n    height: 350px;\n    padding: 10px;\n  }\n  \n  .bwat-score-value {\n    font-size: 36px;\n  }\n}\n\n@media (max-width: 400px) {\n  .bwat-features-row {\n    gap: 10px;\n  }\n  \n  .bwat-feature-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n  \n  .bwat-feature-label {\n    font-size: 11px;\n  }\n}\n<\/style>\n\n<!-- JavaScript -->\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  \/\/ \u78ba\u4fdd DOM \u5b8c\u5168\u8f09\u5165\n  const initBWAT = () => {\n    \/\/ \u9632\u6b62\u91cd\u8907\u521d\u59cb\u5316\n    if (window.BrainWorkingAbilityTestInit) return;\n    window.BrainWorkingAbilityTestInit = true;\n    \n    \/\/ \u6e2c\u9a57\u6578\u64da\n    const testData = {\n      categories: [\n        \"\u2160. \u96c6\u4e2d\u529b\",\n        \"\u2161. \u8f49\u63db\u529b\", \n        \"\u2162. \u9748\u654f\u6027\",\n        \"\u2163. \u8abf\u7bc0\u6027\",\n        \"\u2164. \u7e1d\u5bc6\u6027\"\n      ],\n      questions: [\n        \/\/ \u96c6\u4e2d\u529b (15\u984c)\n        [\n          \"\u807d\u5225\u4eba\u8aaa\u8a71\u6642\uff0c\u5e38\u5e38\u5fc3\u4e0d\u5728\u7109\u3002\",\n          \"\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u6642\uff0c\u5f80\u5f80\u6025\u65bc\u60f3\u5e79\u53e6\u5916\u4e00\u9805\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u3002\",\n          \"\u4e00\u6709\u64d4\u5fc3\u7684\u4e8b\uff0c\u4fbf\u7d42\u65e5\u7e08\u7e5e\u5728\u5fc3\u3002\",\n          \"\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u6642\uff0c\u5e38\u5e38\u60f3\u8d77\u6beb\u4e0d\u76f8\u5e72\u7684\u4e8b\u60c5\u3002\",\n          \"\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u6642\uff0c\u7e3d\u89ba\u5f97\u6642\u9593\u904e\u5f97\u592a\u6162\u3002\",\n          \"\u59cb\u7d42\u96e3\u4ee5\u5fd8\u8a18\u88ab\u5225\u4eba\u6307\u8cac\u6642\u7684\u60c5\u666f\u3002\",\n          \"\u6709\u6642\u5fd9\u9019\u5fd9\u90a3\u4ec0\u9ebc\u90fd\u60f3\u5e79\u4f3c\u7684\u5ea6\u904e\u4e00\u5929\u3002\",\n          \"\u60f3\u5e79\u7684\u4e8b\u60c5\u5f88\u591a\uff0c\u537b\u4e0d\u80fd\u5c08\u5fc3\u65bc\u4e00\u4ef6\u4e8b\u60c5\u3002\",\n          \"\u958b\u9577\u6703\u6642\u5e38\u5e38\u5475\u6b20\u4e0d\u65b7\u3002\",\n          \"\u8aaa\u8a71\u6642\uff0c\u6709\u6642\u6703\u7121\u610f\u8b58\u5730\u8aaa\u8d77\u5176\u4ed6\u7684\u4e8b\u60c5\u3002\",\n          \"\u5728\u7b49\u5f85\u6642\uff0c\u611f\u5230\u6642\u9593\u9577\u5f97\u96e3\u71ac\u3002\",\n          \"\u525b\u770b\u5b8c\u7684\u66f8\uff0c\u6703\u91cd\u65b0\u95b1\u8b80\u597d\u5e7e\u904d\u3002\",\n          \"\u8b80\u66f8\u4e0d\u80fd\u6301\u7e8c\u5169\u5c0f\u6642\u4ee5\u4e0a\u3002\",\n          \"\u4e00\u4ef6\u4e8b\u505a\u7684\u6642\u9593\u592a\u9577\u5f8c\uff0c\u5c31\u6703\u6025\u8e81\u5730\u5e0c\u671b\u65e9\u9ede\u7d50\u675f\u3002\",\n          \"\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u6642\uff0c\u5c0d\u5468\u570d\u4eba\u7684\u8aaa\u8a71\u8072\u807d\u5f97\u5f88\u6e05\u695a\u3002\"\n        ],\n        \/\/ \u8f49\u63db\u529b (15\u984c)\n        [\n          \"\u767c\u751f\u4e0d\u6109\u5feb\u7684\u4e8b\u60c5\u5f8c\u4e0d\u6613\u5fd8\u537b\u3002\",\n          \"\u4e00\u6709\u9ebb\u7169\u96e3\u8fa6\u7684\u4e8b\u60c5\uff0c\u7e3d\u662f\u8a18\u639b\u5728\u5fc3\u3002\",\n          \"\u5e38\u5e38\u95b1\u8b80\u76f8\u540c\u6027\u8cea\u7684\u66f8\u3002\",\n          \"\u8981\u662f\u6539\u63db\u5404\u7a2e\u4e0d\u540c\u7684\u670d\u88dd\uff0c\u6703\u6e3e\u8eab\u4e0d\u81ea\u5728\u3002\",\n          \"\u4ea4\u5f80\u7684\u670b\u53cb\u5927\u591a\u662f\u5fd7\u8da3\u3001\u60f3\u6cd5\u4e00\u81f4\u7684\u4eba\u3002\",\n          \"\u4e0d\u4e3b\u52d5\u7a4d\u6975\u5730\u53c3\u52a0\u6703\u8b70\u548c\u6587\u5a1b\u6d3b\u52d5\u3002\",\n          \"\u5f80\u5f80\u57f7\u8457\u65bc\u7463\u788e\u5c0f\u4e8b\u3002\",\n          \"\u6309\u81ea\u5df1\u7684\u6027\u683c\u4e0d\u9069\u5b9c\u505a\u63a5\u9023\u4e0d\u65b7\u7684\u5de5\u4f5c\u3002\",\n          \"\u7d93\u5e38\u6ce8\u610f\u4ed6\u4eba\u7684\u8a00\u884c\u8209\u6b62\u3002\",\n          \"\u559c\u6b61\u628a\u8a31\u591a\u7684\u4e8b\u60c5\u96c6\u4e2d\u8d77\u4f86\u8655\u7406\u3002\",\n          \"\u8207\u6bd4\u81ea\u5df1\u5e74\u8f15\u7684\u4eba\u5171\u540c\u8a9e\u8a00\u8f03\u5c11\u3002\",\n          \"\u8207\u6027\u683c\u4e0d\u540c\u7684\u4eba\u4e0d\u5927\u8aaa\u8a71\u3002\",\n          \"\u4e0d\u559c\u6b61\u53d7\u6642\u9593\u8868\u7684\u7d04\u675f\u3002\",\n          \"\u904e\u53bb\u548c\u73fe\u5728\u90fd\u4e0d\u5927\u6539\u8b8a\u81ea\u5df1\u7684\u8208\u8da3\u548c\u611b\u597d\u3002\",\n          \"\u5c0d\u983b\u7e41\u8abf\u63db\u5404\u7a2e\u4ea4\u901a\u5de5\u5177\u611f\u5230\u75b2\u5026\u3002\"\n        ],\n        \/\/ \u9748\u654f\u6027 (15\u984c)\n        [\n          \"\u559c\u6b61\u5c08\u5fc3\u65bc\u4e00\u9805\u5de5\u4f5c\u3002\",\n          \"\u57fa\u672c\u4e0a\u8207\u540c\u4e00\u500b\u670b\u53cb\u4ea4\u5f80\u3002\",\n          \"\u4e0d\u559c\u6b61\u64f4\u5927\u5de5\u4f5c\u548c\u611b\u597d\u7684\u7bc4\u570d\u3002\",\n          \"\u5c0d\u4e2d\u9014\u6539\u8b8a\u8a08\u756b\u7684\u4e8b\u60c5\u5f88\u60f1\u706b\u3002\",\n          \"\u5e38\u88ab\u4eba\u8aaa\u662f\u500b\u982d\u8166\u56fa\u57f7\u7684\u4eba\u3002\",\n          \"\u4e0d\u559c\u6b61\u8207\u601d\u8003\u65b9\u6cd5\u3001\u751f\u6d3b\u65b9\u5f0f\u4e0d\u540c\u7684\u4eba\u4e00\u8d77\u7814\u7a76\u5de5\u4f5c\u3002\",\n          \"\u4e0d\u5927\u9858\u610f\u63a5\u53d7\u8207\u81ea\u5df1\u4e0d\u540c\u7684\u610f\u898b\u3002\",\n          \"\u4e0d\u5927\u559c\u6b61\u6539\u8b8a\u751f\u6d3b\u74b0\u5883\u3002\",\n          \"\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u4e0d\u6309\u90e8\u5c31\u73ed\u5730\u9032\u884c\u5c31\u611f\u5230\u4e0d\u9069\u61c9\u3002\",\n          \"\u5c0d\u65b0\u9818\u5c0e\u4e0d\u80fd\u5f88\u5feb\u719f\u6089\u3002\",\n          \"\u88ab\u5429\u5490\u505a\u4e0d\u60f3\u505a\u7684\u4e8b\u60c5\u6703\u675f\u624b\u7121\u7b56\u3002\",\n          \"\u4e0d\u592a\u559c\u6b61\u6258\u4eba\u8fa6\u4e8b\u3002\",\n          \"\u4e0d\u592a\u559c\u6b61\u800d\u5c0f\u8070\u660e\u3002\",\n          \"\u5c0d\u7a81\u767c\u4e8b\u4ef6\u4e0d\u80fd\u99ac\u4e0a\u9069\u61c9\u3002\",\n          \"\u4e0d\u559c\u6b61\u540c\u6642\u505a\u4e0d\u540c\u7684\u4e8b\u60c5\u3002\"\n        ],\n        \/\/ \u8abf\u7bc0\u6027 (15\u984c)\n        [\n          \"\u80fd\u5f88\u5feb\u5165\u7761\u3002\",\n          \"\u8457\u91cd\u8a18\u4f4f\u8981\u7dca\u7684\u4e8b\uff0c\u5584\u65bc\u5fd8\u8a18\u4e0d\u91cd\u8981\u7684\u4e8b\u60c5\u3002\",\n          \"\u5e38\u5e38\u5c0d\u81ea\u5df1\u7684\u60f3\u6cd5\u76f4\u8a00\u4e0d\u8af1\u3002\",\n          \"\u5c0d\u67d0\u4e8b\u767c\u751f\u8208\u8da3\u5f8c\uff0c\u5f80\u5f80\u5f9e\u7406\u8ad6\u4e0a\u63a2\u8a0e\u5176\u539f\u56e0\u3002\",\n          \"\u8207\u4eba\u4ea4\u5f80\u6642\u66a2\u6240\u6b32\u8a00\u3002\",\n          \"\u7d93\u5e38\u81ea\u5df1\u627e\u6a02\uff0c\u6fc0\u767c\u751f\u6d3b\u60c5\u8da3\u3002\",\n          \"\u6bd4\u4e00\u822c\u4eba\u6703\u73a9\u3002\",\n          \"\u4e00\u807d\u5230\u97f3\u6a02\u4fbf\u8208\u81f4\u52c3\u52c3\u3002\",\n          \"\u65e9\u6668\u8d77\u4f86\u7cbe\u795e\u7e3d\u662f\u5f88\u597d\u3002\",\n          \"\u7d93\u5e38\u505a\u4e00\u4e9b\u81ea\u5df1\u6240\u611b\u597d\u7684\u4e8b\u60c5\u548c\u9ad4\u80b2\u6d3b\u52d5\u3002\",\n          \"\u767c\u751f\u4ee4\u4eba\u982d\u75db\u7684\u4e8b\u60c5\u4e5f\u4e0d\u600e\u9ebc\u7169\u60f1\u3002\",\n          \"\u559c\u611b\u5531\u6b4c\u8df3\u821e\u3002\",\n          \"\u59a5\u5584\u89e3\u6c7a\u554f\u984c\u5f8c\u5f80\u5f80\u6709\u89e3\u812b\u611f\u3002\",\n          \"\u5f9e\u4e0d\u80f8\u75db\u548c\u80c3\u75db\u3002\",\n          \"\u56e0\u70ba\u5bb9\u6613\u907a\u5fd8\u5c0f\u4e8b\uff0c\u990a\u6210\u7acb\u5373\u8a18\u7b46\u8a18\u7684\u7fd2\u6163\u3002\"\n        ],\n        \/\/ \u7e1d\u5bc6\u6027 (15\u984c)\n        [\n          \"\u7d93\u5e38\u8a13\u7df4\u8a18\u61b6\u800c\u4e0d\u4f9d\u8cf4\u65bc\u8a18\u9304\u3002\",\n          \"\u7761\u9192\u5f8c\u611f\u89ba\u5f97\u5230\u4e86\u5145\u5206\u4f11\u606f\u3002\",\n          \"\u4e0d\u904e\u91cf\u98f2\u9152\u3002\",\n          \"\u4fdd\u6301\u7cbe\u529b\u5145\u6c9b\uff0c\u7cbe\u795e\u98fd\u6eff\u3002\",\n          \"\u4e0d\u5438\u7159\u3002\",\n          \"\u4e0d\u901a\u5bb5\u71ac\u591c\u6216\u8166\u529b\u9ad4\u529b\u900f\u652f\u3002\",\n          \"\u7d93\u5e38\u5403\u8c46\u985e\u679c\u5be6\u985e\u98df\u7269\u3002\",\n          \"\u7d93\u5e38\u7e3d\u7d50\u4e26\u601d\u8003\u554f\u984c\u3002\",\n          \"\u7121\u8ad6\u4f55\u6642\u4f55\u5730\u90fd\u80fd\u505a\u5230\u5145\u5206\u5730\u9b06\u5f1b\u3002\",\n          \"\u547c\u5438\u65e2\u6df1\u53c8\u9577\u3002\",\n          \"\u6bcf\u5929\u5e36\u8457\u660e\u78ba\u76ee\u6a19\u6709\u8a08\u5283\u5730\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u3002\",\n          \"\u5e73\u6642\u591a\u5403\u6c34\u679c\u852c\u83dc\uff0c\u5c11\u5403\u9ad8\u7cd6\u9ad8\u8102\u98df\u7269\u3002\",\n          \"\u601d\u7dad\u6e05\u6670\u8a00\u884c\u679c\u65b7\uff0c\u4e0d\u542b\u7cca\u66d6\u6627\u3002\",\n          \"\u6bcf\u5929\u9032\u884c\u5168\u8eab\u904b\u52d5\u3002\",\n          \"\u7d93\u5e38\u7cbe\u795e\u6109\u5feb\u5730\u5de5\u4f5c\uff08\u5b78\u7fd2\uff09\u3002\"\n        ]\n      ],\n      scoringRules: [\n        { category: \"\u96c6\u4e2d\u529b\", reverse: true, thresholds: [8, 11] },\n        { category: \"\u8f49\u63db\u529b\", reverse: true, thresholds: [7, 9] },\n        { category: \"\u9748\u654f\u6027\", reverse: true, thresholds: [7, 9] },\n        { category: \"\u8abf\u7bc0\u6027\", reverse: false, thresholds: [8, 11] },\n        { category: \"\u7e1d\u5bc6\u6027\", reverse: false, thresholds: [9, 11] }\n      ],\n      analysis: [\n        {\n          high: \"\u60a8\u7684\u96c6\u4e2d\u529b\u975e\u5e38\u51fa\u8272\u3002\u5b8c\u6210\u5de5\u4f5c\u7684\u6210\u529f\u7387\u5f88\u9ad8\uff0c\u4f46\u9748\u6d3b\u6027\u53ef\u80fd\u4e0d\u8db3\uff0c\u6709\u6642\u6703\u7f3a\u4e4f\u5c0d\u74b0\u5883\u7684\u9069\u61c9\u6027\u3002\u5efa\u8b70\u5728\u5168\u795e\u8cab\u6ce8\u6642\u4e5f\u8981\u9069\u5ea6\u95dc\u6ce8\u5468\u570d\u74b0\u5883\u7684\u8b8a\u5316\u3002\",\n          mid: \"\u60a8\u7684\u96c6\u4e2d\u529b\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u65e2\u80fd\u5c08\u6ce8\u8655\u7406\u4e8b\u52d9\uff0c\u4e5f\u80fd\u95dc\u6ce8\u74b0\u5883\u8b8a\u5316\uff0c\u9069\u61c9\u6027\u8207\u5c08\u6ce8\u5ea6\u53d6\u5f97\u4e86\u826f\u597d\u7684\u5e73\u8861\u3002\",\n          low: \"\u60a8\u7684\u96c6\u4e2d\u529b\u6709\u5f85\u63d0\u5347\u3002\u96d6\u7136\u4e0d\u6613\u9577\u6642\u9593\u6df1\u5165\u505a\u4e00\u4ef6\u4e8b\uff0c\u4f46\u60a8\u5177\u6709\u51fa\u8272\u7684\u8cc7\u8a0a\u63a5\u6536\u80fd\u529b\u548c\u74b0\u5883\u9069\u61c9\u529b\uff0c\u5c0d\u5916\u754c\u523a\u6fc0\u611f\u53d7\u654f\u92b3\uff0c\u601d\u7dad\u9748\u6d3b\u3002\u5efa\u8b70\u5728\u63d0\u5347\u96c6\u4e2d\u529b\u7684\u540c\u6642\u4fdd\u6301\u9019\u4e9b\u512a\u52e2\u3002\"\n        },\n        {\n          high: \"\u60a8\u7684\u8f49\u63db\u529b\u975e\u5e38\u51fa\u8272\u3002\u5584\u65bc\u9748\u6d3b\u61c9\u8b8a\uff0c\u601d\u8def\u8f49\u63db\u8fc5\u901f\uff0c\u80fd\u5168\u65b9\u4f4d\u591a\u89d2\u5ea6\u5206\u6790\u554f\u984c\uff0c\u5177\u5099\u540c\u6642\u8655\u7406\u591a\u9805\u4efb\u52d9\u7684\u5ee3\u6cdb\u9069\u61c9\u6027\u3002\",\n          mid: \"\u60a8\u7684\u8f49\u63db\u529b\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u65e2\u80fd\u61c9\u5c0d\u8b8a\u5316\uff0c\u4e5f\u80fd\u4fdd\u6301\u5c08\u6ce8\u548c\u6301\u4e45\u6027\uff0c\u5728\u8b8a\u901a\u8207\u5805\u6301\u4e4b\u9593\u9054\u5230\u5e73\u8861\u3002\",\n          low: \"\u60a8\u7684\u8f49\u63db\u529b\u6709\u63d0\u5347\u7a7a\u9593\u3002\u60a8\u6027\u683c\u5805\u97cc\uff0c\u6709\u8010\u5fc3\u548c\u8cac\u4efb\u611f\uff0c\u80fd\u5c07\u627f\u64d4\u7684\u5de5\u4f5c\u505a\u5230\u6700\u5f8c\u3002\u91cd\u8996\u898f\u5247\u4f46\u7f3a\u4e4f\u9748\u6d3b\u6027\uff0c\u80fd\u8207\u4eba\u4fdd\u6301\u9577\u4e45\u53cb\u8abc\u3002\"\n        },\n        {\n          high: \"\u60a8\u7684\u9748\u654f\u6027\u975e\u5e38\u51fa\u8272\u3002\u53cd\u61c9\u654f\u92b3\uff0c\u884c\u52d5\u8fc5\u901f\uff0c\u6c7a\u65b7\u529b\u5f37\u3002\u9700\u6ce8\u610f\u8208\u8da3\u53ef\u80fd\u6613\u8b8a\uff0c\u6709\u6642\u7f3a\u4e4f\u6301\u7e8c\u5c08\u6ce8\u529b\u3002\",\n          mid: \"\u60a8\u7684\u9748\u654f\u6027\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u65e2\u6709\u9069\u5ea6\u5f48\u6027\u61c9\u5c0d\u65b0\u60c5\u6cc1\uff0c\u53c8\u80fd\u4fdd\u6301\u7a69\u5b9a\u6027\u548c\u9023\u7e8c\u6027\uff0c\u5728\u9748\u6d3b\u8207\u57f7\u8457\u9593\u9054\u5230\u5e73\u8861\u3002\",\n          low: \"\u60a8\u7684\u9748\u654f\u6027\u6709\u5f85\u52a0\u5f37\u3002\u60a8\u8cac\u4efb\u611f\u6975\u5f37\uff0c\u97cc\u6027\u5341\u8db3\uff0c\u80fd\u8a8d\u771f\u8e0f\u5be6\u5b8c\u6210\u65e2\u5b9a\u4efb\u52d9\u3002\u6027\u683c\u803f\u76f4\uff0c\u6709\u6642\u53ef\u80fd\u8f03\u96e3\u8b8a\u901a\u3002\"\n        },\n        {\n          high: \"\u60a8\u7684\u8abf\u7bc0\u6027\u975e\u5e38\u51fa\u8272\u3002\u5927\u8166\u6d3b\u52d5\u5f35\u5f1b\u6709\u5ea6\uff0c\u53cd\u61c9\u8fc5\u901f\u9069\u5b9c\uff0c\u5224\u65b7\u529b\u654f\u92b3\uff0c\u9069\u61c9\u6027\u5f37\uff0c\u5373\u4f7f\u9762\u5c0d\u632b\u6298\u4e5f\u80fd\u8fc5\u901f\u8abf\u6574\u60c5\u7dd2\uff0c\u9069\u5408\u5f9e\u4e8b\u958b\u5275\u6027\u5de5\u4f5c\u3002\",\n          mid: \"\u60a8\u7684\u8abf\u7bc0\u6027\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u80fd\u9069\u5ea6\u8abf\u6574\u81ea\u5df1\u9069\u61c9\u74b0\u5883\uff0c\u540c\u6642\u4e0d\u8f15\u6613\u653e\u68c4\u539f\u5247\u7acb\u5834\uff0c\u5728\u9069\u61c9\u8207\u5805\u6301\u9593\u627e\u5230\u5e73\u8861\u3002\",\n          low: \"\u60a8\u7684\u8abf\u7bc0\u6027\u6709\u63d0\u5347\u6f5b\u529b\u3002\u53ef\u80fd\u6027\u683c\u8f03\u5167\u5411\uff0c\u8ffd\u6c42\u5b8c\u7f8e\uff0c\u8cac\u4efb\u5fc3\u5f37\u3002\u5efa\u8b70\u57f9\u990a\u751f\u6d3b\u60c5\u8da3\uff0c\u5b78\u6703\u9069\u5ea6\u653e\u9b06\u3002\"\n        },\n        {\n          high: \"\u60a8\u7684\u7e1d\u5bc6\u6027\u975e\u5e38\u51fa\u8272\u3002\u8b39\u614e\u7d30\u5fc3\uff0c\u60c5\u7dd2\u7a69\u5b9a\uff0c\u751f\u6d3b\u898f\u5f8b\uff0c\u5de5\u4f5c\u6709\u8a08\u5283\uff0c\u61c2\u5f97\u52de\u9038\u7d50\u5408\uff0c\u80fd\u9ad8\u6548\u5b8c\u6210\u8d85\u51fa\u9810\u671f\u7684\u5de5\u4f5c\u91cf\u3002\",\n          mid: \"\u60a8\u7684\u7e1d\u5bc6\u6027\u8655\u65bc\u4e2d\u7b49\u6c34\u5e73\uff0c\u5728\u8a08\u5283\u8207\u9748\u6d3b\u9593\u53d6\u5f97\u5e73\u8861\uff0c\u6709\u689d\u7406\u6027\u4f46\u4e0d\u904e\u65bc\u50f5\u5316\uff0c\u91cd\u8996\u7d30\u7bc0\u53c8\u4e0d\u904e\u5ea6\u57f7\u8457\u3002\",\n          low: \"\u60a8\u7684\u7e1d\u5bc6\u6027\u6709\u767c\u5c55\u7a7a\u9593\u3002\u6027\u683c\u81ea\u7531\u96a8\u548c\uff0c\u4e0d\u62d8\u5c0f\u7bc0\uff0c\u9069\u61c9\u74b0\u5883\u80fd\u529b\u5f37\u3002\u5efa\u8b70\u589e\u5f37\u8a08\u5283\u6027\uff0c\u57f9\u990a\u826f\u597d\u7684\u751f\u6d3b\u7fd2\u6163\u3002\"\n        }\n      ]\n    };\n    \n    \/\/ \u6e2c\u8a66\u72c0\u614b\n    let testState = {\n      currentCategory: 0,\n      currentQuestion: 0,\n      history: [],\n      answers: [[], [], [], [], []],\n      scores: [0, 0, 0, 0, 0],\n      selectedOption: null\n    };\n    \n    \/\/ DOM \u5143\u7d20\n    const elements = {\n      introSection: document.getElementById('bwat-intro'),\n      testSection: document.getElementById('bwat-test'),\n      resultSection: document.getElementById('bwat-result'),\n      startBtn: document.getElementById('bwat-start-btn'),\n      restartBtn: document.getElementById('bwat-restart-btn'),\n      prevBtn: document.getElementById('bwat-prev-btn'),\n      categoryEl: document.getElementById('bwat-category'),\n      questionEl: document.getElementById('bwat-question'),\n      progressFill: document.getElementById('bwat-progress-fill'),\n      progressText: document.getElementById('bwat-progress-text'),\n      optionCards: document.querySelectorAll('.bwat-option-card'),\n      chartCanvas: document.getElementById('bwat-radar-chart'),\n      resultDetails: document.getElementById('bwat-result-details'),\n      overallScore: document.getElementById('bwat-overall-score'),\n      personalizedAdvice: document.getElementById('bwat-personalized-advice')\n    };\n    \n    let radarChart = null;\n    \n    \/\/ \u5e73\u6ed1\u6efe\u52d5\n    const smoothScroll = (element) => {\n      const headerOffset = 60;\n      const elementPosition = element.getBoundingClientRect().top;\n      const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n      \n      window.scrollTo({\n        top: offsetPosition,\n        behavior: 'smooth'\n      });\n    };\n    \n    \/\/ \u986f\u793a\u554f\u984c\n    const showQuestion = () => {\n      const cat = testState.currentCategory;\n      const q = testState.currentQuestion;\n      \n      elements.categoryEl.textContent = testData.categories[cat];\n      elements.questionEl.textContent = testData.questions[cat][q];\n      \n      const totalQ = 75;\n      const currentQ = cat * 15 + q;\n      const progress = ((currentQ \/ totalQ) * 100).toFixed(0);\n      \n      elements.progressFill.style.width = `${progress}%`;\n      elements.progressText.textContent = `\u554f\u984c ${currentQ + 1}\/${totalQ}`;\n      \n      elements.prevBtn.disabled = testState.history.length === 0;\n      \n      \/\/ \u91cd\u7f6e\u9078\u9805\u72c0\u614b\n      elements.optionCards.forEach(card => {\n        card.classList.remove('bwat-selected');\n      });\n      \n      testState.selectedOption = null;\n    };\n    \n    \/\/ \u63d0\u4ea4\u7b54\u6848\n    const submitAnswer = (answer) => {\n      const cat = testState.currentCategory;\n      const q = testState.currentQuestion;\n      \n      testState.history.push({ category: cat, question: q, answer });\n      testState.answers[cat][q] = answer;\n      \n      const rule = testData.scoringRules[cat];\n      if ((rule.reverse && !answer) || (!rule.reverse && answer)) {\n        testState.scores[cat]++;\n      }\n      \n      \/\/ \u5ef6\u9072\u5207\u63db\u5230\u4e0b\u4e00\u984c\uff0c\u8b93\u7528\u6236\u770b\u5230\u9078\u4e2d\u6548\u679c\n      setTimeout(() => {\n        nextQuestion();\n      }, 300);\n    };\n    \n    \/\/ \u4e0b\u4e00\u984c\n    const nextQuestion = () => {\n      testState.currentQuestion++;\n      \n      if (testState.currentQuestion >= 15) {\n        testState.currentCategory++;\n        testState.currentQuestion = 0;\n        \n        if (testState.currentCategory >= 5) {\n          showResults();\n          return;\n        }\n      }\n      \n      showQuestion();\n    };\n    \n    \/\/ \u4e0a\u4e00\u984c\n    const prevQuestion = () => {\n      if (testState.history.length === 0) return;\n      \n      const prev = testState.history.pop();\n      const rule = testData.scoringRules[prev.category];\n      \n      if ((rule.reverse && !prev.answer) || (!rule.reverse && prev.answer)) {\n        testState.scores[prev.category]--;\n      }\n      \n      testState.currentCategory = prev.category;\n      testState.currentQuestion = prev.question;\n      \n      showQuestion();\n    };\n    \n    \/\/ \u8a08\u7b97\u7e3d\u9ad4\u5f97\u5206\n    const calculateOverallScore = () => {\n      const totalScore = testState.scores.reduce((sum, score) => sum + score, 0);\n      const maxScore = 75;\n      return Math.round((totalScore \/ maxScore) * 100);\n    };\n    \n    \/\/ \u751f\u6210\u500b\u6027\u5316\u5efa\u8b70\n    const generatePersonalizedAdvice = () => {\n      const advice = [];\n      \n      testData.scoringRules.forEach((rule, i) => {\n        const score = testState.scores[i];\n        const [t1, t2] = rule.thresholds;\n        let level;\n        \n        \/\/ \u4fee\u6b63\uff1a\u6240\u6709\u7dad\u5ea6\u90fd\u662f\u5f97\u5206\u8d8a\u9ad8\u80fd\u529b\u8d8a\u9ad8\n        if (score >= t2) level = 'high';\n        else if (score <= t1) level = 'low';\n        else level = 'mid';\n        \n        \/\/ \u6839\u64da\u4e0d\u540c\u7dad\u5ea6\u548c\u6c34\u5e73\u7d66\u51fa\u5efa\u8b70\n        if (level === 'low') {\n          switch(i) {\n            case 0: \/\/ \u96c6\u4e2d\u529b\n              advice.push({\n                title: '\u63d0\u5347\u96c6\u4e2d\u529b',\n                content: '\u5617\u8a66\u756a\u8304\u5de5\u4f5c\u6cd5\uff0c\u6bcf25\u5206\u9418\u5c08\u6ce8\u5de5\u4f5c\u5f8c\u4f11\u606f5\u5206\u9418\u3002\u5275\u9020\u7121\u5e72\u64fe\u74b0\u5883\uff0c\u95dc\u9589\u624b\u6a5f\u901a\u77e5\uff0c\u4f7f\u7528\u767d\u566a\u97f3\u5e6b\u52a9\u96c6\u4e2d\u3002'\n              });\n              break;\n            case 1: \/\/ \u8f49\u63db\u529b\n              advice.push({\n                title: '\u589e\u5f37\u9748\u6d3b\u6027',\n                content: '\u7df4\u7fd2\u591a\u4efb\u52d9\u5207\u63db\uff0c\u5617\u8a66\u65b0\u7684\u5de5\u4f5c\u65b9\u6cd5\u3002\u63a5\u89f8\u4e0d\u540c\u9818\u57df\u7684\u77e5\u8b58\uff0c\u57f9\u990a\u591a\u5143\u601d\u7dad\u6a21\u5f0f\u3002'\n              });\n              break;\n            case 2: \/\/ \u9748\u654f\u6027\n              advice.push({\n                title: '\u63d0\u9ad8\u53cd\u61c9\u901f\u5ea6',\n                content: '\u53c3\u8207\u9700\u8981\u5feb\u901f\u6c7a\u7b56\u7684\u6d3b\u52d5\uff0c\u5982\u684c\u904a\u6216\u9ad4\u80b2\u904b\u52d5\u3002\u7df4\u7fd2\u5728\u6709\u9650\u6642\u9593\u5167\u505a\u6c7a\u5b9a\uff0c\u57f9\u990a\u76f4\u89ba\u5224\u65b7\u529b\u3002'\n              });\n              break;\n            case 3: \/\/ \u8abf\u7bc0\u6027\n              advice.push({\n                title: '\u6539\u5584\u60c5\u7dd2\u8abf\u7bc0',\n                content: '\u5b78\u7fd2\u6b63\u5ff5\u51a5\u60f3\uff0c\u6bcf\u5929\u7df4\u7fd2\u6df1\u547c\u5438\u3002\u57f9\u990a\u8208\u8da3\u611b\u597d\uff0c\u5efa\u7acb\u898f\u5f8b\u7684\u904b\u52d5\u7fd2\u6163\uff0c\u4fdd\u6301\u7a4d\u6975\u5fc3\u614b\u3002'\n              });\n              break;\n            case 4: \/\/ \u7e1d\u5bc6\u6027\n              advice.push({\n                title: '\u5f37\u5316\u8a08\u5283\u80fd\u529b',\n                content: '\u4f7f\u7528\u5f85\u8fa6\u4e8b\u9805\u6e05\u55ae\u548c\u65e5\u7a0b\u8868\u3002\u990a\u6210\u6bcf\u65e5\u56de\u9867\u548c\u8a08\u5283\u7684\u7fd2\u6163\uff0c\u5c07\u5927\u76ee\u6a19\u5206\u89e3\u70ba\u5c0f\u6b65\u9a5f\u3002'\n              });\n              break;\n          }\n        }\n      });\n      \n      \/\/ \u5982\u679c\u6c92\u6709\u660e\u986f\u5f31\u9805\uff0c\u7d66\u51fa\u7d9c\u5408\u5efa\u8b70\n      if (advice.length === 0) {\n        advice.push({\n          title: '\u6301\u7e8c\u512a\u5316',\n          content: '\u60a8\u7684\u5404\u9805\u80fd\u529b\u90fd\u8868\u73fe\u826f\u597d\uff01\u5efa\u8b70\u4fdd\u6301\u73fe\u6709\u7fd2\u6163\uff0c\u4e26\u5617\u8a66\u8de8\u9818\u57df\u5b78\u7fd2\u4f86\u9032\u4e00\u6b65\u63d0\u5347\u8a8d\u77e5\u80fd\u529b\u3002'\n        });\n      }\n      \n      return advice;\n    };\n    \n    \/\/ \u986f\u793a\u7d50\u679c\n    const showResults = () => {\n      elements.testSection.style.display = 'none';\n      elements.resultSection.style.display = 'block';\n      \n      \/\/ \u986f\u793a\u7e3d\u9ad4\u5f97\u5206\n      const overallScore = calculateOverallScore();\n      let scoreLabel = '';\n      if (overallScore >= 80) scoreLabel = '\u512a\u79c0';\n      else if (overallScore >= 60) scoreLabel = '\u826f\u597d';\n      else if (overallScore >= 40) scoreLabel = '\u4e2d\u7b49';\n      else scoreLabel = '\u6709\u5f85\u63d0\u5347';\n      \n      elements.overallScore.innerHTML = `\n        <div class=\"bwat-score-title\">\u7d9c\u5408\u8a55\u5206<\/div>\n        <div class=\"bwat-score-value\">${overallScore}%<\/div>\n        <div class=\"bwat-score-label\">${scoreLabel}<\/div>\n      `;\n      \n      createRadarChart();\n      showAnalysis();\n      \n      \/\/ \u986f\u793a\u500b\u6027\u5316\u5efa\u8b70\n      const advice = generatePersonalizedAdvice();\n      let adviceHtml = '<h4 class=\"bwat-advice-title\">\u500b\u6027\u5316\u63d0\u5347\u5efa\u8b70<\/h4><div class=\"bwat-advice-content\">';\n      \n      advice.forEach(item => {\n        adviceHtml += `\n          <div class=\"bwat-advice-item\">\n            <h5><i class=\"bi bi-lightbulb me-2\"><\/i>${item.title}<\/h5>\n            <p>${item.content}<\/p>\n          <\/div>\n        `;\n      });\n      \n      adviceHtml += '<\/div>';\n      elements.personalizedAdvice.innerHTML = adviceHtml;\n      \n      smoothScroll(elements.resultSection);\n    };\n    \n    \/\/ \u5275\u5efa\u96f7\u9054\u5716\n    const createRadarChart = () => {\n      const ctx = elements.chartCanvas.getContext('2d');\n      const scores = testState.scores.map(s => Math.round((s \/ 15) * 100));\n      \n      if (radarChart) radarChart.destroy();\n      \n      radarChart = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: ['\u96c6\u4e2d\u529b', '\u8f49\u63db\u529b', '\u9748\u654f\u6027', '\u8abf\u7bc0\u6027', '\u7e1d\u5bc6\u6027'],\n          datasets: [{\n            label: '\u80fd\u529b\u6c34\u5e73',\n            data: scores,\n            backgroundColor: 'rgba(82, 183, 136, 0.2)',\n            borderColor: 'rgba(45, 122, 78, 1)',\n            pointBackgroundColor: 'rgba(45, 122, 78, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(45, 122, 78, 1)',\n            borderWidth: 3,\n            pointRadius: 6,\n            pointHoverRadius: 8\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: {\n                stepSize: 20,\n                callback: (value) => `${value}%`,\n                font: {\n                  size: 14\n                }\n              },\n              pointLabels: {\n                font: {\n                  size: 18,\n                  weight: 'bold'\n                },\n                color: '#2d7a4e'\n              },\n              grid: {\n                color: 'rgba(45, 122, 78, 0.1)'\n              }\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              backgroundColor: 'rgba(45, 122, 78, 0.9)',\n              titleFont: {\n                size: 16\n              },\n              bodyFont: {\n                size: 14\n              },\n              callbacks: {\n                label: (context) => {\n                  const index = context.dataIndex;\n                  const score = testState.scores[index];\n                  const percent = Math.round((score \/ 15) * 100);\n                  return `${testData.categories[index].split('. ')[1]}: ${score}\/15 (${percent}%)`;\n                }\n              }\n            }\n          }\n        }\n      });\n    };\n    \n    \/\/ \u986f\u793a\u5206\u6790\n    const showAnalysis = () => {\n      let html = '';\n      \n      testData.scoringRules.forEach((rule, i) => {\n        const score = testState.scores[i];\n        const analysis = testData.analysis[i];\n        const [t1, t2] = rule.thresholds;\n        \n        let level, text;\n        \/\/ \u4fee\u6b63\uff1a\u6240\u6709\u7dad\u5ea6\u90fd\u662f\u5f97\u5206\u8d8a\u9ad8\u80fd\u529b\u8d8a\u9ad8\n        if (score >= t2) { level = '\u9ad8'; text = analysis.high; }\n        else if (score <= t1) { level = '\u4f4e'; text = analysis.low; }\n        else { level = '\u4e2d'; text = analysis.mid; }\n        \n        const percent = Math.round((score \/ 15) * 100);\n        \n        html += `\n          <div class=\"bwat-result-category\">\n            <div class=\"bwat-category-header\">\n              <div class=\"bwat-category-title\">\n                ${rule.category}\n                <span class=\"bwat-category-level\">${level}<\/span>\n              <\/div>\n              <div class=\"bwat-category-score\">${score}\/15 (${percent}%)<\/div>\n            <\/div>\n            <div class=\"bwat-category-desc\">${text}<\/div>\n          <\/div>\n        `;\n      });\n      \n      elements.resultDetails.innerHTML = html;\n    };\n    \n    \/\/ \u91cd\u7f6e\u6e2c\u8a66 - \u8fd4\u56de\u5f15\u5c0e\u9801\n    const resetTest = () => {\n      testState = {\n        currentCategory: 0,\n        currentQuestion: 0,\n        history: [],\n        answers: [[], [], [], [], []],\n        scores: [0, 0, 0, 0, 0],\n        selectedOption: null\n      };\n      \n      elements.resultSection.style.display = 'none';\n      elements.introSection.style.display = 'block';\n      smoothScroll(elements.introSection);\n    };\n    \n    \/\/ \u958b\u59cb\u6e2c\u8a66\n    const startTest = () => {\n      elements.introSection.style.display = 'none';\n      elements.testSection.style.display = 'block';\n      showQuestion();\n      smoothScroll(elements.testSection);\n    };\n    \n    \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n    elements.startBtn.addEventListener('click', startTest);\n    elements.restartBtn.addEventListener('click', resetTest);\n    elements.prevBtn.addEventListener('click', prevQuestion);\n    \n    \/\/ \u9078\u9805\u5361\u7247\u9ede\u64ca\u4e8b\u4ef6\n    elements.optionCards.forEach(card => {\n      card.addEventListener('click', function() {\n        \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u4e2d\u72c0\u614b\n        elements.optionCards.forEach(c => c.classList.remove('bwat-selected'));\n        \n        \/\/ \u6dfb\u52a0\u9078\u4e2d\u72c0\u614b\n        this.classList.add('bwat-selected');\n        \n        const answer = this.dataset.value === 'true';\n        testState.selectedOption = answer;\n        \n        \/\/ \u81ea\u52d5\u63d0\u4ea4\u7b54\u6848\n        submitAnswer(answer);\n      });\n    });\n    \n    \/\/ \u521d\u59cb\u5316\n    showQuestion();\n  };\n  \n  \/\/ \u78ba\u4fdd DOM \u8f09\u5165\u5b8c\u6210\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initBWAT);\n  } else {\n    initBWAT();\n  }\n})();\n<\/script>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u4e0b\u9762\u8fd9\u4e2a\u6d4b\u8bd5\u5c06\u4f7f\u4f60\u66f4\u597d\u5730\u4e86\u89e3\u81ea\u5df1\u7684\u5927\u8111\u5de5\u4f5c\u80fd\u529b\u3002\u6574\u4e2a\u6d4b\u8bd5\u7531\u4e94\u4e2a\u90e8\u5206\u7ec4\u6210\u3002\u5404\u90e8\u5206\u5206\u522b\u8ba1\u5206\u3002\u8bf7\u6839\u636e\u4f60\u7684\u5b9e\u9645\u60c5\u51b5\u4e0e\u771f\u5b9e\u60f3\u6cd5\uff0c\u7528\u6700\u5feb\u7684\u901f\u5ea6\u56de\u7b54\u300c\u662f\u300d\u4e0e\u300c\u5426\u300d\u3002<\/p>","protected":false},"author":19,"featured_media":10280,"comment_status":"closed","ping_status":"closed","sticky":true,"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":[177,165,159],"tags":[],"class_list":["post-2853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-iq","category-neuropsychological","category-aptitude"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2853","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=2853"}],"version-history":[{"count":22,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2853\/revisions"}],"predecessor-version":[{"id":10286,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2853\/revisions\/10286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media\/10280"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}