{"id":1891,"date":"2025-12-07T11:11:22","date_gmt":"2025-12-07T03:11:22","guid":{"rendered":"https:\/\/www.funpt.cn\/?page_id=1891"},"modified":"2025-12-07T12:18:16","modified_gmt":"2025-12-07T04:18:16","slug":"elementor-1891","status":"publish","type":"page","link":"https:\/\/www.funpt.cn\/?page_id=1891","title":{"rendered":"\u4e0a\u80a2Y-Balance\u6d4b\u8bd5"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u4e0a\u80a2Y-Balance\u6d4b\u8bd5 (YBT-UQ) | FMS\u5b98\u65b9\u89c4\u8303<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary-color: #1a6dbb;\r\n --secondary-color: #0c3e6e;\r\n --success-color: #28a745;\r\n --warning-color: #ffc107;\r\n --danger-color: #dc3545;\r\n --light-color: #f8f9fa;\r\n --dark-color: #343a40;\r\n --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n --radius: 10px;\r\n --transition: all 0.3s ease;\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', sans-serif;\r\n }\r\n \r\n body {\r\n background-color: #f5f9fc;\r\n color: #333;\r\n line-height: 1.6;\r\n padding: 0;\r\n }\r\n \r\n .container {\r\n max-width: 100%;\r\n margin: 0 auto;\r\n background-color: white;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n \/* \u5934\u90e8\u6837\u5f0f *\/\r\n header {\r\n background: linear-gradient(135deg, #1a6dbb 0%, #0d4a8a 100%);\r\n color: white;\r\n padding: 20px 15px;\r\n border-bottom: 4px solid #0c3e6e;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .header-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .logo i {\r\n font-size: 2rem;\r\n color: white;\r\n }\r\n \r\n .logo-text h1 {\r\n font-size: 1.5rem;\r\n margin-bottom: 4px;\r\n line-height: 1.2;\r\n }\r\n \r\n .logo-text p {\r\n font-size: 0.85rem;\r\n opacity: 0.9;\r\n line-height: 1.3;\r\n }\r\n \r\n .nav-toggle {\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n display: none;\r\n }\r\n \r\n \/* \u4e3b\u5185\u5bb9\u533a\u57df *\/\r\n .main-content {\r\n flex: 1;\r\n padding: 20px 15px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n }\r\n \r\n \/* \u5361\u7247\u6837\u5f0f *\/\r\n .card {\r\n background-color: white;\r\n border-radius: var(--radius);\r\n padding: 20px;\r\n box-shadow: var(--shadow);\r\n border-left: 4px solid var(--primary-color);\r\n margin-bottom: 10px;\r\n }\r\n \r\n .card-title {\r\n color: var(--primary-color);\r\n margin-bottom: 15px;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #e1e8f0;\r\n font-size: 1.4rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .card-title i {\r\n font-size: 1.2rem;\r\n }\r\n \r\n \/* \u8868\u5355\u5143\u7d20 *\/\r\n .form-group {\r\n margin-bottom: 18px;\r\n }\r\n \r\n label {\r\n display: block;\r\n margin-bottom: 6px;\r\n font-weight: 600;\r\n color: #444;\r\n font-size: 0.95rem;\r\n }\r\n \r\n input, select, textarea {\r\n width: 100%;\r\n padding: 14px 15px;\r\n border: 1px solid #d1d9e6;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n transition: var(--transition);\r\n background-color: #f9fbfd;\r\n }\r\n \r\n input:focus, select:focus, textarea:focus {\r\n border-color: var(--primary-color);\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(26, 109, 187, 0.15);\r\n background-color: white;\r\n }\r\n \r\n .form-row {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .form-row .form-group {\r\n flex: 1;\r\n margin-bottom: 0;\r\n }\r\n \r\n \/* \u6309\u94ae\u6837\u5f0f *\/\r\n .btn {\r\n display: block;\r\n background-color: var(--primary-color);\r\n color: white;\r\n padding: 16px 25px;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n transition: var(--transition);\r\n width: 100%;\r\n text-align: center;\r\n margin-top: 10px;\r\n box-shadow: 0 4px 6px rgba(26, 109, 187, 0.2);\r\n }\r\n \r\n .btn:hover {\r\n background-color: var(--secondary-color);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 8px rgba(26, 109, 187, 0.25);\r\n }\r\n \r\n .btn:active {\r\n transform: translateY(0);\r\n }\r\n \r\n .btn-reset {\r\n background-color: #6c757d;\r\n }\r\n \r\n .btn-reset:hover {\r\n background-color: #545b62;\r\n }\r\n \r\n .btn-secondary {\r\n background-color: #6c757d;\r\n width: auto;\r\n padding: 12px 20px;\r\n margin-top: 0;\r\n font-size: 0.95rem;\r\n }\r\n \r\n .btn-secondary:hover {\r\n background-color: #545b62;\r\n }\r\n \r\n \/* \u6d4b\u8bd5\u6b65\u9aa4 *\/\r\n .test-sequence {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 10px;\r\n margin: 15px 0;\r\n }\r\n \r\n .test-step {\r\n background-color: #f0f7ff;\r\n border-radius: 8px;\r\n padding: 12px 10px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n border: 1px solid #d1e3ff;\r\n }\r\n \r\n .test-step-number {\r\n display: inline-block;\r\n width: 26px;\r\n height: 26px;\r\n background-color: var(--primary-color);\r\n color: white;\r\n border-radius: 50%;\r\n line-height: 26px;\r\n margin-right: 6px;\r\n font-size: 0.85rem;\r\n }\r\n \r\n \/* \u6d4b\u8bd5\u65b9\u5411\u8f93\u5165 *\/\r\n .reach-directions {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 20px;\r\n margin-top: 15px;\r\n }\r\n \r\n .direction-group {\r\n background-color: #f9fbfd;\r\n border-radius: 8px;\r\n padding: 15px;\r\n border: 1px solid #e1e8f0;\r\n }\r\n \r\n .direction-title {\r\n background-color: var(--primary-color);\r\n color: white;\r\n padding: 10px 12px;\r\n border-radius: 6px;\r\n margin: -15px -15px 15px -15px;\r\n font-size: 0.95rem;\r\n text-align: center;\r\n font-weight: 600;\r\n }\r\n \r\n .direction-inputs {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n }\r\n \r\n \/* \u4fe1\u606f\u63d0\u793a\u6846 *\/\r\n .info-box {\r\n background-color: #e8f4ff;\r\n padding: 15px;\r\n border-radius: 8px;\r\n margin: 15px 0;\r\n font-size: 0.95rem;\r\n }\r\n \r\n .warning-box {\r\n background-color: #fff3cd;\r\n border: 1px solid #ffeaa7;\r\n color: #856404;\r\n padding: 15px;\r\n border-radius: 8px;\r\n margin: 15px 0;\r\n }\r\n \r\n .danger-box {\r\n background-color: #f8d7da;\r\n border: 1px solid #f5c6cb;\r\n color: #721c24;\r\n padding: 15px;\r\n border-radius: 8px;\r\n margin: 15px 0;\r\n }\r\n \r\n \/* \u7ed3\u679c\u5bb9\u5668 *\/\r\n .results-container {\r\n display: none;\r\n margin-top: 25px;\r\n padding: 20px;\r\n background-color: #f0f7ff;\r\n border-radius: var(--radius);\r\n border: 1px solid #cce0ff;\r\n }\r\n \r\n .results-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n \r\n .results-title {\r\n color: var(--primary-color);\r\n font-size: 1.5rem;\r\n }\r\n \r\n \/* \u7ed3\u679c\u7f51\u683c *\/\r\n .results-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin-top: 15px;\r\n }\r\n \r\n .result-card {\r\n background-color: white;\r\n padding: 15px;\r\n border-radius: 8px;\r\n text-align: center;\r\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);\r\n border-top: 4px solid var(--primary-color);\r\n }\r\n \r\n .result-value {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n margin: 8px 0;\r\n }\r\n \r\n .result-label {\r\n font-size: 0.85rem;\r\n color: #666;\r\n }\r\n \r\n \/* \u7ed3\u679c\u8868\u683c *\/\r\n .results-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 20px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .results-table th, .results-table td {\r\n padding: 12px 10px;\r\n text-align: center;\r\n border: 1px solid #dee2e6;\r\n }\r\n \r\n .results-table th {\r\n background-color: #f8f9fa;\r\n font-weight: 600;\r\n }\r\n \r\n .results-table tr:nth-child(even) {\r\n background-color: #f8f9fa;\r\n }\r\n \r\n .standard-optimal {\r\n color: var(--success-color);\r\n font-weight: 600;\r\n }\r\n \r\n .standard-pass {\r\n color: var(--warning-color);\r\n font-weight: 600;\r\n }\r\n \r\n .standard-below {\r\n color: var(--danger-color);\r\n font-weight: 600;\r\n }\r\n \r\n \/* \u6298\u53e0\u9762\u677f *\/\r\n .accordion {\r\n margin-top: 20px;\r\n }\r\n \r\n .accordion-item {\r\n border: 1px solid #e1e8f0;\r\n border-radius: 8px;\r\n margin-bottom: 10px;\r\n overflow: hidden;\r\n }\r\n \r\n .accordion-header {\r\n padding: 15px;\r\n background-color: #f8f9fa;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n border-bottom: 1px solid transparent;\r\n }\r\n \r\n .accordion-header.active {\r\n background-color: #e8f4ff;\r\n border-bottom-color: #cce0ff;\r\n }\r\n \r\n .accordion-content {\r\n padding: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n }\r\n \r\n .accordion-content.active {\r\n padding: 15px;\r\n max-height: 1000px;\r\n }\r\n \r\n \/* \u4e0a\u80a2\u6d4b\u8bd5\u7279\u6b8a\u6837\u5f0f *\/\r\n .uq-instructions {\r\n background-color: #f0f7ff;\r\n border-left: 4px solid #1a6dbb;\r\n padding: 15px;\r\n border-radius: 8px;\r\n margin: 15px 0;\r\n }\r\n \r\n .uq-highlight {\r\n background-color: #fff3cd;\r\n padding: 12px;\r\n border-radius: 8px;\r\n margin: 15px 0;\r\n font-weight: 600;\r\n text-align: center;\r\n }\r\n \r\n \/* \u5e95\u90e8\u6837\u5f0f *\/\r\n footer {\r\n text-align: center;\r\n padding: 20px 15px;\r\n color: #666;\r\n font-size: 0.85rem;\r\n border-top: 1px solid #eee;\r\n margin-top: 30px;\r\n background-color: #f8f9fa;\r\n }\r\n \r\n \/* \u79fb\u52a8\u7aef\u4f18\u5316 *\/\r\n @media (max-width: 768px) {\r\n .header-content {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 15px;\r\n }\r\n \r\n .logo {\r\n width: 100%;\r\n }\r\n \r\n .logo-text h1 {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .nav-toggle {\r\n display: block;\r\n position: absolute;\r\n top: 20px;\r\n right: 15px;\r\n }\r\n \r\n .form-row {\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n \r\n .test-sequence {\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n \r\n .results-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .direction-inputs {\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n \r\n .results-table {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .results-table th, .results-table td {\r\n padding: 8px 5px;\r\n }\r\n \r\n .btn {\r\n padding: 14px 20px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .main-content {\r\n padding: 15px 10px;\r\n }\r\n \r\n .card {\r\n padding: 15px;\r\n }\r\n \r\n .card-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .results-grid {\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n \r\n .test-step {\r\n font-size: 0.85rem;\r\n padding: 10px 8px;\r\n }\r\n \r\n .result-value {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .direction-inputs {\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n }\r\n \r\n \/* \u5b9e\u7528\u7c7b *\/\r\n .hidden {\r\n display: none;\r\n }\r\n \r\n .text-center {\r\n text-align: center;\r\n }\r\n \r\n .mt-20 {\r\n margin-top: 20px;\r\n }\r\n \r\n .mb-20 {\r\n margin-bottom: 20px;\r\n }\r\n \r\n .d-flex {\r\n display: flex;\r\n }\r\n \r\n .justify-between {\r\n justify-content: space-between;\r\n }\r\n \r\n .align-center {\r\n align-items: center;\r\n }\r\n \r\n \/* \u52a0\u8f7d\u52a8\u753b *\/\r\n .spinner {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n border: 3px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n border-top-color: white;\r\n animation: spin 1s ease-in-out infinite;\r\n }\r\n \r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <div class=\"header-content\">\r\n <div class=\"logo\">\r\n <i class=\"fas fa-hands\"><\/i>\r\n <div class=\"logo-text\">\r\n <h1>\u4e0a\u80a2Y-Balance\u6d4b\u8bd5<\/h1>\r\n <p>\u57fa\u4e8eFMS\u5b98\u65b9\u89c4\u8303 (YBT-UQ)<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"nav-toggle\" id=\"menuToggle\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n \r\n <main class=\"main-content\">\r\n <!-- \u53d7\u8bd5\u8005\u4fe1\u606f -->\r\n <section class=\"card\">\r\n <h2 class=\"card-title\"><i class=\"fas fa-user\"><\/i> \u53d7\u8bd5\u8005\u4fe1\u606f<\/h2>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"subjectName\">\u59d3\u540d<\/label>\r\n <input type=\"text\" id=\"subjectName\" placeholder=\"\u8f93\u5165\u53d7\u8bd5\u8005\u59d3\u540d\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"testDate\">\u6d4b\u8bd5\u65e5\u671f<\/label>\r\n <input type=\"date\" id=\"testDate\" value=\"\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"age\">\u5e74\u9f84<\/label>\r\n <input type=\"number\" id=\"age\" min=\"6\" max=\"100\" placeholder=\"\u5e74\u9f84\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"gender\">\u6027\u522b<\/label>\r\n <select id=\"gender\">\r\n <option value=\"\">\u9009\u62e9\u6027\u522b<\/option>\r\n <option value=\"male\">\u7537\u6027<\/option>\r\n <option value=\"female\">\u5973\u6027<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"sportActivity\">\u8fd0\u52a8\/\u6d3b\u52a8\u7c7b\u578b<\/label>\r\n <select id=\"sportActivity\">\r\n <option value=\"\">\u9009\u62e9\u8fd0\u52a8\/\u6d3b\u52a8\u7c7b\u578b<\/option>\r\n <option value=\"baseball\">\u68d2\u7403<\/option>\r\n <option value=\"swimming\">\u6e38\u6cf3<\/option>\r\n <option value=\"basketball\">\u7bee\u7403<\/option>\r\n <option value=\"volleyball\">\u6392\u7403<\/option>\r\n <option value=\"tennis\">\u7f51\u7403<\/option>\r\n <option value=\"military\">\u519b\u4e8b\u4eba\u5458<\/option>\r\n <option value=\"general\">\u666e\u901a\u5065\u8eab<\/option>\r\n <option value=\"rehabilitation\">\u5eb7\u590d\u671f<\/option>\r\n <option value=\"other\">\u5176\u4ed6<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- \u80a2\u4f53\u957f\u5ea6\u6d4b\u91cf -->\r\n <section class=\"card\">\r\n <h2 class=\"card-title\"><i class=\"fas fa-ruler\"><\/i> \u4e0a\u80a2\u80a2\u4f53\u957f\u5ea6\u6d4b\u91cf<\/h2>\r\n <div class=\"info-box\">\r\n <p><strong>\u6d4b\u91cf\u65b9\u6cd5:<\/strong> \u4eceC7\u68d8\u7a81\uff08\u9888\u6839\u90e8\u6700\u7a81\u51fa\u7684\u9aa8\u70b9\uff09\u5230\u6700\u957f\u624b\u6307\u5c16\u7684\u8ddd\u79bb\u3002\u624b\u81c2\u5916\u5c5590\u5ea6\uff0c\u6d4b\u91cf\u81f3\u6700\u8fd10.5\u5398\u7c73\u3002<\/p>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"rightArmLength\">\u53f3\u81c2\u957f\u5ea6 (cm)<\/label>\r\n <input type=\"number\" id=\"rightArmLength\" min=\"0\" step=\"0.5\" placeholder=\"\u4f8b\u5982: 75.5\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"leftArmLength\">\u5de6\u81c2\u957f\u5ea6 (cm)<\/label>\r\n <input type=\"number\" id=\"leftArmLength\" min=\"0\" step=\"0.5\" placeholder=\"\u4f8b\u5982: 75.0\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- \u6d4b\u8bd5\u8bf4\u660e -->\r\n <section class=\"card\">\r\n <h2 class=\"card-title\"><i class=\"fas fa-info-circle\"><\/i> \u6d4b\u8bd5\u8bf4\u660e\u4e0e\u6807\u51c6<\/h2>\r\n <div class=\"uq-instructions\">\r\n <p><strong>\u4e0a\u80a2YBT\u6d4b\u8bd5\u7279\u70b9:<\/strong><\/p>\r\n <ul>\r\n <li>\u6d4b\u8bd5\u65f6\u9700\u8d64\u8db3<\/li>\r\n <li>\u4e0e\u4e0b\u80a2\u6d4b\u8bd5\u4e0d\u540c\uff0c\u4e09\u4e2a\u65b9\u5411\u662f\u8fde\u7eed\u8fdb\u884c\u7684\uff0c\u4e2d\u95f4\u4e0d\u4f11\u606f<\/li>\r\n <li>\u6bcf\u4e2a\u65b9\u5411\u4e4b\u95f4\u4e0d\u89e6\u5730<\/li>\r\n <li>\u6bcf\u4e2a\u65b9\u5411\u8fdb\u884c3\u6b21\u5c1d\u8bd5\uff0c\u8bb0\u5f55\u6700\u5927\u8ddd\u79bb<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"uq-highlight\">\r\n <i class=\"fas fa-exclamation-circle\"><\/i> \u6d4b\u8bd5\u987a\u5e8f\uff1a\u53f3\u5185\u4fa7\u3001\u53f3\u4e0b\u5916\u4fa7\u3001\u53f3\u4e0a\u5916\u4fa7\uff08\u8fde\u7eed3\u6b21\u5c1d\u8bd5\uff09\uff0c\u7136\u540e\u5de6\u5185\u4fa7\u3001\u5de6\u4e0b\u5916\u4fa7\u3001\u5de6\u4e0a\u5916\u4fa7\uff08\u8fde\u7eed3\u6b21\u5c1d\u8bd5\uff09\r\n <\/div>\r\n \r\n <div class=\"test-sequence\">\r\n <div class=\"test-step\"><span class=\"test-step-number\">1<\/span>\u53f3\u5185\u4fa7 \u2192 \u53f3\u4e0b\u5916\u4fa7 \u2192 \u53f3\u4e0a\u5916\u4fa7\uff08\u8fde\u7eed\uff09<\/div>\r\n <div class=\"test-step\"><span class=\"test-step-number\">2<\/span>\u5de6\u5185\u4fa7 \u2192 \u5de6\u4e0b\u5916\u4fa7 \u2192 \u5de6\u4e0a\u5916\u4fa7\uff08\u8fde\u7eed\uff09<\/div>\r\n <\/div>\r\n \r\n <div class=\"warning-box\">\r\n <p><strong>\u6d4b\u8bd5\u5931\u8d25\u6761\u4ef6 (\u4efb\u4f55\u4e00\u9879\u5c06\u5bfc\u81f4\u5c1d\u8bd5\u65e0\u6548):<\/strong><\/p>\r\n <ul>\r\n <li>\u731b\u63a8\u63a8\u7bb1<\/li>\r\n <li>\u672a\u53d7\u63a7\u8fd4\u56de\u8d77\u59cb\u4f4d\u7f6e<\/li>\r\n <li>\u5728\u5b8c\u6210\u6240\u6709\u4e09\u4e2a\u65b9\u5411\u524d\u89e6\u5730<\/li>\r\n <li>\u624b\u653e\u5728\u7ad9\u7acb\u677f\u4e0a<\/li>\r\n <li>\u53cc\u811a\u672a\u4fdd\u6301\u4e0e\u5730\u9762\u63a5\u89e6<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"accordion\">\r\n <div class=\"accordion-item\">\r\n <div class=\"accordion-header\" id=\"thresholdHeader\">\r\n \u67e5\u770b\u8bc4\u4f30\u6807\u51c6\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"thresholdContent\">\r\n <p><strong>\u6839\u636eFMS\u5b98\u65b9\u6807\u51c6:<\/strong><\/p>\r\n <ul>\r\n <li><strong>\u5185\u4fa7\u4e0d\u5bf9\u79f0:<\/strong> > 4 cm (\u5371\u9669\u4fe1\u53f7)<\/li>\r\n <li><strong>\u4e0b\u5916\u4fa7\u4e0d\u5bf9\u79f0:<\/strong> > 4 cm (\u5371\u9669\u4fe1\u53f7)<\/li>\r\n <li><strong>\u4e0a\u5916\u4fa7\u4e0d\u5bf9\u79f0:<\/strong> > 4 cm (\u5371\u9669\u4fe1\u53f7)<\/li>\r\n <li><strong>\u590d\u5408\u5206\u6570\u9608\u503c (\u53c2\u8003):<\/strong> \u901a\u5e38\u4f7f\u752890%\u4f5c\u4e3a\u53c2\u8003\u9608\u503c<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- \u6d4b\u8bd5\u6570\u636e\u8f93\u5165 -->\r\n <section class=\"card\">\r\n <h2 class=\"card-title\"><i class=\"fas fa-edit\"><\/i> \u6d4b\u8bd5\u6570\u636e\u8f93\u5165<\/h2>\r\n \r\n <h3>\u53f3\u81c2\u6d4b\u8bd5\u6570\u636e \u3010\u652f\u6491\u4fa7\u3011(cm)<\/h3>\r\n <div class=\"reach-directions\">\r\n <div class=\"direction-group\">\r\n <div class=\"direction-title\">\u5185\u4fa7<\/div>\r\n <div class=\"direction-inputs\">\r\n <div>\r\n <label for=\"rm1\">\u5c1d\u8bd5 1<\/label>\r\n <input type=\"number\" id=\"rm1\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"rm2\">\u5c1d\u8bd5 2<\/label>\r\n <input type=\"number\" id=\"rm2\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"rm3\">\u5c1d\u8bd5 3<\/label>\r\n <input type=\"number\" id=\"rm3\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"direction-group\">\r\n <div class=\"direction-title\">\u4e0b\u5916\u4fa7<\/div>\r\n <div class=\"direction-inputs\">\r\n <div>\r\n <label for=\"ril1\">\u5c1d\u8bd5 1<\/label>\r\n <input type=\"number\" id=\"ril1\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"ril2\">\u5c1d\u8bd5 2<\/label>\r\n <input type=\"number\" id=\"ril2\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"ril3\">\u5c1d\u8bd5 3<\/label>\r\n <input type=\"number\" id=\"ril3\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"direction-group\">\r\n <div class=\"direction-title\">\u4e0a\u5916\u4fa7<\/div>\r\n <div class=\"direction-inputs\">\r\n <div>\r\n <label for=\"rsl1\">\u5c1d\u8bd5 1<\/label>\r\n <input type=\"number\" id=\"rsl1\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"rsl2\">\u5c1d\u8bd5 2<\/label>\r\n <input type=\"number\" id=\"rsl2\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"rsl3\">\u5c1d\u8bd5 3<\/label>\r\n <input type=\"number\" id=\"rsl3\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 style=\"margin-top: 25px;\">\u5de6\u81c2\u6d4b\u8bd5\u6570\u636e\u3010\u652f\u6491\u4fa7\u3011 (cm)<\/h3>\r\n <div class=\"reach-directions\">\r\n <div class=\"direction-group\">\r\n <div class=\"direction-title\">\u5185\u4fa7<\/div>\r\n <div class=\"direction-inputs\">\r\n <div>\r\n <label for=\"lm1\">\u5c1d\u8bd5 1<\/label>\r\n <input type=\"number\" id=\"lm1\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"lm2\">\u5c1d\u8bd5 2<\/label>\r\n <input type=\"number\" id=\"lm2\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"lm3\">\u5c1d\u8bd5 3<\/label>\r\n <input type=\"number\" id=\"lm3\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"direction-group\">\r\n <div class=\"direction-title\">\u4e0b\u5916\u4fa7<\/div>\r\n <div class=\"direction-inputs\">\r\n <div>\r\n <label for=\"lil1\">\u5c1d\u8bd5 1<\/label>\r\n <input type=\"number\" id=\"lil1\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"lil2\">\u5c1d\u8bd5 2<\/label>\r\n <input type=\"number\" id=\"lil2\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"lil3\">\u5c1d\u8bd5 3<\/label>\r\n <input type=\"number\" id=\"lil3\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"direction-group\">\r\n <div class=\"direction-title\">\u4e0a\u5916\u4fa7<\/div>\r\n <div class=\"direction-inputs\">\r\n <div>\r\n <label for=\"lsl1\">\u5c1d\u8bd5 1<\/label>\r\n <input type=\"number\" id=\"lsl1\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"lsl2\">\u5c1d\u8bd5 2<\/label>\r\n <input type=\"number\" id=\"lsl2\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <div>\r\n <label for=\"lsl3\">\u5c1d\u8bd5 3<\/label>\r\n <input type=\"number\" id=\"lsl3\" min=\"0\" step=\"0.5\" placeholder=\"0.0\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"btn\" id=\"calculateBtn\">\r\n <i class=\"fas fa-calculator\"><\/i> \u8ba1\u7b97\u6d4b\u8bd5\u7ed3\u679c\r\n <\/button>\r\n <button class=\"btn btn-reset\" id=\"resetBtn\">\r\n <i class=\"fas fa-redo\"><\/i> \u91cd\u7f6e\u6240\u6709\u6570\u636e\r\n <\/button>\r\n <\/section>\r\n \r\n <!-- \u6d4b\u8bd5\u7ed3\u679c -->\r\n <section class=\"results-container\" id=\"resultsContainer\">\r\n <div class=\"results-header\">\r\n <h2 class=\"results-title\"><i class=\"fas fa-chart-bar\"><\/i> \u6d4b\u8bd5\u7ed3\u679c<\/h2>\r\n <button class=\"btn-secondary\" id=\"exportBtn\">\r\n <i class=\"fas fa-download\"><\/i> \u5bfc\u51fa\u7ed3\u679c\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"results-grid\">\r\n <div class=\"result-card\">\r\n <div class=\"result-label\">\u53f3\u81c2\u590d\u5408\u5206\u6570<\/div>\r\n <div class=\"result-value\" id=\"rightComposite\">0.0<\/div>\r\n <div class=\"result-label\">% \u80a2\u4f53\u957f\u5ea6<\/div>\r\n <\/div>\r\n \r\n <div class=\"result-card\">\r\n <div class=\"result-label\">\u5de6\u81c2\u590d\u5408\u5206\u6570<\/div>\r\n <div class=\"result-value\" id=\"leftComposite\">0.0<\/div>\r\n <div class=\"result-label\">% \u80a2\u4f53\u957f\u5ea6<\/div>\r\n <\/div>\r\n \r\n <div class=\"result-card\">\r\n <div class=\"result-label\">\u5185\u4fa7\u4e0d\u5bf9\u79f0<\/div>\r\n <div class=\"result-value\" id=\"medialAsymmetry\">0.0<\/div>\r\n <div class=\"result-label\">\u5398\u7c73<\/div>\r\n <\/div>\r\n \r\n <div class=\"result-card\">\r\n <div class=\"result-label\">\u6700\u5927\u4e0d\u5bf9\u79f0<\/div>\r\n <div class=\"result-value\" id=\"maxAsymmetry\">0.0<\/div>\r\n <div class=\"result-label\">\u5398\u7c73<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 style=\"margin-top: 25px;\">\u8be6\u7ec6\u7ed3\u679c\u8868<\/h3>\r\n <table class=\"results-table\">\r\n <thead>\r\n <tr>\r\n <th>\u65b9\u5411<\/th>\r\n <th>\u53f3\u81c2 (cm)<\/th>\r\n <th>\u5de6\u81c2 (cm)<\/th>\r\n <th>\u5dee\u5f02 (cm)<\/th>\r\n <th>\u6807\u51c6<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\u5185\u4fa7<\/td>\r\n <td id=\"rightMedialMax\">0.0<\/td>\r\n <td id=\"leftMedialMax\">0.0<\/td>\r\n <td id=\"medialDiff\">0.0<\/td>\r\n <td id=\"medialStandard\">-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u4e0b\u5916\u4fa7<\/td>\r\n <td id=\"rightInferolateralMax\">0.0<\/td>\r\n <td id=\"leftInferolateralMax\">0.0<\/td>\r\n <td id=\"inferolateralDiff\">0.0<\/td>\r\n <td id=\"inferolateralStandard\">-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u4e0a\u5916\u4fa7<\/td>\r\n <td id=\"rightSuperolateralMax\">0.0<\/td>\r\n <td id=\"leftSuperolateralMax\">0.0<\/td>\r\n <td id=\"superolateralDiff\">0.0<\/td>\r\n <td id=\"superolateralStandard\">-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>\u590d\u5408\u5206\u6570<\/strong><\/td>\r\n <td id=\"rightCompositeScore\">0.0%<\/td>\r\n <td id=\"leftCompositeScore\">0.0%<\/td>\r\n <td>-<\/td>\r\n <td id=\"compositeStandard\">-<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n \r\n <div id=\"asymmetryAlert\" class=\"danger-box\" style=\"display: none;\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i> <strong>\u6ce8\u610f:<\/strong> \u68c0\u6d4b\u5230\u663e\u8457\u7684\u4e0a\u80a2\u529f\u80fd\u4e0d\u5bf9\u79f0\u6027\u3002\u4efb\u4f55\u65b9\u5411\u4e0d\u5bf9\u79f0>4cm\uff0c\u53ef\u80fd\u5b58\u5728\u53d7\u4f24\u98ce\u9669\u6216\u9700\u8981\u8fdb\u4e00\u6b65\u8bc4\u4f30\u3002\r\n <\/div>\r\n \r\n <div id=\"compositeAlert\" class=\"danger-box\" style=\"display: none; margin-top: 15px;\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i> <strong>\u8b66\u544a:<\/strong> \u590d\u5408\u5206\u6570\u4f4e\u4e8e\u9608\u503c(90%)\u3002\u8fd9\u53ef\u80fd\u63d0\u793a\u4e0a\u80a2\u52a8\u6001\u63a7\u5236\u80fd\u529b\u9700\u8981\u6539\u8fdb\u3002\r\n <\/div>\r\n \r\n <div class=\"accordion mt-20\">\r\n <div class=\"accordion-item\">\r\n <div class=\"accordion-header\" id=\"recommendationHeader\">\r\n \u67e5\u770b\u5efa\u8bae\u4e0e\u89e3\u91ca\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"recommendationContent\">\r\n <div id=\"recommendations\">\r\n <p>\u6839\u636e\u6d4b\u8bd5\u7ed3\u679c\uff0c\u5efa\u8bae\uff1a<\/p>\r\n <ul>\r\n <li>\u5b8c\u6210\u6d4b\u8bd5\u8ba1\u7b97\u4ee5\u83b7\u53d6\u4e2a\u6027\u5316\u5efa\u8bae<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- \u5feb\u901f\u793a\u4f8b\u586b\u5145 -->\r\n <section class=\"card\">\r\n <h2 class=\"card-title\"><i class=\"fas fa-vial\"><\/i> \u5feb\u901f\u793a\u4f8b<\/h2>\r\n <p>\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\u586b\u5145\u793a\u4f8b\u6570\u636e\u4ee5\u4f53\u9a8c\u8ba1\u7b97\u5668\u529f\u80fd\uff1a<\/p>\r\n <button class=\"btn-secondary\" id=\"fillSampleBtn\">\r\n <i class=\"fas fa-magic\"><\/i> \u586b\u5145\u793a\u4f8b\u6570\u636e\r\n <\/button>\r\n <\/section>\r\n <\/main>\r\n \r\n <footer>\r\n <p>\u00a9 2023 \u4e0a\u80a2Y-Balance\u6d4b\u8bd5\u8ba1\u7b97\u5668 | \u57fa\u4e8e\u529f\u80fd\u6027\u8fd0\u52a8\u7cfb\u7edf(FMS)\u5b98\u65b9\u89c4\u8303<\/p>\r\n <p style=\"margin-top: 8px; font-size: 0.8rem;\">\u4ec5\u4f9b\u4e13\u4e1a\u533b\u7597\u4eba\u5458\u4f7f\u7528\u3002\u6b64\u5de5\u5177\u4ec5\u4f5c\u4e3a\u8f85\u52a9\u8bc4\u4f30\uff0c\u4e0d\u80fd\u66ff\u4ee3\u4e13\u4e1a\u533b\u7597\u8bca\u65ad\u3002<\/p>\r\n <p style=\"margin-top: 5px; font-size: 0.8rem;\">\u53c2\u8003: Functional Movement Systems, Gray Cook and Phil Plisky. Y Balance Test Manual.<\/p>\r\n <p style=\"margin-top: 15px;\">\r\n <a href=\"#\" style=\"color: #1a6dbb; text-decoration: none;\">\u4e0b\u80a2YBT\u6d4b\u8bd5<\/a> | \r\n <a href=\"#\" style=\"color: #1a6dbb; text-decoration: none;\">\u5173\u4e8eYBT\u6d4b\u8bd5<\/a>\r\n <\/p>\r\n <\/footer>\r\n <\/div>\r\n \r\n <script>\r\n \/\/ \u8bbe\u7f6e\u9ed8\u8ba4\u6d4b\u8bd5\u65e5\u671f\u4e3a\u4eca\u5929\r\n document.getElementById('testDate').valueAsDate = new Date();\r\n \r\n \/\/ \u6298\u53e0\u9762\u677f\u529f\u80fd\r\n document.getElementById('thresholdHeader').addEventListener('click', function() {\r\n const content = document.getElementById('thresholdContent');\r\n const icon = this.querySelector('i');\r\n \r\n content.classList.toggle('active');\r\n this.classList.toggle('active');\r\n \r\n if (content.classList.contains('active')) {\r\n icon.classList.remove('fa-chevron-down');\r\n icon.classList.add('fa-chevron-up');\r\n } else {\r\n icon.classList.remove('fa-chevron-up');\r\n icon.classList.add('fa-chevron-down');\r\n }\r\n });\r\n \r\n document.getElementById('recommendationHeader').addEventListener('click', function() {\r\n const content = document.getElementById('recommendationContent');\r\n const icon = this.querySelector('i');\r\n \r\n content.classList.toggle('active');\r\n this.classList.toggle('active');\r\n \r\n if (content.classList.contains('active')) {\r\n icon.classList.remove('fa-chevron-down');\r\n icon.classList.add('fa-chevron-up');\r\n } else {\r\n icon.classList.remove('fa-chevron-up');\r\n icon.classList.add('fa-chevron-down');\r\n }\r\n });\r\n \r\n \/\/ \u8ba1\u7b97\u6309\u94ae\u4e8b\u4ef6\r\n document.getElementById('calculateBtn').addEventListener('click', calculateResults);\r\n \r\n \/\/ \u91cd\u7f6e\u6309\u94ae\u4e8b\u4ef6\r\n document.getElementById('resetBtn').addEventListener('click', function() {\r\n if (confirm(\"\u786e\u5b9a\u8981\u91cd\u7f6e\u6240\u6709\u6d4b\u8bd5\u6570\u636e\u5417\uff1f\")) {\r\n resetForm();\r\n }\r\n });\r\n \r\n \/\/ \u5bfc\u51fa\u6309\u94ae\u4e8b\u4ef6\r\n document.getElementById('exportBtn').addEventListener('click', exportResults);\r\n \r\n \/\/ \u793a\u4f8b\u6570\u636e\u6309\u94ae\u4e8b\u4ef6\r\n document.getElementById('fillSampleBtn').addEventListener('click', fillSampleData);\r\n \r\n \/\/ \u83dc\u5355\u5207\u6362\u6309\u94ae\uff08\u79fb\u52a8\u7aef\uff09\r\n document.getElementById('menuToggle').addEventListener('click', function() {\r\n alert(\"\u79fb\u52a8\u7aef\u83dc\u5355\u529f\u80fd\uff08\u793a\u4f8b\uff09\");\r\n });\r\n \r\n \/\/ \u8ba1\u7b97YBT-UQ\u7ed3\u679c\r\n function calculateResults() {\r\n \/\/ \u83b7\u53d6\u53d7\u8bd5\u8005\u4fe1\u606f\r\n const subjectName = document.getElementById('subjectName').value;\r\n const rightArmLength = parseFloat(document.getElementById('rightArmLength').value);\r\n const leftArmLength = parseFloat(document.getElementById('leftArmLength').value);\r\n \r\n \/\/ \u9a8c\u8bc1\u8f93\u5165\r\n if (!subjectName) {\r\n alert(\"\u8bf7\u8f93\u5165\u53d7\u8bd5\u8005\u59d3\u540d\");\r\n return;\r\n }\r\n \r\n if (isNaN(rightArmLength) || isNaN(leftArmLength) || rightArmLength <= 0 || leftArmLength <= 0) {\r\n alert(\"\u8bf7\u8f93\u5165\u6709\u6548\u7684\u4e0a\u80a2\u80a2\u4f53\u957f\u5ea6\uff08\u6b63\u6570\uff09\");\r\n return;\r\n }\r\n \r\n \/\/ \u8ba1\u7b97\u6bcf\u4e2a\u65b9\u5411\u7684\u6700\u5927\u503c\r\n const rightMedial = Math.max(\r\n parseFloat(document.getElementById('rm1').value) || 0,\r\n parseFloat(document.getElementById('rm2').value) || 0,\r\n parseFloat(document.getElementById('rm3').value) || 0\r\n );\r\n \r\n const rightInferolateral = Math.max(\r\n parseFloat(document.getElementById('ril1').value) || 0,\r\n parseFloat(document.getElementById('ril2').value) || 0,\r\n parseFloat(document.getElementById('ril3').value) || 0\r\n );\r\n \r\n const rightSuperolateral = Math.max(\r\n parseFloat(document.getElementById('rsl1').value) || 0,\r\n parseFloat(document.getElementById('rsl2').value) || 0,\r\n parseFloat(document.getElementById('rsl3').value) || 0\r\n );\r\n \r\n const leftMedial = Math.max(\r\n parseFloat(document.getElementById('lm1').value) || 0,\r\n parseFloat(document.getElementById('lm2').value) || 0,\r\n parseFloat(document.getElementById('lm3').value) || 0\r\n );\r\n \r\n const leftInferolateral = Math.max(\r\n parseFloat(document.getElementById('lil1').value) || 0,\r\n parseFloat(document.getElementById('lil2').value) || 0,\r\n parseFloat(document.getElementById('lil3').value) || 0\r\n );\r\n \r\n const leftSuperolateral = Math.max(\r\n parseFloat(document.getElementById('lsl1').value) || 0,\r\n parseFloat(document.getElementById('lsl2').value) || 0,\r\n parseFloat(document.getElementById('lsl3').value) || 0\r\n );\r\n \r\n \/\/ \u9a8c\u8bc1\u6d4b\u8bd5\u6570\u636e\r\n if (rightMedial === 0 && rightInferolateral === 0 && rightSuperolateral === 0) {\r\n alert(\"\u8bf7\u81f3\u5c11\u8f93\u5165\u4e00\u4e2a\u65b9\u5411\u7684\u6d4b\u8bd5\u6570\u636e\");\r\n return;\r\n }\r\n \r\n \/\/ \u8ba1\u7b97\u603b\u548c\r\n const rightTotal = rightMedial + rightInferolateral + rightSuperolateral;\r\n const leftTotal = leftMedial + leftInferolateral + leftSuperolateral;\r\n \r\n \/\/ \u8ba1\u7b97\u590d\u5408\u5206\u6570\uff08\u767e\u5206\u6bd4\uff09\r\n const rightComposite = (rightTotal \/ (3 * rightArmLength)) * 100;\r\n const leftComposite = (leftTotal \/ (3 * leftArmLength)) * 100;\r\n \r\n \/\/ \u8ba1\u7b97\u4e0d\u5bf9\u79f0\u6027\r\n const medialDiff = Math.abs(rightMedial - leftMedial);\r\n const inferolateralDiff = Math.abs(rightInferolateral - leftInferolateral);\r\n const superolateralDiff = Math.abs(rightSuperolateral - leftSuperolateral);\r\n \r\n const maxAsymmetry = Math.max(medialDiff, inferolateralDiff, superolateralDiff);\r\n \r\n \/\/ \u8bc4\u4f30\u6807\u51c6\uff08\u4e0a\u80a2\u4e0d\u5bf9\u79f0\u6807\u51c6\u4e3a>4cm\uff09\r\n const medialStandard = medialDiff <= 4 ? \"optimal\" : \"below\";\r\n const inferolateralStandard = inferolateralDiff <= 4 ? \"optimal\" : \"below\";\r\n const superolateralStandard = superolateralDiff <= 4 ? \"optimal\" : \"below\";\r\n \r\n \/\/ \u4e0a\u80a2\u590d\u5408\u5206\u6570\u9608\u503c\r\n const uqThreshold = 90;\r\n const rightCompositeStandard = rightComposite >= uqThreshold ? \"optimal\" : \"below\";\r\n const leftCompositeStandard = leftComposite >= uqThreshold ? \"optimal\" : \"below\";\r\n const compositeStandard = rightComposite >= uqThreshold && leftComposite >= uqThreshold ? \"optimal\" : \"below\";\r\n \r\n \/\/ \u66f4\u65b0\u7ed3\u679c\u663e\u793a\r\n document.getElementById('rightComposite').textContent = rightComposite.toFixed(1);\r\n document.getElementById('leftComposite').textContent = leftComposite.toFixed(1);\r\n document.getElementById('medialAsymmetry').textContent = medialDiff.toFixed(1);\r\n document.getElementById('maxAsymmetry').textContent = maxAsymmetry.toFixed(1);\r\n \r\n \/\/ \u66f4\u65b0\u8be6\u7ec6\u6570\u636e\r\n document.getElementById('rightMedialMax').textContent = rightMedial.toFixed(1);\r\n document.getElementById('rightInferolateralMax').textContent = rightInferolateral.toFixed(1);\r\n document.getElementById('rightSuperolateralMax').textContent = rightSuperolateral.toFixed(1);\r\n \r\n document.getElementById('leftMedialMax').textContent = leftMedial.toFixed(1);\r\n document.getElementById('leftInferolateralMax').textContent = leftInferolateral.toFixed(1);\r\n document.getElementById('leftSuperolateralMax').textContent = leftSuperolateral.toFixed(1);\r\n \r\n document.getElementById('medialDiff').textContent = medialDiff.toFixed(1);\r\n document.getElementById('inferolateralDiff').textContent = inferolateralDiff.toFixed(1);\r\n document.getElementById('superolateralDiff').textContent = superolateralDiff.toFixed(1);\r\n \r\n document.getElementById('rightCompositeScore').textContent = rightComposite.toFixed(1) + \"%\";\r\n document.getElementById('leftCompositeScore').textContent = leftComposite.toFixed(1) + \"%\";\r\n \r\n \/\/ \u66f4\u65b0\u6807\u51c6\u8bc4\u4f30\r\n document.getElementById('medialStandard').innerHTML = getStandardHTML(medialStandard);\r\n document.getElementById('inferolateralStandard').innerHTML = getStandardHTML(inferolateralStandard);\r\n document.getElementById('superolateralStandard').innerHTML = getStandardHTML(superolateralStandard);\r\n document.getElementById('compositeStandard').innerHTML = getStandardHTML(compositeStandard);\r\n \r\n \/\/ \u663e\u793a\u4e0d\u5bf9\u79f0\u6027\u8b66\u544a\r\n const asymmetryAlert = document.getElementById('asymmetryAlert');\r\n const compositeAlert = document.getElementById('compositeAlert');\r\n \r\n if (medialDiff > 4 || inferolateralDiff > 4 || superolateralDiff > 4) {\r\n asymmetryAlert.style.display = 'block';\r\n } else {\r\n asymmetryAlert.style.display = 'none';\r\n }\r\n \r\n if (rightComposite < uqThreshold || leftComposite < uqThreshold) {\r\n compositeAlert.style.display = 'block';\r\n } else {\r\n compositeAlert.style.display = 'none';\r\n }\r\n \r\n \/\/ \u663e\u793a\u7ed3\u679c\u5bb9\u5668\r\n document.getElementById('resultsContainer').style.display = 'block';\r\n \r\n \/\/ \u751f\u6210\u5efa\u8bae\r\n generateRecommendations(rightComposite, leftComposite, maxAsymmetry);\r\n \r\n \/\/ \u6eda\u52a8\u5230\u7ed3\u679c\u533a\u57df\r\n document.getElementById('resultsContainer').scrollIntoView({ behavior: 'smooth' });\r\n }\r\n \r\n \/\/ \u83b7\u53d6\u6807\u51c6HTML\r\n function getStandardHTML(standard) {\r\n switch(standard) {\r\n case \"optimal\":\r\n return '<span class=\"standard-optimal\">\u4f18\u79c0<\/span>';\r\n case \"pass\":\r\n return '<span class=\"standard-pass\">\u5408\u683c<\/span>';\r\n case \"below\":\r\n return '<span class=\"standard-below\">\u9700\u6539\u8fdb<\/span>';\r\n default:\r\n return \"-\";\r\n }\r\n }\r\n \r\n \/\/ \u751f\u6210\u5efa\u8bae\r\n function generateRecommendations(rightComposite, leftComposite, maxAsymmetry) {\r\n const recommendations = document.getElementById('recommendations');\r\n let recommendationHTML = \"<p>\u6839\u636e\u6d4b\u8bd5\u7ed3\u679c\uff0c\u5efa\u8bae\uff1a<\/p><ul>\";\r\n \r\n if (maxAsymmetry > 4) {\r\n recommendationHTML += \"<li>\u8fdb\u884c\u4e0a\u80a2\u4e0d\u5bf9\u79f0\u6027\u7684\u9488\u5bf9\u6027\u8bad\u7ec3\uff0c\u6539\u5584\u80a9\u80db\u7a33\u5b9a\u6027\u548c\u6838\u5fc3\u63a7\u5236<\/li>\";\r\n }\r\n \r\n if (rightComposite < 90 || leftComposite < 90) {\r\n recommendationHTML += \"<li>\u8fdb\u884c\u4e0a\u80a2\u529b\u91cf\u3001\u7a33\u5b9a\u6027\u548c\u67d4\u97e7\u6027\u8bad\u7ec3\u4ee5\u63d0\u9ad8\u590d\u5408\u5206\u6570\uff08\u76ee\u6807\u226590%\uff09<\/li>\";\r\n }\r\n \r\n if (maxAsymmetry <= 4 && rightComposite >= 90 && leftComposite >= 90) {\r\n recommendationHTML += \"<li>\u4e0a\u80a2\u529f\u80fd\u826f\u597d\uff0c\u5efa\u8bae\u7ef4\u6301\u5f53\u524d\u8bad\u7ec3\u8ba1\u5212<\/li>\";\r\n }\r\n \r\n if (maxAsymmetry > 4 || rightComposite < 90 || leftComposite < 90) {\r\n recommendationHTML += \"<li>\u8003\u8651\u7ed3\u5408\u529f\u80fd\u6027\u52a8\u4f5c\u7b5b\u67e5(FMS)\u8fdb\u884c\u66f4\u5168\u9762\u7684\u8bc4\u4f30<\/li>\";\r\n recommendationHTML += \"<li>\u5982\u6709\u80a9\u90e8\u3001\u8098\u90e8\u6216\u8155\u90e8\u75bc\u75db\uff0c\u5efa\u8bae\u54a8\u8be2\u7269\u7406\u6cbb\u7597\u5e08\u6216\u8fd0\u52a8\u533b\u5b66\u4e13\u5bb6<\/li>\";\r\n }\r\n \r\n recommendationHTML += \"<\/ul>\";\r\n recommendations.innerHTML = recommendationHTML;\r\n \r\n \/\/ \u786e\u4fdd\u5efa\u8bae\u9762\u677f\u5c55\u5f00\r\n document.getElementById('recommendationContent').classList.add('active');\r\n document.getElementById('recommendationHeader').classList.add('active');\r\n document.getElementById('recommendationHeader').querySelector('i').classList.remove('fa-chevron-down');\r\n document.getElementById('recommendationHeader').querySelector('i').classList.add('fa-chevron-up');\r\n }\r\n \r\n \/\/ \u91cd\u7f6e\u8868\u5355\r\n function resetForm() {\r\n \/\/ \u91cd\u7f6e\u8f93\u5165\u5b57\u6bb5\r\n const inputs = document.querySelectorAll('input[type=\"text\"], input[type=\"number\"], input[type=\"date\"]');\r\n inputs.forEach(input => {\r\n if (input.id !== 'testDate') {\r\n input.value = '';\r\n }\r\n });\r\n \r\n \/\/ \u91cd\u7f6e\u9009\u62e9\u5b57\u6bb5\r\n document.getElementById('gender').value = '';\r\n document.getElementById('sportActivity').value = '';\r\n \r\n \/\/ \u8bbe\u7f6e\u9ed8\u8ba4\u65e5\u671f\r\n document.getElementById('testDate').valueAsDate = new Date();\r\n \r\n \/\/ \u9690\u85cf\u7ed3\u679c\u5bb9\u5668\r\n document.getElementById('resultsContainer').style.display = 'none';\r\n }\r\n \r\n \/\/ \u5bfc\u51fa\u7ed3\u679c\r\n function exportResults() {\r\n const subjectName = document.getElementById('subjectName').value || \"\u672a\u547d\u540d\u53d7\u8bd5\u8005\";\r\n const testDate = document.getElementById('testDate').value || new Date().toISOString().split('T')[0];\r\n const age = document.getElementById('age').value || \"\u672a\u6307\u5b9a\";\r\n const gender = document.getElementById('gender').value === \"male\" ? \"\u7537\u6027\" : \r\n document.getElementById('gender').value === \"female\" ? \"\u5973\u6027\" : \"\u672a\u6307\u5b9a\";\r\n const sportActivity = document.getElementById('sportActivity').value || \"\u672a\u6307\u5b9a\";\r\n \r\n let exportContent = `\u4e0a\u80a2Y-Balance\u6d4b\u8bd5\u62a5\u544a\\n`;\r\n exportContent += `====================\\n\\n`;\r\n exportContent += `\u53d7\u8bd5\u8005\u4fe1\u606f:\\n`;\r\n exportContent += `\u59d3\u540d: ${subjectName}\\n`;\r\n exportContent += `\u6d4b\u8bd5\u65e5\u671f: ${testDate}\\n`;\r\n exportContent += `\u5e74\u9f84: ${age}\\n`;\r\n exportContent += `\u6027\u522b: ${gender}\\n`;\r\n exportContent += `\u8fd0\u52a8\/\u6d3b\u52a8\u7c7b\u578b: ${sportActivity}\\n\\n`;\r\n \r\n \/\/ \u6d4b\u8bd5\u7ed3\u679c\r\n if (document.getElementById('resultsContainer').style.display === 'block') {\r\n exportContent += `\u4e0a\u80a2YBT\u6d4b\u8bd5\u7ed3\u679c:\\n`;\r\n exportContent += `-----------------\\n`;\r\n exportContent += `\u53f3\u81c2\u590d\u5408\u5206\u6570: ${document.getElementById('rightComposite').textContent}%\\n`;\r\n exportContent += `\u5de6\u81c2\u590d\u5408\u5206\u6570: ${document.getElementById('leftComposite').textContent}%\\n`;\r\n exportContent += `\u5185\u4fa7\u4e0d\u5bf9\u79f0: ${document.getElementById('medialAsymmetry').textContent} cm\\n`;\r\n exportContent += `\u6700\u5927\u4e0d\u5bf9\u79f0: ${document.getElementById('maxAsymmetry').textContent} cm\\n\\n`;\r\n \r\n exportContent += `\u8be6\u7ec6\u6570\u636e:\\n`;\r\n exportContent += `\u65b9\u5411\\t\\t\u53f3\u81c2(cm)\\t\u5de6\u81c2(cm)\\t\u5dee\u5f02(cm)\\t\u6807\u51c6\\n`;\r\n exportContent += `\u5185\u4fa7\\t\\t${document.getElementById('rightMedialMax').textContent}\\t\\t${document.getElementById('leftMedialMax').textContent}\\t\\t${document.getElementById('medialDiff').textContent}\\t\\t${document.getElementById('medialStandard').textContent}\\n`;\r\n exportContent += `\u4e0b\u5916\u4fa7\\t\\t${document.getElementById('rightInferolateralMax').textContent}\\t\\t${document.getElementById('leftInferolateralMax').textContent}\\t\\t${document.getElementById('inferolateralDiff').textContent}\\t\\t${document.getElementById('inferolateralStandard').textContent}\\n`;\r\n exportContent += `\u4e0a\u5916\u4fa7\\t\\t${document.getElementById('rightSuperolateralMax').textContent}\\t\\t${document.getElementById('leftSuperolateralMax').textContent}\\t\\t${document.getElementById('superolateralDiff').textContent}\\t\\t${document.getElementById('superolateralStandard').textContent}\\n`;\r\n }\r\n \r\n exportContent += `\\n\\n\u6ce8: \u672c\u62a5\u544a\u57fa\u4e8e\u529f\u80fd\u6027\u8fd0\u52a8\u7cfb\u7edf(FMS)Y-Balance\u6d4b\u8bd5\u89c4\u8303\u751f\u6210\u3002\\n`;\r\n exportContent += `\u7ed3\u679c\u4ec5\u4f9b\u53c2\u8003\uff0c\u4e0d\u80fd\u66ff\u4ee3\u4e13\u4e1a\u533b\u7597\u8bc4\u4f30\u3002\\n`;\r\n exportContent += `\u62a5\u544a\u751f\u6210\u65e5\u671f: ${new Date().toLocaleDateString('zh-CN')}\\n`;\r\n \r\n \/\/ \u521b\u5efa\u4e0b\u8f7d\u94fe\u63a5\r\n const blob = new Blob([exportContent], { type: 'text\/plain;charset=utf-8' });\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = `YBT-UQ_${subjectName}_${testDate}.txt`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n URL.revokeObjectURL(url);\r\n \r\n \/\/ \u663e\u793a\u6210\u529f\u6d88\u606f\r\n alert('\u6d4b\u8bd5\u7ed3\u679c\u5df2\u5bfc\u51fa\u4e3a\u6587\u672c\u6587\u4ef6\uff01');\r\n }\r\n \r\n \/\/ \u586b\u5145\u793a\u4f8b\u6570\u636e\r\n function fillSampleData() {\r\n \/\/ \u53d7\u8bd5\u8005\u4fe1\u606f\r\n document.getElementById('subjectName').value = '\u674e\u534e';\r\n document.getElementById('age').value = '28';\r\n document.getElementById('gender').value = 'female';\r\n document.getElementById('sportActivity').value = 'swimming';\r\n \r\n \/\/ \u4e0a\u80a2\u957f\u5ea6\r\n document.getElementById('rightArmLength').value = '75.5';\r\n document.getElementById('leftArmLength').value = '75.0';\r\n \r\n \/\/ \u4e0a\u80a2\u6d4b\u8bd5\u6570\u636e\r\n document.getElementById('rm1').value = '78.5';\r\n document.getElementById('rm2').value = '79.0';\r\n document.getElementById('rm3').value = '78.0';\r\n \r\n document.getElementById('ril1').value = '82.0';\r\n document.getElementById('ril2').value = '83.5';\r\n document.getElementById('ril3').value = '81.5';\r\n \r\n document.getElementById('rsl1').value = '68.0';\r\n document.getElementById('rsl2').value = '69.5';\r\n document.getElementById('rsl3').value = '67.5';\r\n \r\n document.getElementById('lm1').value = '77.0';\r\n document.getElementById('lm2').value = '77.5';\r\n document.getElementById('lm3').value = '76.5';\r\n \r\n document.getElementById('lil1').value = '81.0';\r\n document.getElementById('lil2').value = '82.5';\r\n document.getElementById('lil3').value = '80.5';\r\n \r\n document.getElementById('lsl1').value = '67.0';\r\n document.getElementById('lsl2').value = '68.5';\r\n document.getElementById('lsl3').value = '66.5';\r\n \r\n \/\/ \u663e\u793a\u6210\u529f\u6d88\u606f\r\n alert('\u793a\u4f8b\u6570\u636e\u5df2\u586b\u5145\uff01\u73b0\u5728\u53ef\u4ee5\u70b9\u51fb\"\u8ba1\u7b97\u6d4b\u8bd5\u7ed3\u679c\"\u6309\u94ae\u67e5\u770b\u793a\u4f8b\u7ed3\u679c\u3002');\r\n }\r\n \r\n \/\/ \u9875\u9762\u52a0\u8f7d\u65f6\u6267\u884c\r\n window.addEventListener('load', function() {\r\n \/\/ \u8bbe\u7f6e\u9ed8\u8ba4\u6d4b\u8bd5\u65e5\u671f\r\n document.getElementById('testDate').valueAsDate = new Date();\r\n \r\n \/\/ \u79fb\u52a8\u7aef\u4f18\u5316\uff1a\u8c03\u6574\u8f93\u5165\u6846\u7c7b\u578b\u4ee5\u663e\u793a\u6570\u5b57\u952e\u76d8\r\n const numberInputs = document.querySelectorAll('input[type=\"number\"]');\r\n numberInputs.forEach(input => {\r\n input.setAttribute('inputmode', 'decimal');\r\n });\r\n \r\n \/\/ \u6dfb\u52a0\u89e6\u6478\u53cd\u9988\u6548\u679c\r\n const buttons = document.querySelectorAll('.btn, .btn-secondary');\r\n buttons.forEach(button => {\r\n button.addEventListener('touchstart', function() {\r\n this.style.transform = 'scale(0.98)';\r\n });\r\n \r\n button.addEventListener('touchend', function() {\r\n this.style.transform = '';\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e0a\u80a2Y-Balance\u6d4b\u8bd5 (YBT-UQ) | FMS\u5b98\u65b9\u89c4\u8303 \u4e0a\u80a2Y-Balance\u6d4b\u8bd5 \u57fa\u4e8eFMS\u5b98\u65b9\u89c4 […]<\/p>\n","protected":false},"author":1,"featured_media":1887,"parent":1307,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1891","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/pages\/1891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.funpt.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1891"}],"version-history":[{"count":10,"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/pages\/1891\/revisions"}],"predecessor-version":[{"id":1911,"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/pages\/1891\/revisions\/1911"}],"up":[{"embeddable":true,"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/pages\/1307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.funpt.cn\/index.php?rest_route=\/wp\/v2\/media\/1887"}],"wp:attachment":[{"href":"https:\/\/www.funpt.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}