\u8fd0\u52a8\u6d88\u8017\u5361\u8def\u91cc\u8ba1\u7b97\u5668<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: #ffffff;\n min-height: 100vh;\n padding: 20px 10px;\n }\n \n .calculator-container {\n max-width: 1200px;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n backdrop-filter: blur(10px);\n }\n \n .header {\n background: linear-gradient(45deg, #F0605C, #E5544F);\n color: white;\n text-align: center;\n padding: 20px;\n }\n \n .header h1 {\n font-size: 2rem;\n margin: 0;\n font-weight: 300;\n }\n \n .content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n min-height: 600px;\n }\n \n .controls {\n padding: 40px 30px;\n background: #f8f9fa;\n border-right: 1px solid #e9ecef;\n overflow-y: auto;\n max-height: 700px;\n }\n \n .result-panel {\n padding: 40px 30px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n \n \/* Wide screen layout for results *\/\n @media (min-width: 1024px) {\n .result-panel {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n align-items: center;\n text-align: left;\n }\n \n .result-card {\n grid-column: 1;\n max-width: none !important;\n }\n \n .calculation-details {\n grid-column: 2;\n background: white !important;\n border-radius: 12px !important;\n padding: 30px !important;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n \n .result-card .calculation-details {\n display: none;\n }\n }\n \n .control-group {\n margin-bottom: 35px;\n }\n \n .control-group label {\n display: block;\n font-weight: 600;\n color: #F0605C;\n margin-bottom: 15px;\n font-size: 1.1rem;\n }\n \n .weight-input, .duration-input {\n width: 100%;\n padding: 12px;\n border: 2px solid #e9ecef;\n border-radius: 10px;\n font-size: 1.2rem;\n text-align: center;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n \n .weight-input:focus, .duration-input:focus {\n outline: none;\n border-color: #F0605C;\n box-shadow: 0 0 0 3px rgba(240, 96, 92, 0.1);\n }\n \n .unit-toggle {\n display: flex;\n background: #e9ecef;\n border-radius: 12px;\n padding: 4px;\n }\n \n .unit-option {\n flex: 1;\n padding: 12px 10px;\n text-align: center;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n border-radius: 8px;\n min-width: 50px;\n }\n \n .unit-option.active {\n background: white;\n color: #F0605C;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n \n .duration-options {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n margin-bottom: 15px;\n }\n \n .duration-option {\n padding: 10px;\n border: 2px solid #e9ecef;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-align: center;\n background: white;\n font-weight: 600;\n font-size: 0.9rem;\n }\n \n .duration-option:hover {\n border-color: #F0605C;\n transform: translateY(-1px);\n }\n \n .duration-option.selected {\n border-color: #F0605C;\n background: rgba(240, 96, 92, 0.1);\n color: #F0605C;\n }\n \n .exercise-categories {\n max-height: 300px;\n overflow-y: auto;\n border: 2px solid #e9ecef;\n border-radius: 10px;\n background: white;\n }\n \n .category-header {\n background: linear-gradient(45deg, #F0605C, #E5544F);\n color: white;\n padding: 12px 15px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .category-header:hover {\n background: linear-gradient(45deg, #E5544F, #DA4F4A);\n }\n \n .category-arrow {\n transition: transform 0.3s ease;\n font-size: 0.8rem;\n }\n \n .category-arrow.expanded {\n transform: rotate(180deg);\n }\n \n .category-content {\n display: none;\n background: #f8f9fa;\n padding: 10px;\n }\n \n .category-content.active {\n display: block;\n }\n \n .exercise-option {\n padding: 8px 12px;\n margin: 2px 0;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: white;\n border: 1px solid #e9ecef;\n }\n \n .exercise-option:hover {\n background: rgba(240, 96, 92, 0.1);\n border-color: #F0605C;\n }\n \n .exercise-option.selected {\n background: rgba(240, 96, 92, 0.2);\n border-color: #F0605C;\n color: #F0605C;\n font-weight: 600;\n }\n \n .exercise-name {\n flex: 1;\n }\n \n .exercise-met {\n font-size: 0.8rem;\n color: #6c757d;\n font-weight: 600;\n }\n \n .exercise-option.selected .exercise-met {\n color: #F0605C;\n }\n \n .result-card {\n background: rgba(240, 96, 92, 0.1);\n border: 2px solid #F0605C;\n border-radius: 20px;\n padding: 40px;\n max-width: 400px;\n width: 100%;\n }\n \n .calories-number {\n font-size: 3rem;\n font-weight: 700;\n color: #F0605C;\n margin-bottom: 10px;\n line-height: 1;\n }\n \n .calories-label {\n font-size: 1.2rem;\n color: #6c757d;\n margin-bottom: 30px;\n font-weight: 600;\n }\n \n .calculation-details {\n background: white;\n border-radius: 12px;\n padding: 20px;\n text-align: left;\n }\n \n .detail-row {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n padding: 5px 0;\n border-bottom: 1px solid #f0f0f0;\n }\n \n .detail-row:last-child {\n border-bottom: none;\n font-weight: 600;\n color: #F0605C;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 2px solid #F0605C;\n }\n \n .detail-label {\n color: #6c757d;\n }\n \n .detail-value {\n font-weight: 600;\n }\n \n .formula-note {\n font-size: 0.8rem;\n color: #6c757d;\n margin-top: 15px;\n font-style: italic;\n text-align: center;\n }\n \n @media (max-width: 768px) {\n .weight-container {\n flex-direction: column !important;\n gap: 15px !important;\n }\n \n .weight-input {\n width: 100% !important;\n }\n \n .content {\n grid-template-columns: 1fr;\n }\n \n .controls {\n border-right: none;\n border-bottom: 1px solid #e9ecef;\n max-height: none;\n }\n \n .header h1 {\n font-size: 1.5rem;\n }\n \n .duration-options {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .controls, .result-panel {\n padding: 25px 20px;\n }\n \n .result-card {\n padding: 25px;\n }\n \n .calories-number {\n font-size: 2.5rem;\n }\n \n \/* Mobile: single column layout *\/\n .result-panel {\n display: flex !important;\n flex-direction: column !important;\n text-align: center !important;\n }\n \n .result-card .calculation-details {\n display: block !important;\n }\n }\n \n @media (max-width: 480px) {\n body {\n padding: 10px 5px;\n }\n \n .duration-options {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .calories-number {\n font-size: 2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"calculator-container\">\n <div class=\"content\">\n <div class=\"controls\">\n <div class=\"control-group\">\n <label>\u4f53\u91cd<\/label>\n <div class=\"weight-container\" style=\"display: flex; gap: 15px; align-items: flex-end; margin-bottom: 20px;\">\n <input type=\"number\" id=\"weight\" class=\"weight-input\" value=\"70\" min=\"30\" max=\"200\" placeholder=\"\u8f93\u5165\u60a8\u7684\u4f53\u91cd\" style=\"flex: 1;\">\n <div class=\"unit-toggle\">\n <div class=\"unit-option active\" data-unit=\"kg\">\u516c\u65a4<\/div>\n <div class=\"unit-option\" data-unit=\"lbs\">\u78c5<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"control-group\">\n <label>\u6301\u7eed\u65f6\u95f4\uff08\u5206\u949f\uff09<\/label>\n <div class=\"duration-options\">\n <div class=\"duration-option\" data-duration=\"15\">15 \u5206\u949f<\/div>\n <div class=\"duration-option\" data-duration=\"20\">20 \u5206\u949f<\/div>\n <div class=\"duration-option\" data-duration=\"25\">25 \u5206\u949f<\/div>\n <div class=\"duration-option selected\" data-duration=\"30\">30 \u5206\u949f<\/div>\n <div class=\"duration-option\" data-duration=\"35\">35 \u5206\u949f<\/div>\n <div class=\"duration-option\" data-duration=\"40\">40 \u5206\u949f<\/div>\n <div class=\"duration-option\" data-duration=\"45\">45 \u5206\u949f<\/div>\n <div class=\"duration-option\" data-duration=\"60\">60 \u5206\u949f<\/div>\n <\/div>\n <input type=\"number\" id=\"duration\" class=\"duration-input\" value=\"30\" min=\"1\" max=\"300\" placeholder=\"\u6216\u8f93\u5165\u81ea\u5b9a\u4e49\u5206\u949f\u6570\">\n <\/div>\n \n <div class=\"control-group\">\n <label>\u8fd0\u52a8\u7c7b\u578b<\/label>\n <div class=\"exercise-categories\" id=\"exerciseCategories\">\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Walking')\">\n <span>\u6b65\u884c<\/span>\n <span class=\"category-arrow expanded\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content active\" id=\"category-Walking\">\n <div class=\"exercise-option selected\" onclick=\"selectExercise('Outdoor Walk', 3)\" data-exercise=\"Outdoor Walk\" data-met=\"3\">\n <span class=\"exercise-name\">\u6237\u5916\u6b65\u884c<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Walk', 2)\" data-exercise=\"Indoor Walk\" data-met=\"2\">\n <span class=\"exercise-name\">\u5ba4\u5185\u6b65\u884c<\/span>\n <span class=\"exercise-met\">MET 2<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Hiking', 3)\" data-exercise=\"Hiking\" data-met=\"3\">\n <span class=\"exercise-name\">\u5f92\u6b65<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Dog Walk', 1.5)\" data-exercise=\"Dog Walk\" data-met=\"1.5\">\n <span class=\"exercise-name\">\u905b\u72d7<\/span>\n <span class=\"exercise-met\">MET 1.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('City Walk', 1.5)\" data-exercise=\"City Walk\" data-met=\"1.5\">\n <span class=\"exercise-name\">\u57ce\u5e02\u6f2b\u6b65<\/span>\n <span class=\"exercise-met\">MET 1.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Running')\">\n <span>\u8dd1\u6b65<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Running\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Rucking', 4)\" data-exercise=\"Rucking\" data-met=\"4\">\n <span class=\"exercise-name\">\u62e6\u622a<\/span>\n <span class=\"exercise-met\">MET 4<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Run', 8)\" data-exercise=\"Outdoor Run\" data-met=\"8\">\n <span class=\"exercise-name\">\u6237\u5916\u8dd1\u6b65<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Run', 7)\" data-exercise=\"Indoor Run\" data-met=\"7\">\n <span class=\"exercise-name\">\u5ba4\u5185\u8dd1\u6b65<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Trail Run', 9)\" data-exercise=\"Trail Run\" data-met=\"9\">\n <span class=\"exercise-name\">\u8d8a\u91ce\u8dd1<\/span>\n <span class=\"exercise-met\">MET 9<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Dog Run', 5)\" data-exercise=\"Dog Run\" data-met=\"5\">\n <span class=\"exercise-name\">\u72d7\u72d7\u8dd1\u9053<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Stroller Run', 5)\" data-exercise=\"Stroller Run\" data-met=\"5\">\n <span class=\"exercise-name\">\u7ae5\u8f66\u8dd1<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Spartan Run', 10)\" data-exercise=\"Spartan Run\" data-met=\"10\">\n <span class=\"exercise-name\">\u65af\u5df4\u8fbe\u8dd1<\/span>\n <span class=\"exercise-met\">MET 10<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Cycling')\">\n <span>\u9a91\u884c<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Cycling\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Ride', 6)\" data-exercise=\"Outdoor Ride\" data-met=\"6\">\n <span class=\"exercise-name\">\u6237\u5916\u9a91\u884c<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Ride', 5)\" data-exercise=\"Indoor Ride\" data-met=\"5\">\n <span class=\"exercise-name\">\u5ba4\u5185\u9a91\u884c<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('E-Bike Ride', 2)\" data-exercise=\"E-Bike Ride\" data-met=\"2\">\n <span class=\"exercise-name\">\u7535\u52a8\u81ea\u884c\u8f66\u9a91\u884c<\/span>\n <span class=\"exercise-met\">MET 2<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Gravel Ride', 8)\" data-exercise=\"Gravel Ride\" data-met=\"8\">\n <span class=\"exercise-name\">\u783e\u77f3\u9a91\u884c<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Mountain Bike Ride', 8)\" data-exercise=\"Mountain Bike Ride\" data-met=\"8\">\n <span class=\"exercise-name\">\u5c71\u5730\u81ea\u884c\u8f66\u9a91\u884c<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('BMX', 6)\" data-exercise=\"BMX\" data-met=\"6\">\n <span class=\"exercise-name\">\u5c0f\u8f6e\u8f66<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Hand Ride', 6)\" data-exercise=\"Hand Ride\" data-met=\"6\">\n <span class=\"exercise-name\">\u624b\u6276\u8f66<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Cargo Bike Ride', 6)\" data-exercise=\"Cargo Bike Ride\" data-met=\"6\">\n <span class=\"exercise-name\">\u8d27\u8fd0\u81ea\u884c\u8f66\u9a91\u884c<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Ball Sports')\">\n <span>\u7403\u7c7b\u8fd0\u52a8<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Ball Sports\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Soccer', 7.5)\" data-exercise=\"Soccer\" data-met=\"7.5\">\n <span class=\"exercise-name\">\u8db3\u7403<\/span>\n <span class=\"exercise-met\">MET 7.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Basketball', 6)\" data-exercise=\"Basketball\" data-met=\"6\">\n <span class=\"exercise-name\">\u7bee\u7403<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Rugby', 8)\" data-exercise=\"Rugby\" data-met=\"8\">\n <span class=\"exercise-name\">\u6a44\u6984\u7403<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Golf', 2.5)\" data-exercise=\"Golf\" data-met=\"2.5\">\n <span class=\"exercise-name\">\u9ad8\u5c14\u592b<\/span>\n <span class=\"exercise-met\">MET 2.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Baseball', 4)\" data-exercise=\"Baseball\" data-met=\"4\">\n <span class=\"exercise-name\">\u68d2\u7403<\/span>\n <span class=\"exercise-met\">MET 4<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Tennis', 6)\" data-exercise=\"Tennis\" data-met=\"6\">\n <span class=\"exercise-name\">\u7f51\u7403<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Volleyball', 5)\" data-exercise=\"Volleyball\" data-met=\"5\">\n <span class=\"exercise-name\">\u6392\u7403<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Bowling', 1.5)\" data-exercise=\"Bowling\" data-met=\"1.5\">\n <span class=\"exercise-name\">\u4fdd\u9f84\u7403<\/span>\n <span class=\"exercise-met\">MET 1.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Hockey', 6.5)\" data-exercise=\"Hockey\" data-met=\"6.5\">\n <span class=\"exercise-name\">\u66f2\u68cd\u7403<\/span>\n <span class=\"exercise-met\">MET 6.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Flag Football', 6)\" data-exercise=\"Flag Football\" data-met=\"6\">\n <span class=\"exercise-name\">\u65d7\u5f0f\u6a44\u6984\u7403<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Squash', 7.5)\" data-exercise=\"Squash\" data-met=\"7.5\">\n <span class=\"exercise-name\">\u58c1\u7403<\/span>\n <span class=\"exercise-met\">MET 7.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Badminton', 5)\" data-exercise=\"Badminton\" data-met=\"5\">\n <span class=\"exercise-name\">\u7fbd\u6bdb\u7403<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Table Tennis', 4.5)\" data-exercise=\"Table Tennis\" data-met=\"4.5\">\n <span class=\"exercise-name\">\u4e52\u4e53\u7403<\/span>\n <span class=\"exercise-met\">MET 4.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Handball', 8)\" data-exercise=\"Handball\" data-met=\"8\">\n <span class=\"exercise-name\">\u624b\u7403<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Pickleball', 4.5)\" data-exercise=\"Pickleball\" data-met=\"4.5\">\n <span class=\"exercise-name\">\u4e52\u4e53\u7403<\/span>\n <span class=\"exercise-met\">MET 4.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Cricket', 3.5)\" data-exercise=\"Cricket\" data-met=\"3.5\">\n <span class=\"exercise-name\">\u677f\u7403<\/span>\n <span class=\"exercise-met\">MET 3.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Lacrosse', 6)\" data-exercise=\"Lacrosse\" data-met=\"6\">\n <span class=\"exercise-name\">\u957f\u66f2\u68cd\u7403<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Fitness Training')\">\n <span>\u5065\u8eab\u8bad\u7ec3<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Fitness Training\">\n <div class=\"exercise-option\" onclick=\"selectExercise('HIIT', 10)\" data-exercise=\"HIIT\" data-met=\"10\">\n <span class=\"exercise-name\">HIIT<\/span>\n <span class=\"exercise-met\">MET 10<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Crossfit', 7)\" data-exercise=\"Crossfit\" data-met=\"7\">\n <span class=\"exercise-name\">Crossfit<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Traditional Strength Training', 3.5)\" data-exercise=\"Traditional Strength Training\" data-met=\"3.5\">\n <span class=\"exercise-name\">\u4f20\u7edf\u529b\u91cf\u8bad\u7ec3<\/span>\n <span class=\"exercise-met\">MET 3.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Functional Strength Training', 4)\" data-exercise=\"Functional Strength Training\" data-met=\"4\">\n <span class=\"exercise-name\">\u529f\u80fd\u6027\u529b\u91cf\u8bad\u7ec3<\/span>\n <span class=\"exercise-met\">MET 4<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Core Training', 2.5)\" data-exercise=\"Core Training\" data-met=\"2.5\">\n <span class=\"exercise-name\">\u6838\u5fc3\u57f9\u8bad<\/span>\n <span class=\"exercise-met\">MET 2.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Mixed Cardio', 7)\" data-exercise=\"Mixed Cardio\" data-met=\"7\">\n <span class=\"exercise-name\">\u6df7\u5408\u6709\u6c27\u8fd0\u52a8<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Jump Rope', 8)\" data-exercise=\"Jump Rope\" data-met=\"8\">\n <span class=\"exercise-name\">\u8df3\u7ef3<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Elliptical', 6)\" data-exercise=\"Elliptical\" data-met=\"6\">\n <span class=\"exercise-name\">\u692d\u5706\u5f62<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Stair Climbing', 7)\" data-exercise=\"Stair Climbing\" data-met=\"7\">\n <span class=\"exercise-name\">\u722c\u697c\u68af<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Stairs', 7.5)\" data-exercise=\"Stairs\" data-met=\"7.5\">\n <span class=\"exercise-name\">\u697c\u68af<\/span>\n <span class=\"exercise-met\">MET 7.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Flexibility', 1.5)\" data-exercise=\"Flexibility\" data-met=\"1.5\">\n <span class=\"exercise-name\">\u7075\u6d3b\u6027<\/span>\n <span class=\"exercise-met\">MET 1.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Studio Activities')\">\n <span>\u5de5\u4f5c\u5ba4\u6d3b\u52a8<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Studio Activities\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Yoga', 1.5)\" data-exercise=\"Yoga\" data-met=\"1.5\">\n <span class=\"exercise-name\">\u745c\u4f3d<\/span>\n <span class=\"exercise-met\">MET 1.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Dance', 5.5)\" data-exercise=\"Dance\" data-met=\"5.5\">\n <span class=\"exercise-name\">\u821e\u8e48<\/span>\n <span class=\"exercise-met\">MET 5.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Pilates', 3)\" data-exercise=\"Pilates\" data-met=\"3\">\n <span class=\"exercise-name\">\u666e\u62c9\u63d0<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Mind & Body', 0.5)\" data-exercise=\"Mind & Body\" data-met=\"0.5\">\n <span class=\"exercise-name\">\u8eab\u5fc3<\/span>\n <span class=\"exercise-met\">MET 0.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Water Sports')\">\n <span>\u6c34\u4e0a\u8fd0\u52a8<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Water Sports\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Pool Swim', 7)\" data-exercise=\"Pool Swim\" data-met=\"7\">\n <span class=\"exercise-name\">\u6cf3\u6c60\u6e38\u6cf3<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Swim', 8)\" data-exercise=\"Outdoor Swim\" data-met=\"8\">\n <span class=\"exercise-name\">\u6237\u5916\u6e38\u6cf3<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Surfing', 4)\" data-exercise=\"Surfing\" data-met=\"4\">\n <span class=\"exercise-name\">\u51b2\u6d6a<\/span>\n <span class=\"exercise-met\">MET 4<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Sailing', 3.5)\" data-exercise=\"Sailing\" data-met=\"3.5\">\n <span class=\"exercise-name\">\u5e06\u8239<\/span>\n <span class=\"exercise-met\">MET 3.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Kayaking', 4)\" data-exercise=\"Kayaking\" data-met=\"4\">\n <span class=\"exercise-name\">\u76ae\u5212\u8247<\/span>\n <span class=\"exercise-met\">MET 4<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Rowing', 5)\" data-exercise=\"Rowing\" data-met=\"5\">\n <span class=\"exercise-name\">\u8d5b\u8247<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Paddle', 5)\" data-exercise=\"Paddle\" data-met=\"5\">\n <span class=\"exercise-name\">\u6868<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Water Sports', 3)\" data-exercise=\"Water Sports\" data-met=\"3\">\n <span class=\"exercise-name\">\u6c34\u4e0a\u8fd0\u52a8<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Snow Sports')\">\n <span>\u96ea\u4e0a\u8fd0\u52a8<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Snow Sports\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Downhill Skiing', 5)\" data-exercise=\"Downhill Skiing\" data-met=\"5\">\n <span class=\"exercise-name\">\u4e0b\u5761\u6ed1\u96ea<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Snowboard', 5)\" data-exercise=\"Snowboard\" data-met=\"5\">\n <span class=\"exercise-name\">\u6ed1\u96ea\u677f<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Cross Country Skiing', 8)\" data-exercise=\"Cross Country Skiing\" data-met=\"8\">\n <span class=\"exercise-name\">\u8d8a\u91ce\u6ed1\u96ea<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Skating', 6)\" data-exercise=\"Outdoor Skating\" data-met=\"6\">\n <span class=\"exercise-name\">\u6237\u5916\u6ed1\u51b0<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Skating', 6)\" data-exercise=\"Indoor Skating\" data-met=\"6\">\n <span class=\"exercise-name\">\u5ba4\u5185\u6ed1\u51b0<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Snow Sports', 3)\" data-exercise=\"Snow Sports\" data-met=\"3\">\n <span class=\"exercise-name\">\u96ea\u4e0a\u8fd0\u52a8<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Martial Arts')\">\n <span>\u6b66\u672f<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Martial Arts\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Kickboxing', 7)\" data-exercise=\"Kickboxing\" data-met=\"7\">\n <span class=\"exercise-name\">\u8dc6\u62f3\u9053<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Boxing', 7.5)\" data-exercise=\"Boxing\" data-met=\"7.5\">\n <span class=\"exercise-name\">\u62f3\u51fb<\/span>\n <span class=\"exercise-met\">MET 7.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Wrestling', 6)\" data-exercise=\"Wrestling\" data-met=\"6\">\n <span class=\"exercise-name\">\u6454\u8de4<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Martial Arts', 7)\" data-exercise=\"Martial Arts\" data-met=\"7\">\n <span class=\"exercise-name\">\u6b66\u672f<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Tai Chi', 3.5)\" data-exercise=\"Tai Chi\" data-met=\"3.5\">\n <span class=\"exercise-name\">\u592a\u6781<\/span>\n <span class=\"exercise-met\">MET 3.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category\">\n <div class=\"category-header\" onclick=\"toggleCategory('Other')\">\n <span>\u5176\u4ed6<\/span>\n <span class=\"category-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"category-content\" id=\"category-Other\">\n <div class=\"exercise-option\" onclick=\"selectExercise('Fishing', 1.5)\" data-exercise=\"Fishing\" data-met=\"1.5\">\n <span class=\"exercise-name\">\u9493\u9c7c<\/span>\n <span class=\"exercise-met\">MET 1.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Disc Sports', 6)\" data-exercise=\"Disc Sports\" data-met=\"6\">\n <span class=\"exercise-name\">\u98de\u76d8\u8fd0\u52a8<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Skateboarding', 7)\" data-exercise=\"Skateboarding\" data-met=\"7\">\n <span class=\"exercise-name\">\u6ed1\u677f\u8fd0\u52a8<\/span>\n <span class=\"exercise-met\">MET 7<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Climbing', 8)\" data-exercise=\"Climbing\" data-met=\"8\">\n <span class=\"exercise-name\">\u6500\u5ca9<\/span>\n <span class=\"exercise-met\">MET 8<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Equestrian Sports', 5)\" data-exercise=\"Equestrian Sports\" data-met=\"5\">\n <span class=\"exercise-name\">\u9a6c\u672f\u8fd0\u52a8<\/span>\n <span class=\"exercise-met\">MET 5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Cheerleading', 3)\" data-exercise=\"Cheerleading\" data-met=\"3\">\n <span class=\"exercise-name\">\u5566\u5566\u961f<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Parkour', 9)\" data-exercise=\"Parkour\" data-met=\"9\">\n <span class=\"exercise-name\">\u8dd1\u9177<\/span>\n <span class=\"exercise-met\">MET 9<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Archery', 3)\" data-exercise=\"Archery\" data-met=\"3\">\n <span class=\"exercise-name\">\u5c04\u7bad<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Fencing', 6)\" data-exercise=\"Fencing\" data-met=\"6\">\n <span class=\"exercise-name\">\u51fb\u5251<\/span>\n <span class=\"exercise-met\">MET 6<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Wheelchair', 3)\" data-exercise=\"Wheelchair\" data-met=\"3\">\n <span class=\"exercise-name\">\u8f6e\u6905<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Other', 3)\" data-exercise=\"Other\" data-met=\"3\">\n <span class=\"exercise-name\">\u5176\u4ed6<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Fitness Gaming', 5.5)\" data-exercise=\"Fitness Gaming\" data-met=\"5.5\">\n <span class=\"exercise-name\">\u5065\u8eab\u6e38\u620f<\/span>\n <span class=\"exercise-met\">MET 5.5<\/span>\n <\/div>\n <div class=\"exercise-option\" onclick=\"selectExercise('Eight Brocades', 3)\" data-exercise=\"Eight Brocades\" data-met=\"3\">\n <span class=\"exercise-name\">\u516b\u5339\u9526\u7f0e<\/span>\n <span class=\"exercise-met\">MET 3<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"result-panel\">\n <div class=\"result-card\">\n <div class=\"calories-number\" id=\"caloriesNumber\">315<\/div>\n <div class=\"calories-label\">\u71c3\u70e7\u5361\u8def\u91cc<\/div>\n <div class=\"calculation-details\">\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u8fd0\u52a8\uff1a<\/span>\n <span class=\"detail-value\" id=\"exerciseName\">\u6237\u5916\u6b65\u884c<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">MET \u503c\uff1a<\/span>\n <span class=\"detail-value\" id=\"metValue\">3.0<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u91cd\u91cf<\/span>\n <span class=\"detail-value\" id=\"weightDisplay\">70 \u516c\u65a4<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u6301\u7eed\u65f6\u95f4<\/span>\n <span class=\"detail-value\" id=\"durationDisplay\">30 \u5206\u949f<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u6d88\u8017\u7684\u5361\u8def\u91cc<\/span>\n <span class=\"detail-value\" id=\"caloriesDisplay\">315 \u5361\u8def\u91cc<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"calculation-details\" style=\"display: none;\">\n <h3 style=\"color: #F0605C; margin-bottom: 20px; font-size: 1.3rem;\">\u8ba1\u7b97\u7ec6\u8282<\/h3>\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u8fd0\u52a8\uff1a<\/span>\n <span class=\"detail-value\" id=\"exerciseNameWide\">\u6237\u5916\u6b65\u884c<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">MET \u503c\uff1a<\/span>\n <span class=\"detail-value\" id=\"metValueWide\">3.0<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u91cd\u91cf<\/span>\n <span class=\"detail-value\" id=\"weightDisplayWide\">70 \u516c\u65a4<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u6301\u7eed\u65f6\u95f4<\/span>\n <span class=\"detail-value\" id=\"durationDisplayWide\">30 \u5206\u949f<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span class=\"detail-label\">\u6d88\u8017\u7684\u5361\u8def\u91cc<\/span>\n <span class=\"detail-value\" id=\"caloriesDisplayWide\">315 \u5361\u8def\u91cc<\/span>\n <\/div>\n <div class=\"formula-note\">\n \u4ec5\u4f9b\u53c2\u8003\u3002MET \u662f\u5e73\u5747\u503c\u3002\u968f\u7740\u8fd0\u52a8\u5f3a\u5ea6\u7684\u53d8\u5316\uff0c\u5b9e\u9645\u80fd\u91cf\u6d88\u8017\u4e5f\u4f1a\u53d1\u751f\u53d8\u5316\u3002\u4f7f\u7528\u5e26\u6709\u5fc3\u7387\u76d1\u6d4b\u529f\u80fd\u7684\u8bbe\u5907\u53ef\u4ee5\u63d0\u4f9b\u66f4\u51c6\u786e\u7684\u6570\u636e\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let currentExercise = \"Outdoor Walk\";\n let currentMET = 3;\n let currentDuration = 30;\n let currentWeightUnit = \"kg\";\n\n function toggleCategory(category) {\n const content = document.getElementById(`category-${category}`);\n const arrow = content.previousElementSibling.querySelector('.category-arrow');\n \n content.classList.toggle('active');\n arrow.classList.toggle('expanded');\n }\n\n function selectExercise(exercise, met) {\n \/\/ Remove previous selection\n document.querySelectorAll('.exercise-option').forEach(option => {\n option.classList.remove('selected');\n });\n \n \/\/ Add selection to clicked option\n event.target.closest('.exercise-option').classList.add('selected');\n \n currentExercise = exercise;\n currentMET = met;\n calculateCalories();\n }\n\n \/\/ Weight unit selection\n document.querySelectorAll('.unit-option').forEach(option => {\n option.addEventListener('click', function() {\n const oldUnit = currentWeightUnit;\n const newUnit = this.dataset.unit;\n \n if (oldUnit !== newUnit) {\n document.querySelectorAll('.unit-option').forEach(opt => opt.classList.remove('active'));\n this.classList.add('active');\n currentWeightUnit = newUnit;\n \n \/\/ Convert weight value\n const weightInput = document.getElementById('weight');\n let currentWeight = parseFloat(weightInput.value) || (newUnit === 'kg' ? 70 : 154);\n \n if (oldUnit === 'kg' && newUnit === 'lbs') {\n \/\/ kg to lbs\n currentWeight = Math.round(currentWeight * 2.20462);\n weightInput.min = \"66\"; \/\/ 30 kg in lbs\n weightInput.max = \"441\"; \/\/ 200 kg in lbs\n } else if (oldUnit === 'lbs' && newUnit === 'kg') {\n \/\/ lbs to kg\n currentWeight = Math.round(currentWeight \/ 2.20462);\n weightInput.min = \"30\";\n weightInput.max = \"200\";\n }\n \n weightInput.value = currentWeight;\n calculateCalories();\n }\n });\n });\n \n document.querySelectorAll('.duration-option').forEach(option => {\n option.addEventListener('click', function() {\n document.querySelectorAll('.duration-option').forEach(opt => opt.classList.remove('selected'));\n this.classList.add('selected');\n currentDuration = parseInt(this.dataset.duration);\n document.getElementById('duration').value = currentDuration;\n calculateCalories();\n });\n });\n\n \/\/ Custom duration input\n document.getElementById('duration').addEventListener('input', function() {\n currentDuration = parseInt(this.value) || 30;\n \/\/ Update duration options selection\n document.querySelectorAll('.duration-option').forEach(opt => {\n opt.classList.remove('selected');\n if (parseInt(opt.dataset.duration) === currentDuration) {\n opt.classList.add('selected');\n }\n });\n setTimeout(calculateCalories, 100);\n });\n\n \/\/ Weight input\n document.getElementById('weight').addEventListener('input', function() {\n setTimeout(calculateCalories, 100);\n });\n\n function calculateCalories() {\n let weight = parseFloat(document.getElementById('weight').value) || (currentWeightUnit === 'kg' ? 70 : 154);\n const duration = currentDuration;\n const met = currentMET;\n \n \/\/ Convert weight to kg if in lbs\n let weightInKg = weight;\n if (currentWeightUnit === 'lbs') {\n weightInKg = weight \/ 2.20462;\n }\n \n \/\/ Formula: MET \u00d7 Weight(kg) \u00d7 Duration \u00f7 60\n const calories = Math.round(met * weightInKg * duration \/ 60);\n \n \/\/ Update display for both mobile and wide screens\n document.getElementById('caloriesNumber').textContent = calories;\n document.getElementById('exerciseName').textContent = currentExercise;\n document.getElementById('metValue').textContent = met.toFixed(1);\n document.getElementById('weightDisplay').textContent = `${weight} ${currentWeightUnit}`;\n document.getElementById('durationDisplay').textContent = `${duration} min`;\n document.getElementById('caloriesDisplay').textContent = `${calories} cal`;\n \n \/\/ Update wide screen version\n document.getElementById('exerciseNameWide').textContent = currentExercise;\n document.getElementById('metValueWide').textContent = met.toFixed(1);\n document.getElementById('weightDisplayWide').textContent = `${weight} ${currentWeightUnit}`;\n document.getElementById('durationDisplayWide').textContent = `${duration} min`;\n document.getElementById('caloriesDisplayWide').textContent = `${calories} cal`;\n }\n\n \/\/ Show\/hide wide screen layout\n function updateLayout() {\n const wideDetails = document.querySelector('.result-panel > .calculation-details:last-child');\n if (window.innerWidth >= 1024) {\n wideDetails.style.display = 'block';\n } else {\n wideDetails.style.display = 'none';\n }\n }\n\n \/\/ Initialize\n calculateCalories();\n updateLayout();\n \n \/\/ Update layout on window resize\n window.addEventListener('resize', updateLayout);\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e079f693e16\" data-column-margin=\"default\" data-midnight=\"dark\" class=\"wpb_row vc_row-fluid vc_row\" style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\" style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-split-heading\" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h1 >\u4e0e Duolingo \u76f8\u4f3c\uff0c\u4f46\u9002\u7528\u4e8e\u5065\u8eab<\/h1><\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p>Fito \u662f\u4e00\u6b3e\u6e38\u620f\u5316\u7684\u8dd1\u6b65\u8bb0\u5f55 app\uff0c\u5c31\u50cf <a href=\"https:\/\/www.duolingo.com\/\" rel=\"noopener\">\u591a\u90bb\u56fd<\/a> \u4f46\u8fd0\u52a8\u7248\u3002\u5b83\u6709\u4e00\u53ea\u53ef\u7231\u7684\u5c0f\u718a\uff0c\u966a\u4f34\u4f60\u953b\u70bc\u3002 <a href=\"https:\/\/getfitoapp.com\/zh\/%e5%b7%a5%e5%85%b7\/%e5%81%a5%e8%ba%ab%e6%9d%a1%e7%ba%b9%e5%b0%8f%e9%83%a8%e4%bb%b6%e5%92%8c%e6%89%8b%e8%a1%a8%e8%a1%a8%e9%9d%a2\/\">\u684c\u9762\u5c0f\u7ec4\u4ef6<\/a>\u4e3a\u4f60\u7684\u957f\u671f\u8dd1\u6b65\u6ce8\u5165\u52a8\u529b\u3002<\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"nectar-cta text_hover_color_FFFFFF alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit\" data-color=\"accent-color\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h3 style=\"color: #FFFFFF;\"><span class=\"link_wrap\" style=\"padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;\"><a class=\"link_text\" role=\"button\" href=\"https:\/\/getfitoapp.com\/zh\/\"><span class=\"text\">\u7acb\u5373\u8bd5\u7528<\/span><\/a><\/span><\/h3><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"img-with-aniamtion-wrap\" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-shadow=\"none\" data-animation=\"none\" >\n <div class=\"inner\">\n <div class=\"hover-wrap\"> \n <div class=\"hover-wrap-inner\">\n <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy\" data-delay=\"0\" height=\"1525\" width=\"2560\" data-animation=\"none\" src=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg\" alt=\"\u8fde\u80dc\u6982\u89c8\uff0c\u5305\u62ec\u8fde\u80dc\u65f6\u95f4\u8868\u3001\u6bcf\u6708\u8ddd\u79bb\u548c\u5409\u7965\u7269\u63d0\u9192\" srcset=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg 2560w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-300x179.jpg 300w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1024x610.jpg 1024w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-768x458.jpg 768w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1536x915.jpg 1536w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-2048x1220.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"\u8fd0\u52a8\u6d88\u8017\u5361\u8def\u91cc\u8ba1\u7b97\u5668 \u4e00\u6b21\u8fd0\u52a8\u4f1a\u6d88\u8017\u591a\u5c11\u5361\u8def\u91cc\uff1f\u652f\u6301 80 \u591a\u79cd\u7c7b\u578b\uff1a\u6b65\u884c\u3001\u8dd1\u6b65\u3001\u9a91\u81ea\u884c\u8f66\u3001\u7403\u7c7b\u8fd0\u52a8\u3001\u5065\u8eab\u8bad\u7ec3\u3001\u5de5\u4f5c\u5ba4\u6d3b\u52a8\u3001\u6c34\u4e0a\u8fd0\u52a8...","protected":false},"author":1,"featured_media":0,"parent":6528,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[39],"class_list":{"0":"post-6577","1":"page","2":"type-page","3":"status-publish","5":"tag-tools"},"_links":{"self":[{"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/pages\/6577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/comments?post=6577"}],"version-history":[{"count":0,"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/pages\/6577\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/pages\/6528"}],"wp:attachment":[{"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/media?parent=6577"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getfitoapp.com\/zh\/wp-json\/wp\/v2\/tags?post=6577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}