{"id":9034,"date":"2025-03-05T19:16:42","date_gmt":"2025-03-05T11:16:42","guid":{"rendered":"https:\/\/xinliceyan.org\/?p=9034"},"modified":"2025-05-09T01:52:24","modified_gmt":"2025-05-08T17:52:24","slug":"ucla-loneliness-3","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/ucla-loneliness-3","title":{"rendered":"UCLA\u5b64\u72ec\u611f\u91cf\u8868\uff08\u7b2c\u4e09\u7248\uff09\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0820\u9898\uff09"},"content":{"rendered":"<!-- UCLA\u5b64\u7368\u611f\u91cf\u8868\u6e2c\u9a57 - \u53ef\u76f4\u63a5\u5d4c\u5165WordPress\u7db2\u7ad9 -->\n<div id=\"ucla-loneliness-test\" class=\"ucla-lt-container\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"ucla-lt-intro\" class=\"ucla-lt-section ucla-lt-active\">\n    <h2>UCLA\u5b64\u72ec\u611f\u91cf\u8868\u6d4b\u9a8c<\/h2>\n    \n    <div class=\"ucla-lt-intro-content\">\n      <p>\u60a8\u662f\u5426\u66fe\u7ecf\u611f\u5230\u4e0e\u5468\u56f4\u7684\u4eba\u683c\u683c\u4e0d\u5165\uff1f\u662f\u5426\u6709\u65f6\u4f1a\u89c9\u5f97\u5373\u4f7f\u8eab\u5904\u4eba\u7fa4\uff0c\u4ecd\u611f\u5230\u5b64\u72ec\uff1f<\/p>\n      <p>\u8fd9\u4efd\u6d4b\u9a8c\u57fa\u4e8eUCLA\u5b64\u72ec\u611f\u91cf\u8868\u7b2c\u4e09\u7248\uff0c\u80fd\u5e2e\u52a9\u60a8\u4e86\u89e3\u81ea\u5df1\u7684\u5b64\u72ec\u611f\u7a0b\u5ea6\u4ee5\u53ca\u4e0e\u4eba\u9645\u5173\u7cfb\u7684\u8fde\u7ed3\u72b6\u51b5\u3002\u900f\u8fc7\u6d4b\u9a8c\uff0c\u60a8\u5c06\u83b7\u5f97\u4e13\u4e1a\u7684\u8bc4\u4f30\u4e0e\u6539\u5584\u5efa\u8bae\u3002<\/p>\n      \n      <div class=\"ucla-lt-features\">\n        <div class=\"ucla-lt-feature\">\n          <div class=\"ucla-lt-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ucla-lt-feature-text\">\n            <h4>\u4e13\u4e1a\u91cf\u8868\u8bc4\u4f30<\/h4>\n            <p>\u57fa\u4e8e\u5fc3\u7406\u5b66\u7814\u7a76\uff0c\u63d0\u4f9b\u53ef\u9760\u7684\u5b64\u72ec\u611f\u6d4b\u91cf<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"ucla-lt-feature\">\n          <div class=\"ucla-lt-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-5h2v2h-2zm0-8h2v6h-2z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ucla-lt-feature-text\">\n            <h4>\u6570\u636e\u89c6\u89c9\u5316<\/h4>\n            <p>\u76f4\u89c2\u5c55\u793a\u60a8\u7684\u6d4b\u9a8c\u7ed3\u679c\uff0c\u4fbf\u4e8e\u7406\u89e3\u81ea\u8eab\u72b6\u51b5<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"ucla-lt-feature\">\n          <div class=\"ucla-lt-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4-9h-3V8c0-.55-.45-1-1-1s-1 .45-1 1v3H8c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ucla-lt-feature-text\">\n            <h4>\u6539\u5584\u5efa\u8bae<\/h4>\n            <p>\u6839\u636e\u60a8\u7684\u7ed3\u679c\u63d0\u4f9b\u5b9e\u7528\u7684\u6539\u5584\u5b64\u72ec\u611f\u7684\u65b9\u6cd5<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <button id=\"ucla-lt-start-test\" class=\"ucla-lt-button\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"ucla-lt-test\" class=\"ucla-lt-section\">\n    <h2>UCLA\u5b64\u72ec\u611f\u91cf\u8868\u6d4b\u9a8c<\/h2>\n    \n    <div class=\"ucla-lt-progress-container\">\n      <div class=\"ucla-lt-progress-bar\"><\/div>\n    <\/div>\n    <div class=\"ucla-lt-progress-text\">\u95ee\u9898 <span id=\"ucla-lt-current-question\">1<\/span>\/<span id=\"ucla-lt-total-questions\">20<\/span><\/div>\n    \n    <div id=\"ucla-lt-questions-container\">\n      <!-- \u554f\u984c\u5c07\u901a\u904eJavaScript\u52d5\u614b\u751f\u6210 -->\n    <\/div>\n    \n    <div class=\"ucla-lt-navigation\">\n      <button id=\"ucla-lt-prev-button\" class=\"ucla-lt-button ucla-lt-secondary-button\">\u4e0a\u4e00\u9898<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"ucla-lt-results\" class=\"ucla-lt-section\">\n    <h2>\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n    \n    <div class=\"ucla-lt-score-summary\">\n      <div class=\"ucla-lt-score-box\">\n        <div class=\"ucla-lt-score-title\">\u5b64\u72ec\u611f\u7a0b\u5ea6<\/div>\n        <div id=\"ucla-lt-total-score\" class=\"ucla-lt-score-number\">0<\/div>\n        <div id=\"ucla-lt-score-level\" class=\"ucla-lt-score-level\">\u6b63\u5728\u8ba1\u7b97\u2026<\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"ucla-lt-chart-container\">\n      <canvas id=\"ucla-lt-score-chart\"><\/canvas>\n    <\/div>\n    \n    <div id=\"ucla-lt-analysis\" class=\"ucla-lt-analysis\">\n      <h3>\u7ed3\u679c\u5206\u6790<\/h3>\n      <div id=\"ucla-lt-analysis-content\"><\/div>\n    <\/div>\n    \n    <div id=\"ucla-lt-suggestions\" class=\"ucla-lt-suggestions\">\n      <h3>\u6539\u5584\u5efa\u8bae<\/h3>\n      <div id=\"ucla-lt-suggestions-content\"><\/div>\n    <\/div>\n    \n    <button id=\"ucla-lt-restart\" class=\"ucla-lt-button\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n  <\/section>\n<\/div>\n\n<!-- \u5f15\u5165Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<style>\n\/* UCLA\u5b64\u7368\u611f\u91cf\u8868\u6e2c\u9a57\u6a23\u5f0f - \u4f7f\u7528\u547d\u540d\u7a7a\u9593\u9632\u6b62\u885d\u7a81 *\/\n.ucla-lt-container * {\n  box-sizing: border-box;\n}\n\n.ucla-lt-container {\n  font-family: \"PingFang TC\", \"Microsoft JhengHei\", \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", \"Noto Sans TC\", sans-serif;\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n  background-color: #f9f7ff;\n  border-radius: 16px;\n  box-shadow: 0 6px 24px rgba(125, 104, 219, 0.12);\n  line-height: 1.6;\n  color: #333;\n  transition: all 0.3s ease;\n  position: relative;\n}\n\n.ucla-lt-section {\n  display: none;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.ucla-lt-active {\n  display: block;\n  opacity: 1;\n}\n\n.ucla-lt-container h2 {\n  text-align: center;\n  font-size: 28px;\n  color: #5e40af;\n  margin-bottom: 30px;\n  font-weight: 700;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.ucla-lt-container h2::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 3px;\n  background: linear-gradient(to right, #7d68db, #a991ff);\n  border-radius: 3px;\n}\n\n.ucla-lt-container h3 {\n  font-size: 22px;\n  font-weight: 700;\n  color: #444;\n  margin-bottom: 20px;\n}\n\n.ucla-lt-container p {\n  font-size: 18px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.ucla-lt-features {\n  margin: 30px 0;\n  text-align: center;\n}\n\n.ucla-lt-feature {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  justify-content: center;\n  max-width: 500px;\n  margin-left: auto;\n  margin-right: auto;\n  text-align: left;\n}\n\n.ucla-lt-feature-icon {\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, #7d68db, #a991ff);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 16px;\n  box-shadow: 0 4px 10px rgba(125, 104, 219, 0.2);\n  flex-shrink: 0;\n}\n\n.ucla-lt-feature-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: white;\n}\n\n.ucla-lt-feature-text {\n  flex-grow: 1;\n}\n\n.ucla-lt-feature-text h4 {\n  font-size: 18px;\n  margin: 0 0 4px 0;\n  color: #5e40af;\n}\n\n.ucla-lt-feature-text p {\n  font-size: 16px;\n  margin: 0;\n  color: #666;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.ucla-lt-button {\n  background: linear-gradient(135deg, #7d68db, #a991ff);\n  color: white;\n  border: none;\n  padding: 16px 32px;\n  font-size: 18px;\n  font-weight: 600;\n  border-radius: 8px;\n  cursor: pointer;\n  display: block;\n  margin: 30px auto;\n  min-width: 200px;\n  min-height: 56px;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 12px rgba(125, 104, 219, 0.3);\n  text-align: center;\n}\n\n.ucla-lt-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 16px rgba(125, 104, 219, 0.4);\n  background: linear-gradient(135deg, #6e59c8, #9b7ff7);\n}\n\n.ucla-lt-button:active {\n  transform: translateY(1px);\n  box-shadow: 0 2px 8px rgba(125, 104, 219, 0.3);\n}\n\n.ucla-lt-secondary-button {\n  background: white;\n  color: #5e40af;\n  border: 2px solid #5e40af;\n  box-shadow: 0 4px 8px rgba(125, 104, 219, 0.15);\n}\n\n.ucla-lt-secondary-button:hover {\n  background: #f5f2ff;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 12px rgba(125, 104, 219, 0.2);\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n.ucla-lt-progress-container {\n  margin: 0 auto 15px;\n  background-color: #ece8ff;\n  border-radius: 8px;\n  height: 12px;\n  overflow: hidden;\n  width: 100%;\n  position: relative;\n}\n\n.ucla-lt-progress-bar {\n  background: linear-gradient(to right, #7d68db, #a991ff);\n  height: 100%;\n  width: 0%;\n  transition: width 0.3s ease;\n  border-radius: 8px;\n}\n\n.ucla-lt-progress-text {\n  text-align: center;\n  font-size: 16px;\n  color: #5e40af;\n  margin-bottom: 20px;\n}\n\n.ucla-lt-question {\n  margin-bottom: 30px;\n}\n\n.ucla-lt-options {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  margin-top: 20px;\n}\n\n.ucla-lt-option {\n  background-color: white;\n  border: 2px solid #e0d9ff;\n  border-radius: 10px;\n  padding: 16px 20px;\n  cursor: pointer;\n  font-size: 18px;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  min-height: 60px;\n}\n\n.ucla-lt-option:hover {\n  border-color: #a991ff;\n  background-color: #f5f2ff;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 10px rgba(125, 104, 219, 0.1);\n}\n\n.ucla-lt-option.ucla-lt-selected {\n  border-color: #5e40af;\n  background-color: #f0ebff;\n  font-weight: 600;\n  color: #5e40af;\n  box-shadow: 0 2px 8px rgba(125, 104, 219, 0.2);\n}\n\n.ucla-lt-navigation {\n  display: flex;\n  justify-content: center;\n  margin-top: 30px;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.ucla-lt-score-summary {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n.ucla-lt-score-box {\n  background: white;\n  border-radius: 16px;\n  padding: 24px;\n  box-shadow: 0 6px 16px rgba(125, 104, 219, 0.15);\n  display: inline-block;\n  min-width: 200px;\n}\n\n.ucla-lt-score-title {\n  font-size: 18px;\n  color: #666;\n  margin-bottom: 8px;\n}\n\n.ucla-lt-score-number {\n  font-size: 48px;\n  font-weight: 700;\n  color: #5e40af;\n  line-height: 1.2;\n}\n\n.ucla-lt-score-level {\n  font-size: 18px;\n  color: #5e40af;\n  margin-top: 8px;\n}\n\n.ucla-lt-chart-container {\n  margin: 40px auto;\n  max-width: 700px;\n  height: 400px;\n  background-color: white;\n  padding: 20px;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(125, 104, 219, 0.1);\n}\n\n.ucla-lt-analysis, .ucla-lt-suggestions {\n  background: white;\n  border-radius: 12px;\n  padding: 24px;\n  margin-bottom: 30px;\n  box-shadow: 0 4px 12px rgba(125, 104, 219, 0.1);\n  clear: both;\n}\n\n.ucla-lt-analysis h3, .ucla-lt-suggestions h3 {\n  margin-top: 0;\n  color: #5e40af;\n}\n\n\/* \u7dad\u5ea6\u689d\u5f62\u5716\u6a23\u5f0f *\/\n.ucla-lt-dimension-bars {\n  margin: 30px 0;\n}\n\n.ucla-lt-dimension-bar-item {\n  margin-bottom: 24px;\n}\n\n.ucla-lt-dimension-bar-header {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.ucla-lt-dimension-bar-label {\n  font-size: 18px;\n  font-weight: 600;\n  color: #444;\n}\n\n.ucla-lt-dimension-bar-score {\n  font-size: 18px;\n  font-weight: 700;\n  color: #5e40af;\n}\n\n.ucla-lt-dimension-bar-container {\n  height: 16px;\n  background-color: #ece8ff;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.ucla-lt-dimension-bar-fill {\n  height: 100%;\n  border-radius: 8px;\n  transition: width 1s ease;\n}\n\n.ucla-lt-dimension-bar-description {\n  margin-top: 8px;\n  font-size: 16px;\n  color: #666;\n  line-height: 1.5;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n  .ucla-lt-container {\n    padding: 16px;\n    border-radius: 12px;\n  }\n  \n  .ucla-lt-container h2 {\n    font-size: 24px;\n    margin-bottom: 20px;\n  }\n  \n  .ucla-lt-container h3 {\n    font-size: 20px;\n  }\n  \n  .ucla-lt-container p {\n    font-size: 16px;\n  }\n  \n  .ucla-lt-feature-text h4 {\n    font-size: 16px;\n  }\n  \n  .ucla-lt-feature-text p {\n    font-size: 14px;\n  }\n  \n  .ucla-lt-button {\n    font-size: 16px;\n    padding: 14px 28px;\n    min-width: 180px;\n  }\n  \n  .ucla-lt-option {\n    font-size: 16px;\n    padding: 14px 16px;\n  }\n  \n  .ucla-lt-score-number {\n    font-size: 40px;\n  }\n  \n  .ucla-lt-chart-container {\n    height: 350px;\n    padding: 15px;\n    margin: 30px auto;\n  }\n  \n  .ucla-lt-dimension-bar-label,\n  .ucla-lt-dimension-bar-score {\n    font-size: 16px;\n  }\n  \n  .ucla-lt-dimension-bar-description {\n    font-size: 14px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ucla-lt-container {\n    padding: 12px;\n  }\n  \n  .ucla-lt-feature-icon {\n    width: 40px;\n    height: 40px;\n  }\n  \n  .ucla-lt-feature-icon svg {\n    width: 20px;\n    height: 20px;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  \/\/ IIFE \u4f7f\u7528\u533f\u540d\u51fd\u6578\u5275\u5efa\u7368\u7acb\u547d\u540d\u7a7a\u9593\uff0c\u907f\u514d\u5168\u5c40\u8b8a\u91cf\u6c61\u67d3\n  const UCLALonelinessTest = {\n    \/\/ \u6e2c\u9a57\u554f\u984c\n    questions: [\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u8207\u5468\u570d\u7684\u4eba\u610f\u898b\u4e0d\u5408\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u7f3a\u5c11\u53cb\u4f34\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u6c92\u6709\u4eba\u53ef\u4ee5\u50be\u8a34\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u81ea\u5df1\u5b64\u55ae\u4e00\u4eba\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u878d\u5165\u4e0d\u4e86\u5468\u570d\u7684\u4eba\u7fa4\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u8207\u4ed6\u4eba\u7684\u95dc\u4fc2\u758f\u9060\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u6c92\u6709\u4eba\u4e86\u89e3\u60a8\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u767c\u73fe\u81ea\u5df1\u8207\u5468\u570d\u4eba\u683c\u683c\u4e0d\u5165\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u81ea\u5df1\u662f\u5584\u65bc\u4ea4\u969b\u7684\u4eba\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"],\n        reversed: true\n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u8207\u4ed6\u4eba\u89aa\u8fd1\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"],\n        reversed: true\n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u88ab\u4eba\u51b7\u843d\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u60a8\u8207\u4ed6\u4eba\u7684\u95dc\u4fc2\u6beb\u7121\u610f\u7fa9\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u6c92\u6709\u4eba\u771f\u6b63\u4e86\u89e3\u60a8\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u8207\u4ed6\u4eba\u6709\u9694\u95a1\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u8eab\u908a\u6709\u4eba\u53ef\u4ee5\u50be\u8a34\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"],\n        reversed: true\n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u6709\u4eba\u771f\u6b63\u7406\u89e3\u60a8\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"],\n        reversed: true\n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u5bb3\u7f9e\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u8eab\u908a\u7684\u4eba\u53ea\u662f\u8207\u60a8\u5728\u4e00\u8d77\uff0c\u800c\u975e\u771f\u6b63\u7684\u966a\u4f34\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"] \n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u6709\u4eba\u53ef\u4ee5\u4ea4\u8ac7\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"],\n        reversed: true\n      },\n      { \n        text: \"\u60a8\u5e38\u611f\u5230\u6709\u4eba\u53ef\u4ee5\u4f9d\u9760\uff1f\", \n        options: [\"\u5f9e\u4e0d\", \"\u5f88\u5c11\", \"\u6709\u6642\", \"\u7e3d\u662f\"],\n        reversed: true\n      }\n    ],\n    \n    \/\/ \u7576\u524d\u554f\u984c\u7d22\u5f15\n    currentQuestion: 0,\n    \n    \/\/ \u7528\u6237\u7b54\u6848\n    answers: [],\n    \n    \/\/ \u5f97\u5206\n    scores: {},\n    \n    \/\/ \u7d50\u679c\u5716\u8868\n    chart: null,\n    \n    \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n    init: function() {\n      \/\/ \u8a2d\u7f6e\u554f\u984c\u7e3d\u6578\n      document.getElementById('ucla-lt-total-questions').textContent = this.questions.length;\n      \n      \/\/ \u7d81\u5b9a\u6309\u9215\u4e8b\u4ef6\n      document.getElementById('ucla-lt-start-test').addEventListener('click', this.startTest.bind(this));\n      document.getElementById('ucla-lt-prev-button').addEventListener('click', this.prevQuestion.bind(this));\n      document.getElementById('ucla-lt-restart').addEventListener('click', this.restartTest.bind(this));\n      \n      \/\/ \u521d\u59cb\u5316\u7b54\u6848\u6578\u7d44\n      this.answers = new Array(this.questions.length).fill(null);\n    },\n    \n    \/\/ \u958b\u59cb\u6e2c\u9a57\n    startTest: function() {\n      this.showSection('ucla-lt-test');\n      this.renderQuestion();\n      \n      \/\/ \u78ba\u4fdd\u9801\u9762\u5e73\u6ed1\u6efe\u52d5\u5230\u9802\u90e8\n      setTimeout(() => {\n        document.getElementById('ucla-loneliness-test').scrollIntoView({ \n          behavior: 'smooth',\n          block: 'start'\n        });\n      }, 100);\n    },\n    \n    \/\/ \u986f\u793a\u7279\u5b9a\u90e8\u5206\n    showSection: function(sectionId) {\n      \/\/ \u96b1\u85cf\u6240\u6709\u90e8\u5206\n      const sections = document.querySelectorAll('.ucla-lt-section');\n      sections.forEach(section => {\n        section.classList.remove('ucla-lt-active');\n      });\n      \n      \/\/ \u986f\u793a\u6307\u5b9a\u90e8\u5206\n      document.getElementById(sectionId).classList.add('ucla-lt-active');\n      \n      \/\/ \u6efe\u52d5\u5230\u9802\u90e8\n      document.getElementById('ucla-loneliness-test').scrollIntoView({ behavior: 'smooth' });\n    },\n    \n    \/\/ \u6e32\u67d3\u7576\u524d\u554f\u984c\n    renderQuestion: function() {\n      const questionContainer = document.getElementById('ucla-lt-questions-container');\n      const question = this.questions[this.currentQuestion];\n      \n      \/\/ \u66f4\u65b0\u554f\u984c\u7de8\u865f\n      document.getElementById('ucla-lt-current-question').textContent = this.currentQuestion + 1;\n      \n      \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n      const progressBar = document.querySelector('.ucla-lt-progress-bar');\n      progressBar.style.width = `${((this.currentQuestion + 1) \/ this.questions.length) * 100}%`;\n      \n      \/\/ \u6e05\u7a7a\u554f\u984c\u5bb9\u5668\n      questionContainer.innerHTML = '';\n      \n      \/\/ \u5275\u5efa\u554f\u984c\u5143\u7d20\n      const questionElement = document.createElement('div');\n      questionElement.className = 'ucla-lt-question';\n      questionElement.innerHTML = `<h3>${question.text}<\/h3>`;\n      \n      \/\/ \u5275\u5efa\u9078\u9805\u5bb9\u5668\n      const optionsContainer = document.createElement('div');\n      optionsContainer.className = 'ucla-lt-options';\n      \n      \/\/ \u5275\u5efa\u9078\u9805\n      question.options.forEach((option, index) => {\n        const optionElement = document.createElement('div');\n        optionElement.className = 'ucla-lt-option';\n        if (this.answers[this.currentQuestion] === index) {\n          optionElement.classList.add('ucla-lt-selected');\n        }\n        optionElement.textContent = option;\n        optionElement.addEventListener('click', () => this.selectOption(index));\n        optionsContainer.appendChild(optionElement);\n      });\n      \n      \/\/ \u6dfb\u52a0\u5143\u7d20\u5230\u554f\u984c\u5bb9\u5668\n      questionElement.appendChild(optionsContainer);\n      questionContainer.appendChild(questionElement);\n      \n      \/\/ \u8655\u7406\u300c\u4e0a\u4e00\u984c\u300d\u6309\u9215\n      const prevButton = document.getElementById('ucla-lt-prev-button');\n      if (this.currentQuestion === 0) {\n        prevButton.style.visibility = 'hidden';\n      } else {\n        prevButton.style.visibility = 'visible';\n      }\n    },\n    \n    \/\/ \u9078\u64c7\u9078\u9805\n    selectOption: function(optionIndex) {\n      \/\/ \u4fdd\u5b58\u7b54\u6848\n      this.answers[this.currentQuestion] = optionIndex;\n      \n      \/\/ \u9ad8\u4eae\u9078\u4e2d\u7684\u9078\u9805\n      const options = document.querySelectorAll('.ucla-lt-option');\n      options.forEach((option, index) => {\n        if (index === optionIndex) {\n          option.classList.add('ucla-lt-selected');\n        } else {\n          option.classList.remove('ucla-lt-selected');\n        }\n      });\n      \n      \/\/ \u5ef6\u9072\u4e00\u4e0b\uff0c\u7d66\u7528\u6236\u6642\u9593\u770b\u5230\u9078\u9805\u88ab\u9078\u4e2d\u7684\u6548\u679c\n      setTimeout(() => {\n        \/\/ \u5982\u679c\u662f\u6700\u5f8c\u4e00\u984c\uff0c\u986f\u793a\u7d50\u679c\n        if (this.currentQuestion === this.questions.length - 1) {\n          this.calculateResults();\n        } else {\n          \/\/ \u5426\u5247\uff0c\u524d\u9032\u5230\u4e0b\u4e00\u984c\n          this.currentQuestion++;\n          this.renderQuestion();\n        }\n      }, 300);\n    },\n    \n    \/\/ \u8fd4\u56de\u4e0a\u4e00\u984c\n    prevQuestion: function() {\n      if (this.currentQuestion > 0) {\n        this.currentQuestion--;\n        this.renderQuestion();\n      }\n    },\n    \n    \/\/ \u8a08\u7b97\u7d50\u679c\n    calculateResults: function() {\n      let totalScore = 0;\n      \n      \/\/ \u8a08\u7b97\u7e3d\u5206\n      this.answers.forEach((answer, index) => {\n        \/\/ \u5982\u679c\u662f\u53cd\u5411\u8a08\u5206\u7684\u554f\u984c\uff0c\u53cd\u8f49\u5206\u6578\n        if (this.questions[index].reversed) {\n          totalScore += 3 - answer;\n        } else {\n          totalScore += answer;\n        }\n      });\n      \n      \/\/ \u8a08\u7b97\u4e0d\u540c\u7dad\u5ea6\u7684\u5206\u6578\n      const dimensions = {\n        emotional: [1, 2, 3, 6, 12, 14, 17],\n        social: [0, 4, 5, 7, 8, 9, 10, 13, 18, 19],\n        behavioral: [11, 15, 16]\n      };\n      \n      const dimensionScores = {};\n      for (const dimension in dimensions) {\n        let score = 0;\n        dimensions[dimension].forEach(qIndex => {\n          if (this.questions[qIndex].reversed) {\n            score += 3 - this.answers[qIndex];\n          } else {\n            score += this.answers[qIndex];\n          }\n        });\n        \/\/ \u8f49\u63db\u70ba\u767e\u5206\u6bd4\n        dimensionScores[dimension] = (score \/ (dimensions[dimension].length * 3)) * 100;\n      }\n      \n      \/\/ \u7e3d\u5206\u8f49\u63db\u70ba\u767e\u5206\u6bd4\n      const totalScorePercent = (totalScore \/ (this.questions.length * 3)) * 100;\n      \n      \/\/ \u4fdd\u5b58\u5206\u6578\n      this.scores = {\n        total: totalScore,\n        totalPercent: totalScorePercent,\n        dimensions: dimensionScores\n      };\n      \n      \/\/ \u986f\u793a\u7d50\u679c\n      this.showResults();\n    },\n    \n    \/\/ \u986f\u793a\u7d50\u679c\n    showResults: function() {\n      this.showSection('ucla-lt-results');\n      \n      \/\/ \u66f4\u65b0\u7e3d\u5206\n      document.getElementById('ucla-lt-total-score').textContent = Math.round(this.scores.totalPercent) + '%';\n      \n      \/\/ \u66f4\u65b0\u5206\u6578\u7d1a\u5225\n      let levelText = '';\n      if (this.scores.totalPercent < 25) {\n        levelText = '\u6975\u4f4e\u5b64\u7368\u611f';\n      } else if (this.scores.totalPercent < 50) {\n        levelText = '\u8f15\u5ea6\u5b64\u7368\u611f';\n      } else if (this.scores.totalPercent < 75) {\n        levelText = '\u4e2d\u5ea6\u5b64\u7368\u611f';\n      } else {\n        levelText = '\u91cd\u5ea6\u5b64\u7368\u611f';\n      }\n      document.getElementById('ucla-lt-score-level').textContent = levelText;\n      \n      \/\/ \u6e32\u67d3\u5716\u8868\n      this.renderChart();\n      \n      \/\/ \u751f\u6210\u5206\u6790\n      this.generateAnalysis();\n      \n      \/\/ \u751f\u6210\u5efa\u8b70\n      this.generateSuggestions();\n    },\n    \n    \/\/ \u6e32\u67d3\u5716\u8868\n    renderChart: function() {\n      const ctx = document.getElementById('ucla-lt-score-chart').getContext('2d');\n      \n      \/\/ \u5982\u679c\u5df2\u7d93\u6709\u5716\u8868\uff0c\u5148\u92b7\u6bc0\n      if (this.chart) {\n        this.chart.destroy();\n      }\n      \n      \/\/ \u5275\u5efa\u65b0\u5716\u8868\n      this.chart = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: ['\u60c5\u611f\u5b64\u7368', '\u793e\u4ea4\u5b64\u7368', '\u884c\u70ba\u5b64\u7368'],\n          datasets: [{\n            label: '\u5b64\u7368\u611f\u7dad\u5ea6\u5206\u6790',\n            data: [\n              Math.round(this.scores.dimensions.emotional),\n              Math.round(this.scores.dimensions.social),\n              Math.round(this.scores.dimensions.behavioral)\n            ],\n            backgroundColor: 'rgba(169, 145, 255, 0.3)',\n            borderColor: '#7d68db',\n            borderWidth: 3,\n            pointBackgroundColor: '#5e40af',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: '#5e40af',\n            pointRadius: 6,\n            pointHoverRadius: 8\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          scales: {\n            r: {\n              beginAtZero: true,\n              max: 100,\n              ticks: {\n                stepSize: 20,\n                font: {\n                  size: 14,\n                  weight: 'bold'\n                }\n              },\n              pointLabels: {\n                font: {\n                  size: 16,\n                  weight: 'bold'\n                },\n                color: '#444'\n              },\n              grid: {\n                color: 'rgba(125, 104, 219, 0.2)'\n              },\n              angleLines: {\n                color: 'rgba(125, 104, 219, 0.3)',\n                lineWidth: 2\n              }\n            }\n          },\n          elements: {\n            line: {\n              tension: 0.2\n            }\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              backgroundColor: 'rgba(94, 64, 175, 0.9)',\n              titleFont: {\n                size: 16,\n                weight: 'bold'\n              },\n              bodyFont: {\n                size: 14\n              },\n              padding: 12,\n              cornerRadius: 8\n            }\n          }\n        }\n      });\n    },\n    \n    \/\/ \u751f\u6210\u5206\u6790\n    generateAnalysis: function() {\n      const analysisContainer = document.getElementById('ucla-lt-analysis-content');\n      let analysisHTML = '';\n      \n      \/\/ \u7e3d\u9ad4\u5206\u6790\n      analysisHTML += `<p>\u60a8\u7684\u7e3d\u9ad4\u5b64\u7368\u611f\u5f97\u5206\u70ba <strong>${Math.round(this.scores.totalPercent)}%<\/strong>\uff0c\u5c6c\u65bc<strong>${document.getElementById('ucla-lt-score-level').textContent}<\/strong>\u6c34\u5e73\u3002<\/p>`;\n      \n      \/\/ \u7dad\u5ea6\u5206\u6790\n      analysisHTML += '<p>\u5f9e\u5404\u7dad\u5ea6\u4f86\u770b\uff1a<\/p>';\n      \n      \/\/ \u60c5\u611f\u5b64\u7368\n      const emotionalScore = Math.round(this.scores.dimensions.emotional);\n      let emotionalAnalysis = '';\n      if (emotionalScore < 30) {\n        emotionalAnalysis = '\u60a8\u5728\u60c5\u611f\u4e0a\u611f\u5230\u88ab\u7406\u89e3\u548c\u652f\u6301\uff0c\u80fd\u5920\u8207\u4ed6\u4eba\u5206\u4eab\u5167\u5fc3\u611f\u53d7\u3002';\n      } else if (emotionalScore < 60) {\n        emotionalAnalysis = '\u60a8\u5076\u723e\u6703\u611f\u5230\u7f3a\u4e4f\u60c5\u611f\u9023\u7d50\uff0c\u4f46\u7e3d\u9ad4\u800c\u8a00\u80fd\u7dad\u6301\u5065\u5eb7\u7684\u60c5\u611f\u72c0\u614b\u3002';\n      } else {\n        emotionalAnalysis = '\u60a8\u5728\u60c5\u611f\u5c64\u9762\u4e0a\u53ef\u80fd\u611f\u5230\u8f03\u5f37\u7684\u5b64\u7368\uff0c\u96e3\u4ee5\u8207\u4ed6\u4eba\u5efa\u7acb\u6df1\u5c64\u6b21\u7684\u60c5\u611f\u9023\u7d50\u3002';\n      }\n      \n      \/\/ \u793e\u4ea4\u5b64\u7368\n      const socialScore = Math.round(this.scores.dimensions.social);\n      let socialAnalysis = '';\n      if (socialScore < 30) {\n        socialAnalysis = '\u60a8\u6709\u826f\u597d\u7684\u793e\u4ea4\u7db2\u7d61\uff0c\u80fd\u5920\u8f15\u9b06\u5730\u878d\u5165\u7fa4\u9ad4\u4e26\u8207\u4ed6\u4eba\u4e92\u52d5\u3002';\n      } else if (socialScore < 60) {\n        socialAnalysis = '\u60a8\u6709\u4e00\u5b9a\u7684\u793e\u4ea4\u5708\uff0c\u4f46\u5076\u723e\u6703\u611f\u5230\u8207\u4ed6\u4eba\u6709\u8ddd\u96e2\u611f\u3002';\n      } else {\n        socialAnalysis = '\u60a8\u5728\u793e\u4ea4\u65b9\u9762\u53ef\u80fd\u9762\u81e8\u6311\u6230\uff0c\u611f\u5230\u96e3\u4ee5\u878d\u5165\u7fa4\u9ad4\u6216\u5efa\u7acb\u793e\u4ea4\u9023\u7d50\u3002';\n      }\n      \n      \/\/ \u884c\u70ba\u5b64\u7368\n      const behavioralScore = Math.round(this.scores.dimensions.behavioral);\n      let behavioralAnalysis = '';\n      if (behavioralScore < 30) {\n        behavioralAnalysis = '\u60a8\u5728\u884c\u70ba\u4e0a\u7a4d\u6975\u5c0b\u6c42\u793e\u4ea4\u4e92\u52d5\uff0c\u4e3b\u52d5\u53c3\u8207\u793e\u4ea4\u6d3b\u52d5\u3002';\n      } else if (behavioralScore < 60) {\n        behavioralAnalysis = '\u60a8\u5728\u793e\u4ea4\u884c\u70ba\u4e0a\u8f03\u70ba\u4e2d\u6027\uff0c\u6709\u6642\u4e3b\u52d5\u6709\u6642\u88ab\u52d5\u3002';\n      } else {\n        behavioralAnalysis = '\u60a8\u5728\u884c\u70ba\u4e0a\u53ef\u80fd\u66f4\u50be\u5411\u65bc\u907f\u514d\u793e\u4ea4\u4e92\u52d5\uff0c\u8f03\u5c11\u4e3b\u52d5\u5c0b\u6c42\u793e\u4ea4\u6a5f\u6703\u3002';\n      }\n      \n      \/\/ \u4f7f\u7528\u6c34\u5e73\u67f1\u72c0\u5716\u5c55\u793a\u5404\u7dad\u5ea6\u5206\u6578\n      analysisHTML += `\n      <div class=\"ucla-lt-dimension-bars\">\n        <div class=\"ucla-lt-dimension-bar-item\">\n          <div class=\"ucla-lt-dimension-bar-header\">\n            <span class=\"ucla-lt-dimension-bar-label\">\u60c5\u611f\u5b64\u7368<\/span>\n            <span class=\"ucla-lt-dimension-bar-score\">${emotionalScore}%<\/span>\n          <\/div>\n          <div class=\"ucla-lt-dimension-bar-container\">\n            <div class=\"ucla-lt-dimension-bar-fill\" style=\"width: ${emotionalScore}%; background-color: #7d68db;\"><\/div>\n          <\/div>\n          <div class=\"ucla-lt-dimension-bar-description\">${emotionalAnalysis}<\/div>\n        <\/div>\n        \n        <div class=\"ucla-lt-dimension-bar-item\">\n          <div class=\"ucla-lt-dimension-bar-header\">\n            <span class=\"ucla-lt-dimension-bar-label\">\u793e\u4ea4\u5b64\u7368<\/span>\n            <span class=\"ucla-lt-dimension-bar-score\">${socialScore}%<\/span>\n          <\/div>\n          <div class=\"ucla-lt-dimension-bar-container\">\n            <div class=\"ucla-lt-dimension-bar-fill\" style=\"width: ${socialScore}%; background-color: #5e40af;\"><\/div>\n          <\/div>\n          <div class=\"ucla-lt-dimension-bar-description\">${socialAnalysis}<\/div>\n        <\/div>\n        \n        <div class=\"ucla-lt-dimension-bar-item\">\n          <div class=\"ucla-lt-dimension-bar-header\">\n            <span class=\"ucla-lt-dimension-bar-label\">\u884c\u70ba\u5b64\u7368<\/span>\n            <span class=\"ucla-lt-dimension-bar-score\">${behavioralScore}%<\/span>\n          <\/div>\n          <div class=\"ucla-lt-dimension-bar-container\">\n            <div class=\"ucla-lt-dimension-bar-fill\" style=\"width: ${behavioralScore}%; background-color: #a991ff;\"><\/div>\n          <\/div>\n          <div class=\"ucla-lt-dimension-bar-description\">${behavioralAnalysis}<\/div>\n        <\/div>\n      <\/div>\n      `;\n      \n      \/\/ \u66f4\u65b0\u5206\u6790\u5167\u5bb9\n      analysisContainer.innerHTML = analysisHTML;\n    },\n    \n    \/\/ \u751f\u6210\u5efa\u8b70\n    generateSuggestions: function() {\n      const suggestionsContainer = document.getElementById('ucla-lt-suggestions-content');\n      let suggestionsHTML = '';\n      \n      \/\/ \u6839\u64da\u7e3d\u5206\u63d0\u4f9b\u4e0d\u540c\u7684\u5efa\u8b70\n      if (this.scores.totalPercent < 25) {\n        suggestionsHTML = `\n          <p>\u60a8\u7684\u5b64\u7368\u611f\u6c34\u5e73\u8f03\u4f4e\uff0c\u9019\u8868\u660e\u60a8\u5df2\u7d93\u5efa\u7acb\u4e86\u826f\u597d\u7684\u793e\u4ea4\u9023\u7d50\u548c\u60c5\u611f\u652f\u6301\u7db2\u7d61\u3002\u70ba\u4e86\u4fdd\u6301\u9019\u7a2e\u72c0\u614b\uff0c\u60a8\u53ef\u4ee5\uff1a<\/p>\n          <ul>\n            <li>\u7e7c\u7e8c\u7dad\u8b77\u73fe\u6709\u7684\u793e\u4ea4\u95dc\u4fc2\uff0c\u5b9a\u671f\u8207\u89aa\u53cb\u806f\u7e6b<\/li>\n            <li>\u5617\u8a66\u5c07\u81ea\u5df1\u7684\u793e\u4ea4\u7d93\u9a57\u5206\u4eab\u7d66\u9700\u8981\u5e6b\u52a9\u7684\u4eba<\/li>\n            <li>\u64f4\u5c55\u8208\u8da3\u611b\u597d\uff0c\u8a8d\u8b58\u66f4\u591a\u5fd7\u540c\u9053\u5408\u7684\u670b\u53cb<\/li>\n          <\/ul>\n        `;\n      } else if (this.scores.totalPercent < 50) {\n        suggestionsHTML = `\n          <p>\u60a8\u7684\u5b64\u7368\u611f\u8655\u65bc\u8f15\u5ea6\u6c34\u5e73\uff0c\u9019\u5728\u73fe\u4ee3\u793e\u6703\u4e2d\u5f88\u5e38\u898b\u3002\u4ee5\u4e0b\u5efa\u8b70\u53ef\u80fd\u5c0d\u60a8\u6709\u6240\u5e6b\u52a9\uff1a<\/p>\n          <ul>\n            <li>\u4e3b\u52d5\u8207\u670b\u53cb\u6216\u5bb6\u4eba\u5206\u4eab\u60a8\u7684\u611f\u53d7\u548c\u60f3\u6cd5<\/li>\n            <li>\u53c3\u52a0\u611f\u8208\u8da3\u7684\u793e\u4ea4\u6d3b\u52d5\u6216\u793e\u5718\uff0c\u64f4\u5c55\u793e\u4ea4\u5708<\/li>\n            <li>\u5b78\u7fd2\u63d0\u5347\u6e9d\u901a\u6280\u5de7\uff0c\u589e\u5f37\u8207\u4ed6\u4eba\u7684\u60c5\u611f\u9023\u7d50<\/li>\n            <li>\u6bcf\u5929\u7559\u51fa\u6642\u9593\u4eab\u53d7\u81ea\u5df1\u7684\u7368\u8655\uff0c\u540c\u6642\u4fdd\u6301\u793e\u4ea4\u4e92\u52d5\u7684\u5e73\u8861<\/li>\n          <\/ul>\n        `;\n      } else if (this.scores.totalPercent < 75) {\n        suggestionsHTML = `\n          <p>\u60a8\u7684\u5b64\u7368\u611f\u8655\u65bc\u4e2d\u5ea6\u6c34\u5e73\uff0c\u53ef\u80fd\u6703\u5c0d\u751f\u6d3b\u9020\u6210\u4e00\u5b9a\u5f71\u97ff\u3002\u4ee5\u4e0b\u65b9\u6cd5\u53ef\u80fd\u5c0d\u6539\u5584\u60a8\u7684\u72c0\u6cc1\u6709\u5e6b\u52a9\uff1a<\/p>\n          <ul>\n            <li>\u5617\u8a66\u514b\u670d\u81ea\u5351\u611f\uff0c\u5efa\u7acb\u81ea\u4fe1\u5fc3<\/li>\n            <li>\u900f\u904e\u7dda\u4e0a\u6216\u7dda\u4e0b\u793e\u7fa4\u5c0b\u627e\u5fd7\u540c\u9053\u5408\u7684\u670b\u53cb<\/li>\n            <li>\u57f9\u990a\u65b0\u7684\u8208\u8da3\u611b\u597d\uff0c\u53c3\u52a0\u76f8\u95dc\u6d3b\u52d5\u6216\u8ab2\u7a0b<\/li>\n            <li>\u5b78\u7fd2\u4e26\u7df4\u7fd2\u793e\u4ea4\u6280\u5de7\uff0c\u5982\u7a4d\u6975\u50be\u807d\u3001\u8868\u9054\u611f\u53d7\u7b49<\/li>\n            <li>\u898f\u5f8b\u4f5c\u606f\u548c\u9069\u7576\u904b\u52d5\uff0c\u6539\u5584\u6574\u9ad4\u5fc3\u7406\u72c0\u614b<\/li>\n            <li>\u5982\u679c\u611f\u5230\u56f0\u64fe\uff0c\u53ef\u4ee5\u8003\u616e\u5c0b\u6c42\u5c08\u696d\u5fc3\u7406\u8aee\u8a62<\/li>\n          <\/ul>\n        `;\n      } else {\n        suggestionsHTML = `\n          <p>\u60a8\u7684\u5b64\u7368\u611f\u6c34\u5e73\u8f03\u9ad8\uff0c\u53ef\u80fd\u6703\u5c0d\u65e5\u5e38\u751f\u6d3b\u548c\u5fc3\u7406\u5065\u5eb7\u7522\u751f\u8f03\u5927\u5f71\u97ff\u3002\u5efa\u8b70\u60a8\uff1a<\/p>\n          <ul>\n            <li>\u8a8d\u8b58\u5230\u5b64\u7368\u611f\u662f\u4e00\u7a2e\u5e38\u898b\u7684\u4eba\u985e\u9ad4\u9a57\uff0c\u8a31\u591a\u4eba\u90fd\u66fe\u7d93\u6b77<\/li>\n            <li>\u5faa\u5e8f\u6f38\u9032\u5730\u5617\u8a66\u793e\u4ea4\u4e92\u52d5\uff0c\u5f9e\u8f03\u8212\u9069\u7684\u5c0f\u578b\u793e\u4ea4\u958b\u59cb<\/li>\n            <li>\u5b78\u7fd2\u4e26\u7df4\u7fd2\u57fa\u672c\u793e\u4ea4\u6280\u80fd\uff0c\u5982\u50be\u807d\u3001\u63d0\u554f\u548c\u5206\u4eab<\/li>\n            <li>\u5c0b\u627e\u5c08\u696d\u7684\u5fc3\u7406\u5065\u5eb7\u652f\u63f4\uff0c\u5982\u5fc3\u7406\u8aee\u8a62\u6216\u6cbb\u7642<\/li>\n            <li>\u52a0\u5165\u652f\u6301\u5c0f\u7d44\u6216\u793e\u4ea4\u6280\u80fd\u57f9\u8a13\u8ab2\u7a0b<\/li>\n            <li>\u5efa\u7acb\u5065\u5eb7\u7684\u751f\u6d3b\u7fd2\u6163\uff0c\u5305\u62ec\u898f\u5f8b\u4f5c\u606f\u3001\u5747\u8861\u98f2\u98df\u548c\u9069\u7576\u904b\u52d5<\/li>\n            <li>\u57f9\u990a\u81ea\u6211\u95dc\u611b\u7684\u7fd2\u6163\uff0c\u8a8d\u8b58\u5230\u81ea\u5df1\u7684\u50f9\u503c\u4e0d\u4f9d\u8cf4\u65bc\u4ed6\u4eba\u7684\u8a8d\u53ef<\/li>\n          <\/ul>\n          <p>\u8acb\u8a18\u4f4f\uff0c\u6539\u8b8a\u9700\u8981\u6642\u9593\uff0c\u5c0f\u6b65\u524d\u9032\u4e5f\u662f\u9032\u6b65\u3002\u5982\u679c\u60a8\u7684\u5b64\u7368\u611f\u6301\u7e8c\u5f71\u97ff\u751f\u6d3b\u8cea\u91cf\uff0c\u5efa\u8b70\u5c0b\u6c42\u5c08\u696d\u5fc3\u7406\u8aee\u8a62\u5e2b\u7684\u5e6b\u52a9\u3002<\/p>\n        `;\n      }\n      \n      \/\/ \u66f4\u65b0\u5efa\u8b70\u5167\u5bb9\n      suggestionsContainer.innerHTML = suggestionsHTML;\n    },\n    \n    \/\/ \u91cd\u65b0\u6e2c\u9a57\n    restartTest: function() {\n      \/\/ \u91cd\u7f6e\u7b54\u6848\u548c\u7576\u524d\u554f\u984c\n      this.answers = new Array(this.questions.length).fill(null);\n      this.currentQuestion = 0;\n      \n      \/\/ \u958b\u59cb\u65b0\u6e2c\u9a57\n      this.startTest();\n    }\n  };\n  \n  \/\/ \u7576\u9801\u9762\u52a0\u8f09\u5b8c\u6210\u5f8c\u521d\u59cb\u5316\u6e2c\u9a57\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', () => UCLALonelinessTest.init());\n  } else {\n    UCLALonelinessTest.init();\n  }\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>UCLA\u5b64\u72ec\u611f\u91cf\u8868\uff08\u7b2c\u4e09\u7248\uff09\u8bc4\u4ef7\u7531\u4e8e\u5bf9\u793e\u4f1a\u4ea4\u5f80\u7684\u6e34\u671b\u4e0e\u5b9e\u9645\u6c34\u5e73\u7684\u5dee\u8ddd\u800c\u4ea7\u751f\u7684\u5b64\u72ec\uff0c\u8fd9\u79cd\u5b64\u72ec\u5728\u6b64\u88ab\u5b9a\u4e49\u4e3a\u4e00\u7ef4\u7684\u3002 UCLA\u5b64\u72ec\u611f\u91cf\u8868\uff08\u7b2c\u4e09\u7248\uff09\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[175],"tags":[],"class_list":["post-9034","post","type-post","status-publish","format-standard","hentry","category-relationships"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9034","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/comments?post=9034"}],"version-history":[{"count":4,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9034\/revisions"}],"predecessor-version":[{"id":9758,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9034\/revisions\/9758"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=9034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=9034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=9034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}