\u5065\u5eb7\u5c08\u6b04<\/title>\n \n \n\n <link rel=\"stylesheet\" href=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/website_footer.css\">\n <link rel=\"stylesheet\" href=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/global_font_style.css\">\n <style>\n .select-items-layout {\n display: none;\n }\n\n .search_input {\n \/* font-size: 3.72vw; *\/\n box-shadow: none !important;\n }\n\n @media (max-width: 768px) {\n .mobile-dropdown {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n\n .select-items-layout {\n display: flex;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n gap: 4vw;\n }\n\n .container_box {\n flex-direction: column;\n }\n\n .sidebar {\n width: 100%;\n padding: 0 4vw;\n }\n\n .Format_select_layout,\n .Topics_select_layout {\n width: 50%;\n }\n\n .custom-select {\n display: flex;\n position: relative;\n \/* width: 70% !important; *\/\n margin: 4vw auto;\n }\n\n .search_layout {\n width: 74vw;\n height: 8.13vw;\n margin: 2vw auto;\n }\n\n input.search_input {\n font-size: 3.72vw;\n }\n\n button.search_btn img.search_btn_icon {\n width: 4.04vw;\n height: 4.04vw;\n }\n\n .select-selected {\n width: 100%;\n background-color: #fff;\n border: 0.1vw solid #ccc;\n border-radius: 8px;\n font-size: 16px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n user-select: none;\n height: 8.6vw;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4vw;\n }\n\n .select-item,\n .select-items,\n .select-selected p {\n font-size: 3.02vw;\n font-family: 'Beausite Fit Trial Light', sans-serif;\n color: #929292;\n }\n\n .item_selected_icon_status {\n color: #929292;\n }\n\n .select-items {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background-color: #fff;\n border: 0.1vw solid #ccc;\n border-top: none;\n border-radius: 0 0 8px 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n max-height: 200px;\n overflow-y: auto;\n transition: opacity 0.3s ease, transform 0.3s ease;\n opacity: 0;\n transform: translateY(-10px);\n }\n\n .select-item {\n display: flex;\n border-bottom: 0.1vw solid #eee;\n padding: 2vw 4vw;\n line-height: 4vw;\n }\n\n .select-item:last-child {\n border-bottom: none;\n }\n\n .select-item:hover {\n background-color: #f9f9f9;\n }\n\n .select-items.show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n }\n\n .mobile_select {\n display: block;\n }\n\n .desktop_select {\n display: none;\n }\n\n .main-content {\n width: 100%;\n }\n\n .content {\n flex-direction: column;\n }\n\n .content_item {\n width: 74.4vw;\n margin: 0 auto;\n }\n\n .content_item_img {\n width: 100%;\n height: 58.13vw !important;\n }\n\n .BeausiteFit_Light_16px {\n font-size: 3.25vw;\n }\n\n .read_times_icon {\n width: 5.19vw;\n height: 4.88vw !important;\n padding-top: 1vw;\n object-fit: cover;\n }\n\n .read_times {\n gap: 1.2vw;\n align-items: baseline;\n }\n\n .content_title {\n font-size: 3.72vw;\n }\n\n .content_type {\n font-size: 3.02vw;\n padding: 0 2vw;\n height: 5.77vw;\n border-radius: 8vw;\n }\n\n \/* REVIEW:footer *\/\n .footer-appointment-container {\n height: 116.2vw;\n flex-direction: column;\n justify-content: center;\n }\n\n .appointment-title h1 {\n font-size: 8.37vw;\n line-height: 10vw;\n }\n\n .appointment-title p {\n text-align: center;\n font-size: 4.65vw;\n margin: 5vw 0;\n }\n\n .contact-icon-container {\n \/* width: 100%; *\/\n flex-direction: column;\n align-items: center;\n }\n\n .default-icon,\n .long-icon {\n width: 10vw;\n height: 10vw !important;\n }\n\n .contact-icon-box {\n width: 100%;\n }\n\n .contact-icon-link {\n width: 10vw;\n height: 10vw !important;\n }\n\n .contact-icon-box {\n gap: 5vw;\n }\n\n .contactus-btn {\n width: 36.7vw;\n height: 8.37vw !important;\n font-size: 3.72vw;\n border-radius: 10vw;\n margin: 5vw auto;\n }\n\n .page-footer {\n height: 110vw;\n justify-content: flex-start;\n padding: 10vw 0;\n }\n\n .footer-container {\n flex-direction: column-reverse;\n height: 100%;\n gap: 5vw;\n }\n\n .download-app-title,\n .footer-logo-title {\n font-size: 3.72vw;\n }\n\n .footer-icon-style {\n width: 8.37vw;\n height: 8.37vw !important;\n }\n\n .download-icon-layout {\n justify-content: flex-end;\n }\n\n .download-icon-style {\n width: 32.55vw;\n height: 10.4vw !important;\n }\n\n .footer-title-box {\n flex-direction: column;\n gap: 0;\n }\n\n .footer-title p {\n font-size: 3.25vw;\n }\n\n .footer-copyright p {\n font-size: 3.25vw;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"page-container\">\n <div class=\"container_box\">\n <div class=\"sidebar\">\n <div class=\"sidebar_select\">\n <div class=\"select-items-layout\">\n \n <div class=\"Format_select_layout\" id=\"format-selecte\">\n \n <div class=\"custom-select\" id=\"format-selected\">\n <div class=\"select-selected\">\n <p>\u683c\u5f0f<\/p>\n <i class=\"fa-solid fa-caret-down item_selected_icon_status\"><\/i>\n <\/div>\n <div class=\"select-items\">\n <p class=\"select-item\" data-value=\"All\">\u5168\u90e8<\/p>\n <p class=\"select-item\" data-value=\"Articles\">\u6587\u7ae0<\/p>\n <p class=\"select-item\" data-value=\"Videos\">\u5f71\u7247<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"Topics_select_layout\" id=\"topics-selecte\">\n \n <div class=\"custom-select\" id=\"topics-selected\">\n <div class=\"select-selected\">\n <p>\u4e3b\u984c<\/p>\n <i class=\"fa-solid fa-caret-down item_selected_icon_status\"><\/i>\n <\/div>\n <div class=\"select-items\">\n <p class=\"select-item\" data-value=\"All\">\u5168\u90e8<\/p>\n <p class=\"select-item\" data-value=\"News & Press Releases\">\u65b0\u805e\u53ca\u8cc7\u8a0a<\/p>\n <p class=\"select-item\" data-value=\"Diet & Nutrition\">\u98f2\u98df\u8207\u71df\u990a<\/p>\n <p class=\"select-item\" data-value=\"Fitness & Physio\">\u5065\u8eab\u8207\u7269\u7406\u6cbb\u7642<\/p>\n <p class=\"select-item\" data-value=\"Skin and Medical Aesthetics\">\u76ae\u819a\u91ab\u7f8e<\/p>\n <p class=\"select-item\" data-value=\"Detoxification\">\u8eab\u9ad4\u6392\u6bd2<\/p>\n <p class=\"select-item\" data-value=\"Gut Health\">\u8178\u9053\u5065\u5eb7<\/p>\n <p class=\"select-item\" data-value=\"Hormone Health\">\u8377\u723e\u8499\u5e73\u8861<\/p>\n <p class=\"select-item\" data-value=\"Metabolic Health\">\u63d0\u5347\u4ee3\u8b1d\u529f\u80fd<\/p>\n <p class=\"select-item\" data-value=\"Immune Health\">\u514d\u75ab\u7cfb\u7d71<\/p>\n <p class=\"select-item\" data-value=\"Chronic Disease\">\u6162\u6027\u75be\u75c5\u7ba1\u7406<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"desktop_select\">\n <div class=\"format_select\">\n <h3>\u683c\u5f0f<\/h3>\n <div>\n <input type=\"radio\" name=\"Format\" value=\"All\" id=\"Format-All\" checked onclick=\"showContent('All', 'Format')\">\n <label for=\"Format-All\">\u5168\u90e8<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Format\" value=\"Articles\" id=\"Format-Articles\" onclick=\"showContent('Articles', 'Format')\">\n <label for=\"Format-Articles\">\u6587\u7ae0<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Format\" value=\"Videos\" id=\"Format-Videos\" onclick=\"showContent('Videos', 'Format')\">\n <label for=\"Format-Videos\">\u5f71\u7247<\/label>\n <\/div>\n <\/div>\n\n <div class=\"topics_select\">\n <h3>\u4e3b\u984c<\/h3>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"All\" id=\"Topics-All\" checked onclick=\"showContent('All', 'Topics')\">\n <label for=\"Topics-All\">\u5168\u90e8<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"News & Press Releases\" id=\"Topics-News & Press Releases\" onclick=\"showContent('News & Press Releases', 'Topics')\">\n <label for=\"Topics-News & Press Releases\">\u65b0\u805e\u53ca\u8cc7\u8a0a<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Longevity\" id=\"Topics-Longevity\" onclick=\"showContent('Longevity', 'Topics')\">\n <label for=\"Topics-Longevity\">\u6297\u8870\u8207\u9577\u58fd<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Diet & Nutrition\" id=\"Topics-Diet & Nutrition\" onclick=\"showContent('Diet & Nutrition', 'Topics')\">\n <label for=\"Topics-Diet & Nutrition\">\u98f2\u98df\u8207\u71df\u990a<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Fitness & Physio\" id=\"Topics-Fitness & Physio\" onclick=\"showContent('Fitness & Physio', 'Topics')\">\n <label for=\"Topics-Fitness & Physio\">\u5065\u8eab\u8207\u7269\u7406\u6cbb\u7642<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Dental Care\" id=\"Topics-Dental Care\" onclick=\"showContent('Dental Care', 'Topics')\">\n <label for=\"Topics-Dental Care\">\u53e3\u8154\u5065\u5eb7<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Skin and Medical Aesthetics\" id=\"Topics-Skin and Medical Aesthetics\" onclick=\"showContent('Skin and Medical Aesthetics', 'Topics')\">\n <label for=\"Topics-Skin and Medical Aesthetics\">\u76ae\u819a\u91ab\u7f8e<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Detoxification\" id=\"Topics-Detoxification\" onclick=\"showContent('Detoxification', 'Topics')\">\n <label for=\"Topics-Detoxification\">\u8eab\u9ad4\u6392\u6bd2<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Gut Health\" id=\"Topics-Gut Health\" onclick=\"showContent('Gut Health', 'Topics')\">\n <label for=\"Topics-Gut Health\">\u8178\u9053\u5065\u5eb7<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Hormone Health\" id=\"Topics-Hormone Health\" onclick=\"showContent('Hormone Health', 'Topics')\">\n <label for=\"Topics-Hormone Health\">\u8377\u723e\u8499\u5e73\u8861<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Metabolic Health\" id=\"Topics-Metabolic Health\" onclick=\"showContent('Metabolic Health', 'Topics')\">\n <label for=\"Topics-Metabolic Health\">\u63d0\u5347\u4ee3\u8b1d\u529f\u80fd<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Immune Health\" id=\"Topics-Immune Health\" onclick=\"showContent('Immune Health', 'Topics')\">\n <label for=\"Topics-Immune Health\">\u514d\u75ab\u7cfb\u7d71<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Chronic Disease\" id=\"Topics-Chronic Disease\" onclick=\"showContent('Chronic Disease', 'Topics')\">\n <label for=\"Topics-Chronic Disease\">\u6162\u6027\u75be\u75c5\u7ba1\u7406<\/label>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"main-content\">\n <div class=\"search_layout\">\n <input type=\"text\" id=\"search-input\" class=\"search_input BeausiteFit_Light_20px\" placeholder=\"Search\">\n <button class=\"search_btn\" id=\"search-button\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/search_btn-icon.png\" alt=\"\" class=\"search_btn_icon\">\n <\/button>\n <\/div>\n \n <div class=\"content\" id=\"content-container\">\n <\/div>\n \n <div class=\"content_details\" id=\"content-details-container\">\n <\/div>\n <\/div>\n <\/div>\n <section class=\"footer-appointment-container\">\n <div class=\"appointment-title\">\n <h1>\u7acb\u5373\u9810\u7d04<\/h1>\n <p>Humansa \u65d7\u8266\u5e97 | \u7dad\u6e2f\u6587\u5316\u532f<\/p>\n <\/div>\n <div class=\"contact-icon-container\">\n <div class=\"contact-icon-box\">\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=85259112803&text=Hi%2C+I+just+visited+your+website+and+I%27m+interested+to+know+more+about+Humansa.%0D%0A%E4%BD%A0%E5%A5%BD%EF%BC%8C%E5%89%9B%E5%89%9B%E8%A8%AA%E5%95%8F%E4%BA%86%E4%BD%A0%E5%80%91%E7%9A%84%E5%AE%98%E6%96%B9%E7%B6%B2%E7%AB%99%EF%BC%8C%E6%88%91%E6%9C%89%E8%88%88%E8%B6%A3%E4%BA%86%E8%A7%A3%E6%9B%B4%E5%A4%9A%E8%B3%87%E8%A8%8A%E3%80%82&type=phone_number&app_absent=0\" class=\"contact-icon-link\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2025\/01\/whatsapp.png\" alt=\"\" class=\"default-icon\" \/>\n <\/a>\n <a href=\"tel: 85231802233\" class=\"contact-icon-link\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2025\/01\/phonenumber-contact.png\" alt=\"\" class=\"long-icon\" \/>\n <\/a>\n <a href=\"mailto:csminfo@humansa.com.hk\" class=\"contact-icon-link\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2025\/01\/email-contact.png\" alt=\"\" class=\"long-icon\" \/>\n <\/a>\n <\/div>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/contact\/\" class=\"contactus-btn\">\u806f\u7d61\u6211\u5011<\/a>\n <\/div>\n <\/section>\n <div class=\"page-footer\">\n <div class=\"footer-layout\">\n <div class=\"footer-container\">\n <div class=\"footer-title-box\">\n <div class=\"footer-title\">\n <a href=\"https:\/\/www.humansahealth.com\/zh\/about\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u95dc\u65bc Humansa<\/p>\n <\/a>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/contact\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u806f\u7d61\u6211\u5011<\/p>\n <\/a>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/humansa-membership-programme\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u6703\u54e1\u8a08\u5283<\/p>\n <\/a>\n <\/div>\n <div class=\"footer-title\">\n <a href=\"https:\/\/www.humansahealth.com\/zh\/terms\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u4f7f\u7528\u689d\u6b3e<\/p>\n <\/a>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/policy\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u96b1\u79c1\u653f\u7b56<\/p>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"footer-logo-container\">\n <div class=\"Follow-us-layout\">\n <p class=\"footer-logo-title BeausiteClassic_Light_24px\">Follow us on<\/p>\n <div class=\"footer-logo-box\">\n <a href=\"https:\/\/www.facebook.com\/HKHumansa\/\">\n <img decoding=\"async\" class=\"footer-icon-style\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/facebook-v2.png\" alt=\"\">\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/humansa\/\">\n <img decoding=\"async\" class=\"footer-icon-style\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/ins-v2.png\" alt=\"\">\n <\/a>\n <a href=\"https:\/\/hk.linkedin.com\/company\/humansa\">\n <img decoding=\"async\" class=\"footer-icon-style\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/in-v2.png\" alt=\"\">\n <\/a>\n <\/div>\n <\/div>\n <div class=\"download-app-container\">\n <p class=\"download-app-title BeausiteClassic_Light_24px\">\u4e0b\u8f09Humansa\u00a0App\u624b\u6a5f\u61c9\u7528\u7a0b\u5f0f<\/p>\n <div class=\"download-icon-layout\">\n <a href=\"https:\/\/apps.apple.com\/hk\/app\/humansa\/id1626452088\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/AppStore-v2.png\" alt=\"AppStore\" class=\"download-icon-style\">\n <\/a>\n <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=hk.com.humansa.prod&hl=en_US&gl=US\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/GooglePlay-v2.png\" alt=\"GooglePlay\" class=\"download-icon-style\">\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-copyright BeausiteClassic_Light_24px\">\n <p>\u00a9 2025 Humansa. All rights reserved.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n function pxToVw(px, deviceWidth = 430) {\n \/\/ console.log(\"deviceWidth:\", deviceWidth);\n return (px \/ deviceWidth) * 100;\n }\n \/\/ console.log('vw:', pxToVw(16));\n\n \/\/ Search button event listener\n const searchButton = document.getElementById(\"search-button\");\n searchButton.addEventListener(\"click\", () => searchFunction());\n \/\/ \u4f7f\u7528\u793a\u4f8b\n let allData = [];\n let BlogsData = [];\n let ArticlesData = [];\n let VideosData = [];\n\n \/\/ Categories and options\n const categories = [\n {\n name: \"Format\",\n options: [\"All\", \"Articles\", \"Videos\"],\n },\n {\n name: \"Topics\",\n options: [\n \"All\",\n \"News & Press Releases\",\n \"Longevity\",\n \"Diet & Nutrition\",\n \"Fitness & Physio\",\n \"Dental Care\",\n \"Skin and Medical Aesthetics\",\n \"Detoxification\",\n \"Gut Health\",\n \"Hormone Health\",\n \"Metabolic Health\",\n \"Immune Health\",\n \"Chronic Disease\",\n ],\n },\n ];\n\n\n\n \/\/ DOM Elements\n const container = document.getElementById(\"content-container\");\n const detailscontainer = document.getElementById(\"content-details-container\");\n const sidebarSelect = document.querySelector(\".sidebar_select\");\n\n \/\/ State\n let selectedFormat = \"All\";\n let selectedTopic = \"All\";\n\n \/\/ filterContent\n function filterContent() {\n let filteredContent = [];\n\n \/\/ Determine which data set to use based on selected format\n if (selectedFormat === \"All\") {\n filteredContent = allData;\n } else if (selectedFormat === \"Articles\") {\n filteredContent = BlogsData;\n } else if (selectedFormat === \"Videos\") {\n filteredContent = VideosData;\n }\n\n \/\/ Further filter by selected topic\n if (selectedTopic !== \"All\") {\n filteredContent = filteredContent.filter((item) =>\n item.tags.includes(selectedTopic)\n );\n }\n\n renderContent(filteredContent);\n }\n\n function showContent(option, category) {\n \/\/ console.log('showContent option:', option);\n \/\/ console.log('showContent category:', category);\n\n if (category === \"Format\") {\n selectedFormat = option; \/\/ Update selected format\n } else if (category === \"Topics\") {\n selectedTopic = option; \/\/ Update selected topic\n }\n filterContent(); \/\/ Re-filter content based on the current selections\n }\n\n \/\/ \u4e3a\u6bcf\u4e2a\u4e0b\u62c9\u6846\u7ed1\u5b9a\u72ec\u7acb\u7684\u4e8b\u4ef6\n document.querySelectorAll('.custom-select').forEach(select => {\n const selected = select.querySelector('.select-selected');\n const items = select.querySelector('.select-items');\n\n \/\/ \u70b9\u51fb\u9009\u4e2d\u533a\u57df\u65f6\u663e\u793a\/\u9690\u85cf\u4e0b\u62c9\u9009\u9879\n selected.addEventListener('click', function (event) {\n event.stopPropagation(); \/\/ \u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\n\n \/\/ \u5173\u95ed\u5176\u4ed6\u4e0b\u62c9\u6846\n document.querySelectorAll('.select-items').forEach(otherItems => {\n if (otherItems !== items) {\n otherItems.classList.remove('show');\n }\n });\n\n \/\/ \u5207\u6362\u5f53\u524d\u4e0b\u62c9\u6846\u7684\u663e\u793a\u72b6\u6001\n items.classList.toggle('show');\n });\n\n \/\/ \u70b9\u51fb\u9009\u9879\u65f6\u66f4\u65b0\u9009\u4e2d\u503c\u5e76\u9690\u85cf\u4e0b\u62c9\u9009\u9879\n items.querySelectorAll('.select-item').forEach(item => {\n item.addEventListener('click', function () {\n const selectedValue = this.getAttribute('data-value');\n const selectedText = this.textContent;\n \/\/ \u66f4\u65b0\u9009\u4e2d\u533a\u57df\u7684\u663e\u793a\u5185\u5bb9\n selected.querySelector('p').textContent = selectedText;\n\n \/\/ \u9690\u85cf\u4e0b\u62c9\u6846\n items.classList.remove('show');\n\n \/\/ \u6839\u636e\u4e0b\u62c9\u6846\u7684\u7c7b\u578b\u8c03\u7528\u4e0d\u540c\u7684\u5904\u7406\u51fd\u6570\n if (select.id === 'format-selected') {\n showContent(selectedValue, 'Format'); \/\/ \u5904\u7406 Format \u9009\u62e9\n } else if (select.id === 'topics-selected') {\n showContent(selectedValue, 'Topics'); \/\/ \u5904\u7406 Topics \u9009\u62e9\n }\n\n \/\/ \u66f4\u65b0\u9009\u4e2d\u9879\u7684\u6837\u5f0f\n items.querySelectorAll('.select-item').forEach(otherItem => {\n otherItem.classList.remove('active');\n });\n this.classList.add('active');\n });\n });\n });\n\n \/\/ \u70b9\u51fb\u9875\u9762\u5176\u4ed6\u90e8\u5206\u65f6\u9690\u85cf\u6240\u6709\u4e0b\u62c9\u9009\u9879\n document.addEventListener('click', function () {\n document.querySelectorAll('.select-items').forEach(items => {\n items.classList.remove('show');\n });\n });\n\n \/\/ \u9632\u6b62\u4e0b\u62c9\u9009\u9879\u533a\u57df\u70b9\u51fb\u65f6\u5192\u6ce1\u5230 document\n document.querySelectorAll('.select-items').forEach(items => {\n items.addEventListener('click', function (event) {\n event.stopPropagation();\n });\n });\n\n\n \/\/ renderDetail\n function renderDetail(data) {\n \/\/ window.location.href = data && data.url;\n const currentUrl = window.location.href;\n const isZh = currentUrl.includes(\"\/zh\/\");\n const url = isZh && data.zhUrl ? data.zhUrl : data.url;\n window.location.href = url;\n }\n \/\/ renderContent\n function renderContent(contentData) {\n container.innerHTML = \"\"; \/\/ Clear existing content\n container.classList.add(\"content\");\n const currentUrl = window.location.href;\n let isZh = currentUrl.includes(\"\/zh\/\");\n if (contentData.length === 0) {\n const noContent = document.createElement(\"p\");\n noContent.textContent = \"No content matches the selected filters.\";\n container.appendChild(noContent);\n return;\n }\n\n contentData.forEach((item) => {\n const contentItem = document.createElement(\"div\");\n contentItem.classList.add(\"content_item\");\n contentItem.innerHTML = `\n <img decoding=\"async\" src=\"${item.imgSrc}\" alt=\"\" class=\"content_item_img\">\n <div class=\"content_item_info div_flex_column\">\n <div class=\"content_data_read_times div_flex_row BeausiteFit_Light_16px\">\n <div class=\"read_times div_flex_row\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/read_times.png\" class=\"read_times_icon\">\n <span>${item.readTime}<\/span>\n <\/div>\n <p class=\"content_date\">${isZh ? item.zhDate : item.date}<\/p>\n <\/div>\n <p class=\"content_title\">${isZh ? item.zhTitle : item.title}<\/p>\n ${item.tags && item.tags[0] !== \"\"\n ? `\n <div class=\"content_type_box\">\n ${isZh ?\n item.zhTags.map((type) => `<p class=\"content_type\">${type}<\/p>`).join(\"\")\n :\n item.tags.map((type) => `<p class=\"content_type\">${type}<\/p>`).join(\"\")}\n <\/div>\n `\n : \"\"\n }\n <\/div>\n `;\n \/\/ \u4e3a\u6bcf\u4e2a contentItem \u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n const imgElement = contentItem.querySelector(\"img.content_item_img\");\n\n imgElement.addEventListener(\"click\", () => renderDetail(item));\n \/\/ \u4e3a\u6bcf\u4e2a content_type \u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n const contentTypeElements = contentItem.querySelectorAll(\"p.content_type\");\n contentTypeElements.forEach((contentTypeElement) => {\n contentTypeElement.addEventListener(\"click\", () => {\n renderDetail(item)\n });\n });\n container.appendChild(contentItem);\n });\n }\n \/\/ backFunction\n function backFunction() {\n const detailsContainer = document.getElementById(\"content-details-container\");\n\n detailsContainer.innerHTML = \"\";\n detailscontainer.classList.add(\"content_hidden\");\n\n container.classList.remove(\"content_hidden\");\n container.classList.add(\"content\");\n\n\n }\n \/\/ searchFunction\n \/\/ searchFunction\n function searchFunction() {\n const searchInput = document.getElementById(\"search-input\").value.toLowerCase();\n \/\/ console.log('searchInput', searchInput);\n\n \/\/ Filter based on current selected format and topic\n let filteredContent = [];\n\n \/\/ First filter by format\n if (selectedFormat === \"All\") {\n filteredContent = allData;\n } else if (selectedFormat === \"Articles\") {\n filteredContent = BlogsData;\n } else if (selectedFormat === \"Videos\") {\n filteredContent = VideosData;\n }\n\n \/\/ Then filter by topic if not \"All\"\n if (selectedTopic !== \"All\") {\n filteredContent = filteredContent.filter((item) =>\n item.tags.includes(selectedTopic)\n );\n }\n\n \/\/ Finally filter by search term if there is one\n if (searchInput.trim() !== \"\") {\n filteredContent = filteredContent.filter((item) => {\n const currentUrl = window.location.href;\n const isZh = currentUrl.includes(\"\/zh\/\");\n\n \/\/ Search in both title and content\n const titleMatch = isZh\n ? (item.zhTitle || \"\").toLowerCase().includes(searchInput)\n : (item.title || \"\").toLowerCase().includes(searchInput);\n\n const contentMatch = isZh\n ? (item.zhContent || \"\").toLowerCase().includes(searchInput)\n : (item.content || \"\").toLowerCase().includes(searchInput);\n\n return titleMatch || contentMatch;\n });\n }\n\n renderContent(filteredContent);\n }\n \/\/ Get json data\n async function getContentJson() {\n return await fetch(\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/data-resource.json\")\n \/\/ return await fetch(\".\/data-resource.json\")\n .then((response) => response.json())\n .then((data) => {\n \/\/ Separate articles and videos data\n BlogsData = data.blogs;\n \/\/ VideosData = data.blogs;\n allData = [...BlogsData]; \/\/ Merge them into allData\n });\n }\n\n function updateLanguagePrefix(languagePrefix) {\n const currentUrl = window.location.href;\n \/\/ \u6b63\u5219\u68c0\u67e5\u662f\u5426\u5305\u542b\/zh\/\n if (languagePrefix && !currentUrl.includes(\"\/zh\/\")) {\n \/\/ \u5982\u679c\u9700\u8981\u63d2\u5165zh\uff0c\u6784\u5efa\u65b0\u7684URL\n const newUrl = currentUrl.replace(\n \/^https:\\\/\\\/www\\.humansahealth\\.com(\\\/.*)?$\/,\n `https:\/\/www.humansahealth.com\/${languagePrefix}\\$1`\n );\n window.location.href = newUrl;\n } else if (!languagePrefix && currentUrl.includes(\"\/zh\/\")) {\n \/\/ \u5982\u679c\u9700\u8981\u79fb\u9664zh\uff0c\u6784\u5efa\u65b0\u7684URL\n const newUrl = currentUrl.replace(\n \/(^https:\\\/\\\/www\\.humansahealth\\.com)\\\/zh(\\\/.*)?$\/,\n \"$1$2\"\n );\n window.location.href = newUrl;\n }\n }\n \/\/ Event Listeners\n document.addEventListener(\"DOMContentLoaded\", async () => {\n await getContentJson(); \/\/ Fetch data after DOM is loaded\n filterContent(); \/\/ Initial render\n const searchbutton = document.getElementById(\"search-button\");\n if (searchbutton) {\n searchbutton.addEventListener(\"click\", () => searchFunction());\n }\n\n \/\/ \u83b7\u53d6EN\u548c\u7e41\u4f53\u8bed\u8a00\u6309\u94ae\n const enButton = document.getElementById(\"en-language\");\n const zhButton = document.getElementById(\"zh-language\");\n\n if (enButton && zhButton) {\n \/\/ \u70b9\u51fbEN\u6309\u94ae\u65f6\u7684\u64cd\u4f5c\n enButton.addEventListener(\"click\", function () {\n updateLanguagePrefix(\"\"); \/\/ \u79fb\u9664 \/zh\/\n });\n\n \/\/ \u70b9\u51fb\u7e41\u4f53\u6309\u94ae\u65f6\u7684\u64cd\u4f5c\n zhButton.addEventListener(\"click\", function () {\n updateLanguagePrefix(\"zh\"); \/\/ \u6dfb\u52a0 \/zh\/\n });\n }\n });\n\n\n <\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Blogs Format All Articles Videos Topics All News & Press Releases Diet & Nutrition Fitness & Physio Skin and Medical Aesthetics Detoxification Gut Health Hormone Health Metabolic Health Immune Health Chronic Disease Format All Articles Videos Topics All News & Press Releases Longevity Diet & Nutrition Fitness & Physio Dental Care Skin and Medical Aesthetics… <a href=\"https:\/\/www.humansahealth.com\/zh\/blog\/\" rel=\"bookmark\">Read More »<span class=\"screen-reader-text\">\u5065\u5eb7\u8cc7\u8a0a<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[10,13],"tags":[],"class_list":["post-43","page","type-page","status-publish","hentry","category-en","category-healthblogsnews"],"acf":[],"aioseo_notices":[],"jetpack_sharing_enabled":true,"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":189,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":18068,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages\/43\/revisions\/18068"}],"wp:attachment":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n \n \n \u5065\u5eb7\u5c08\u6b04<\/title>\n \n \n\n <link rel=\"stylesheet\" href=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/website_footer.css\">\n <link rel=\"stylesheet\" href=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/global_font_style.css\">\n <style>\n .select-items-layout {\n display: none;\n }\n\n .search_input {\n \/* font-size: 3.72vw; *\/\n box-shadow: none !important;\n }\n\n @media (max-width: 768px) {\n .mobile-dropdown {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n\n .select-items-layout {\n display: flex;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n gap: 4vw;\n }\n\n .container_box {\n flex-direction: column;\n }\n\n .sidebar {\n width: 100%;\n padding: 0 4vw;\n }\n\n .Format_select_layout,\n .Topics_select_layout {\n width: 50%;\n }\n\n .custom-select {\n display: flex;\n position: relative;\n \/* width: 70% !important; *\/\n margin: 4vw auto;\n }\n\n .search_layout {\n width: 74vw;\n height: 8.13vw;\n margin: 2vw auto;\n }\n\n input.search_input {\n font-size: 3.72vw;\n }\n\n button.search_btn img.search_btn_icon {\n width: 4.04vw;\n height: 4.04vw;\n }\n\n .select-selected {\n width: 100%;\n background-color: #fff;\n border: 0.1vw solid #ccc;\n border-radius: 8px;\n font-size: 16px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n user-select: none;\n height: 8.6vw;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4vw;\n }\n\n .select-item,\n .select-items,\n .select-selected p {\n font-size: 3.02vw;\n font-family: 'Beausite Fit Trial Light', sans-serif;\n color: #929292;\n }\n\n .item_selected_icon_status {\n color: #929292;\n }\n\n .select-items {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background-color: #fff;\n border: 0.1vw solid #ccc;\n border-top: none;\n border-radius: 0 0 8px 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n max-height: 200px;\n overflow-y: auto;\n transition: opacity 0.3s ease, transform 0.3s ease;\n opacity: 0;\n transform: translateY(-10px);\n }\n\n .select-item {\n display: flex;\n border-bottom: 0.1vw solid #eee;\n padding: 2vw 4vw;\n line-height: 4vw;\n }\n\n .select-item:last-child {\n border-bottom: none;\n }\n\n .select-item:hover {\n background-color: #f9f9f9;\n }\n\n .select-items.show {\n display: block;\n opacity: 1;\n transform: translateY(0);\n }\n\n .mobile_select {\n display: block;\n }\n\n .desktop_select {\n display: none;\n }\n\n .main-content {\n width: 100%;\n }\n\n .content {\n flex-direction: column;\n }\n\n .content_item {\n width: 74.4vw;\n margin: 0 auto;\n }\n\n .content_item_img {\n width: 100%;\n height: 58.13vw !important;\n }\n\n .BeausiteFit_Light_16px {\n font-size: 3.25vw;\n }\n\n .read_times_icon {\n width: 5.19vw;\n height: 4.88vw !important;\n padding-top: 1vw;\n object-fit: cover;\n }\n\n .read_times {\n gap: 1.2vw;\n align-items: baseline;\n }\n\n .content_title {\n font-size: 3.72vw;\n }\n\n .content_type {\n font-size: 3.02vw;\n padding: 0 2vw;\n height: 5.77vw;\n border-radius: 8vw;\n }\n\n \/* REVIEW:footer *\/\n .footer-appointment-container {\n height: 116.2vw;\n flex-direction: column;\n justify-content: center;\n }\n\n .appointment-title h1 {\n font-size: 8.37vw;\n line-height: 10vw;\n }\n\n .appointment-title p {\n text-align: center;\n font-size: 4.65vw;\n margin: 5vw 0;\n }\n\n .contact-icon-container {\n \/* width: 100%; *\/\n flex-direction: column;\n align-items: center;\n }\n\n .default-icon,\n .long-icon {\n width: 10vw;\n height: 10vw !important;\n }\n\n .contact-icon-box {\n width: 100%;\n }\n\n .contact-icon-link {\n width: 10vw;\n height: 10vw !important;\n }\n\n .contact-icon-box {\n gap: 5vw;\n }\n\n .contactus-btn {\n width: 36.7vw;\n height: 8.37vw !important;\n font-size: 3.72vw;\n border-radius: 10vw;\n margin: 5vw auto;\n }\n\n .page-footer {\n height: 110vw;\n justify-content: flex-start;\n padding: 10vw 0;\n }\n\n .footer-container {\n flex-direction: column-reverse;\n height: 100%;\n gap: 5vw;\n }\n\n .download-app-title,\n .footer-logo-title {\n font-size: 3.72vw;\n }\n\n .footer-icon-style {\n width: 8.37vw;\n height: 8.37vw !important;\n }\n\n .download-icon-layout {\n justify-content: flex-end;\n }\n\n .download-icon-style {\n width: 32.55vw;\n height: 10.4vw !important;\n }\n\n .footer-title-box {\n flex-direction: column;\n gap: 0;\n }\n\n .footer-title p {\n font-size: 3.25vw;\n }\n\n .footer-copyright p {\n font-size: 3.25vw;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"page-container\">\n <div class=\"container_box\">\n <div class=\"sidebar\">\n <div class=\"sidebar_select\">\n <div class=\"select-items-layout\">\n \n <div class=\"Format_select_layout\" id=\"format-selecte\">\n \n <div class=\"custom-select\" id=\"format-selected\">\n <div class=\"select-selected\">\n <p>\u683c\u5f0f<\/p>\n <i class=\"fa-solid fa-caret-down item_selected_icon_status\"><\/i>\n <\/div>\n <div class=\"select-items\">\n <p class=\"select-item\" data-value=\"All\">\u5168\u90e8<\/p>\n <p class=\"select-item\" data-value=\"Articles\">\u6587\u7ae0<\/p>\n <p class=\"select-item\" data-value=\"Videos\">\u5f71\u7247<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"Topics_select_layout\" id=\"topics-selecte\">\n \n <div class=\"custom-select\" id=\"topics-selected\">\n <div class=\"select-selected\">\n <p>\u4e3b\u984c<\/p>\n <i class=\"fa-solid fa-caret-down item_selected_icon_status\"><\/i>\n <\/div>\n <div class=\"select-items\">\n <p class=\"select-item\" data-value=\"All\">\u5168\u90e8<\/p>\n <p class=\"select-item\" data-value=\"News & Press Releases\">\u65b0\u805e\u53ca\u8cc7\u8a0a<\/p>\n <p class=\"select-item\" data-value=\"Diet & Nutrition\">\u98f2\u98df\u8207\u71df\u990a<\/p>\n <p class=\"select-item\" data-value=\"Fitness & Physio\">\u5065\u8eab\u8207\u7269\u7406\u6cbb\u7642<\/p>\n <p class=\"select-item\" data-value=\"Skin and Medical Aesthetics\">\u76ae\u819a\u91ab\u7f8e<\/p>\n <p class=\"select-item\" data-value=\"Detoxification\">\u8eab\u9ad4\u6392\u6bd2<\/p>\n <p class=\"select-item\" data-value=\"Gut Health\">\u8178\u9053\u5065\u5eb7<\/p>\n <p class=\"select-item\" data-value=\"Hormone Health\">\u8377\u723e\u8499\u5e73\u8861<\/p>\n <p class=\"select-item\" data-value=\"Metabolic Health\">\u63d0\u5347\u4ee3\u8b1d\u529f\u80fd<\/p>\n <p class=\"select-item\" data-value=\"Immune Health\">\u514d\u75ab\u7cfb\u7d71<\/p>\n <p class=\"select-item\" data-value=\"Chronic Disease\">\u6162\u6027\u75be\u75c5\u7ba1\u7406<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"desktop_select\">\n <div class=\"format_select\">\n <h3>\u683c\u5f0f<\/h3>\n <div>\n <input type=\"radio\" name=\"Format\" value=\"All\" id=\"Format-All\" checked onclick=\"showContent('All', 'Format')\">\n <label for=\"Format-All\">\u5168\u90e8<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Format\" value=\"Articles\" id=\"Format-Articles\" onclick=\"showContent('Articles', 'Format')\">\n <label for=\"Format-Articles\">\u6587\u7ae0<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Format\" value=\"Videos\" id=\"Format-Videos\" onclick=\"showContent('Videos', 'Format')\">\n <label for=\"Format-Videos\">\u5f71\u7247<\/label>\n <\/div>\n <\/div>\n\n <div class=\"topics_select\">\n <h3>\u4e3b\u984c<\/h3>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"All\" id=\"Topics-All\" checked onclick=\"showContent('All', 'Topics')\">\n <label for=\"Topics-All\">\u5168\u90e8<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"News & Press Releases\" id=\"Topics-News & Press Releases\" onclick=\"showContent('News & Press Releases', 'Topics')\">\n <label for=\"Topics-News & Press Releases\">\u65b0\u805e\u53ca\u8cc7\u8a0a<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Longevity\" id=\"Topics-Longevity\" onclick=\"showContent('Longevity', 'Topics')\">\n <label for=\"Topics-Longevity\">\u6297\u8870\u8207\u9577\u58fd<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Diet & Nutrition\" id=\"Topics-Diet & Nutrition\" onclick=\"showContent('Diet & Nutrition', 'Topics')\">\n <label for=\"Topics-Diet & Nutrition\">\u98f2\u98df\u8207\u71df\u990a<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Fitness & Physio\" id=\"Topics-Fitness & Physio\" onclick=\"showContent('Fitness & Physio', 'Topics')\">\n <label for=\"Topics-Fitness & Physio\">\u5065\u8eab\u8207\u7269\u7406\u6cbb\u7642<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Dental Care\" id=\"Topics-Dental Care\" onclick=\"showContent('Dental Care', 'Topics')\">\n <label for=\"Topics-Dental Care\">\u53e3\u8154\u5065\u5eb7<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Skin and Medical Aesthetics\" id=\"Topics-Skin and Medical Aesthetics\" onclick=\"showContent('Skin and Medical Aesthetics', 'Topics')\">\n <label for=\"Topics-Skin and Medical Aesthetics\">\u76ae\u819a\u91ab\u7f8e<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Detoxification\" id=\"Topics-Detoxification\" onclick=\"showContent('Detoxification', 'Topics')\">\n <label for=\"Topics-Detoxification\">\u8eab\u9ad4\u6392\u6bd2<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Gut Health\" id=\"Topics-Gut Health\" onclick=\"showContent('Gut Health', 'Topics')\">\n <label for=\"Topics-Gut Health\">\u8178\u9053\u5065\u5eb7<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Hormone Health\" id=\"Topics-Hormone Health\" onclick=\"showContent('Hormone Health', 'Topics')\">\n <label for=\"Topics-Hormone Health\">\u8377\u723e\u8499\u5e73\u8861<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Metabolic Health\" id=\"Topics-Metabolic Health\" onclick=\"showContent('Metabolic Health', 'Topics')\">\n <label for=\"Topics-Metabolic Health\">\u63d0\u5347\u4ee3\u8b1d\u529f\u80fd<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Immune Health\" id=\"Topics-Immune Health\" onclick=\"showContent('Immune Health', 'Topics')\">\n <label for=\"Topics-Immune Health\">\u514d\u75ab\u7cfb\u7d71<\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"Topics\" value=\"Chronic Disease\" id=\"Topics-Chronic Disease\" onclick=\"showContent('Chronic Disease', 'Topics')\">\n <label for=\"Topics-Chronic Disease\">\u6162\u6027\u75be\u75c5\u7ba1\u7406<\/label>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"main-content\">\n <div class=\"search_layout\">\n <input type=\"text\" id=\"search-input\" class=\"search_input BeausiteFit_Light_20px\" placeholder=\"Search\">\n <button class=\"search_btn\" id=\"search-button\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/search_btn-icon.png\" alt=\"\" class=\"search_btn_icon\">\n <\/button>\n <\/div>\n \n <div class=\"content\" id=\"content-container\">\n <\/div>\n \n <div class=\"content_details\" id=\"content-details-container\">\n <\/div>\n <\/div>\n <\/div>\n <section class=\"footer-appointment-container\">\n <div class=\"appointment-title\">\n <h1>\u7acb\u5373\u9810\u7d04<\/h1>\n <p>Humansa \u65d7\u8266\u5e97 | \u7dad\u6e2f\u6587\u5316\u532f<\/p>\n <\/div>\n <div class=\"contact-icon-container\">\n <div class=\"contact-icon-box\">\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=85259112803&text=Hi%2C+I+just+visited+your+website+and+I%27m+interested+to+know+more+about+Humansa.%0D%0A%E4%BD%A0%E5%A5%BD%EF%BC%8C%E5%89%9B%E5%89%9B%E8%A8%AA%E5%95%8F%E4%BA%86%E4%BD%A0%E5%80%91%E7%9A%84%E5%AE%98%E6%96%B9%E7%B6%B2%E7%AB%99%EF%BC%8C%E6%88%91%E6%9C%89%E8%88%88%E8%B6%A3%E4%BA%86%E8%A7%A3%E6%9B%B4%E5%A4%9A%E8%B3%87%E8%A8%8A%E3%80%82&type=phone_number&app_absent=0\" class=\"contact-icon-link\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2025\/01\/whatsapp.png\" alt=\"\" class=\"default-icon\" \/>\n <\/a>\n <a href=\"tel: 85231802233\" class=\"contact-icon-link\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2025\/01\/phonenumber-contact.png\" alt=\"\" class=\"long-icon\" \/>\n <\/a>\n <a href=\"mailto:csminfo@humansa.com.hk\" class=\"contact-icon-link\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2025\/01\/email-contact.png\" alt=\"\" class=\"long-icon\" \/>\n <\/a>\n <\/div>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/contact\/\" class=\"contactus-btn\">\u806f\u7d61\u6211\u5011<\/a>\n <\/div>\n <\/section>\n <div class=\"page-footer\">\n <div class=\"footer-layout\">\n <div class=\"footer-container\">\n <div class=\"footer-title-box\">\n <div class=\"footer-title\">\n <a href=\"https:\/\/www.humansahealth.com\/zh\/about\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u95dc\u65bc Humansa<\/p>\n <\/a>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/contact\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u806f\u7d61\u6211\u5011<\/p>\n <\/a>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/humansa-membership-programme\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u6703\u54e1\u8a08\u5283<\/p>\n <\/a>\n <\/div>\n <div class=\"footer-title\">\n <a href=\"https:\/\/www.humansahealth.com\/zh\/terms\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u4f7f\u7528\u689d\u6b3e<\/p>\n <\/a>\n <a href=\"https:\/\/www.humansahealth.com\/zh\/policy\/\">\n <p class=\"BeausiteClassic_Light_24px\">\u96b1\u79c1\u653f\u7b56<\/p>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"footer-logo-container\">\n <div class=\"Follow-us-layout\">\n <p class=\"footer-logo-title BeausiteClassic_Light_24px\">Follow us on<\/p>\n <div class=\"footer-logo-box\">\n <a href=\"https:\/\/www.facebook.com\/HKHumansa\/\">\n <img decoding=\"async\" class=\"footer-icon-style\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/facebook-v2.png\" alt=\"\">\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/humansa\/\">\n <img decoding=\"async\" class=\"footer-icon-style\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/ins-v2.png\" alt=\"\">\n <\/a>\n <a href=\"https:\/\/hk.linkedin.com\/company\/humansa\">\n <img decoding=\"async\" class=\"footer-icon-style\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/in-v2.png\" alt=\"\">\n <\/a>\n <\/div>\n <\/div>\n <div class=\"download-app-container\">\n <p class=\"download-app-title BeausiteClassic_Light_24px\">\u4e0b\u8f09Humansa\u00a0App\u624b\u6a5f\u61c9\u7528\u7a0b\u5f0f<\/p>\n <div class=\"download-icon-layout\">\n <a href=\"https:\/\/apps.apple.com\/hk\/app\/humansa\/id1626452088\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/AppStore-v2.png\" alt=\"AppStore\" class=\"download-icon-style\">\n <\/a>\n <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=hk.com.humansa.prod&hl=en_US&gl=US\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/GooglePlay-v2.png\" alt=\"GooglePlay\" class=\"download-icon-style\">\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-copyright BeausiteClassic_Light_24px\">\n <p>\u00a9 2025 Humansa. All rights reserved.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n function pxToVw(px, deviceWidth = 430) {\n \/\/ console.log(\"deviceWidth:\", deviceWidth);\n return (px \/ deviceWidth) * 100;\n }\n \/\/ console.log('vw:', pxToVw(16));\n\n \/\/ Search button event listener\n const searchButton = document.getElementById(\"search-button\");\n searchButton.addEventListener(\"click\", () => searchFunction());\n \/\/ \u4f7f\u7528\u793a\u4f8b\n let allData = [];\n let BlogsData = [];\n let ArticlesData = [];\n let VideosData = [];\n\n \/\/ Categories and options\n const categories = [\n {\n name: \"Format\",\n options: [\"All\", \"Articles\", \"Videos\"],\n },\n {\n name: \"Topics\",\n options: [\n \"All\",\n \"News & Press Releases\",\n \"Longevity\",\n \"Diet & Nutrition\",\n \"Fitness & Physio\",\n \"Dental Care\",\n \"Skin and Medical Aesthetics\",\n \"Detoxification\",\n \"Gut Health\",\n \"Hormone Health\",\n \"Metabolic Health\",\n \"Immune Health\",\n \"Chronic Disease\",\n ],\n },\n ];\n\n\n\n \/\/ DOM Elements\n const container = document.getElementById(\"content-container\");\n const detailscontainer = document.getElementById(\"content-details-container\");\n const sidebarSelect = document.querySelector(\".sidebar_select\");\n\n \/\/ State\n let selectedFormat = \"All\";\n let selectedTopic = \"All\";\n\n \/\/ filterContent\n function filterContent() {\n let filteredContent = [];\n\n \/\/ Determine which data set to use based on selected format\n if (selectedFormat === \"All\") {\n filteredContent = allData;\n } else if (selectedFormat === \"Articles\") {\n filteredContent = BlogsData;\n } else if (selectedFormat === \"Videos\") {\n filteredContent = VideosData;\n }\n\n \/\/ Further filter by selected topic\n if (selectedTopic !== \"All\") {\n filteredContent = filteredContent.filter((item) =>\n item.tags.includes(selectedTopic)\n );\n }\n\n renderContent(filteredContent);\n }\n\n function showContent(option, category) {\n \/\/ console.log('showContent option:', option);\n \/\/ console.log('showContent category:', category);\n\n if (category === \"Format\") {\n selectedFormat = option; \/\/ Update selected format\n } else if (category === \"Topics\") {\n selectedTopic = option; \/\/ Update selected topic\n }\n filterContent(); \/\/ Re-filter content based on the current selections\n }\n\n \/\/ \u4e3a\u6bcf\u4e2a\u4e0b\u62c9\u6846\u7ed1\u5b9a\u72ec\u7acb\u7684\u4e8b\u4ef6\n document.querySelectorAll('.custom-select').forEach(select => {\n const selected = select.querySelector('.select-selected');\n const items = select.querySelector('.select-items');\n\n \/\/ \u70b9\u51fb\u9009\u4e2d\u533a\u57df\u65f6\u663e\u793a\/\u9690\u85cf\u4e0b\u62c9\u9009\u9879\n selected.addEventListener('click', function (event) {\n event.stopPropagation(); \/\/ \u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\n\n \/\/ \u5173\u95ed\u5176\u4ed6\u4e0b\u62c9\u6846\n document.querySelectorAll('.select-items').forEach(otherItems => {\n if (otherItems !== items) {\n otherItems.classList.remove('show');\n }\n });\n\n \/\/ \u5207\u6362\u5f53\u524d\u4e0b\u62c9\u6846\u7684\u663e\u793a\u72b6\u6001\n items.classList.toggle('show');\n });\n\n \/\/ \u70b9\u51fb\u9009\u9879\u65f6\u66f4\u65b0\u9009\u4e2d\u503c\u5e76\u9690\u85cf\u4e0b\u62c9\u9009\u9879\n items.querySelectorAll('.select-item').forEach(item => {\n item.addEventListener('click', function () {\n const selectedValue = this.getAttribute('data-value');\n const selectedText = this.textContent;\n \/\/ \u66f4\u65b0\u9009\u4e2d\u533a\u57df\u7684\u663e\u793a\u5185\u5bb9\n selected.querySelector('p').textContent = selectedText;\n\n \/\/ \u9690\u85cf\u4e0b\u62c9\u6846\n items.classList.remove('show');\n\n \/\/ \u6839\u636e\u4e0b\u62c9\u6846\u7684\u7c7b\u578b\u8c03\u7528\u4e0d\u540c\u7684\u5904\u7406\u51fd\u6570\n if (select.id === 'format-selected') {\n showContent(selectedValue, 'Format'); \/\/ \u5904\u7406 Format \u9009\u62e9\n } else if (select.id === 'topics-selected') {\n showContent(selectedValue, 'Topics'); \/\/ \u5904\u7406 Topics \u9009\u62e9\n }\n\n \/\/ \u66f4\u65b0\u9009\u4e2d\u9879\u7684\u6837\u5f0f\n items.querySelectorAll('.select-item').forEach(otherItem => {\n otherItem.classList.remove('active');\n });\n this.classList.add('active');\n });\n });\n });\n\n \/\/ \u70b9\u51fb\u9875\u9762\u5176\u4ed6\u90e8\u5206\u65f6\u9690\u85cf\u6240\u6709\u4e0b\u62c9\u9009\u9879\n document.addEventListener('click', function () {\n document.querySelectorAll('.select-items').forEach(items => {\n items.classList.remove('show');\n });\n });\n\n \/\/ \u9632\u6b62\u4e0b\u62c9\u9009\u9879\u533a\u57df\u70b9\u51fb\u65f6\u5192\u6ce1\u5230 document\n document.querySelectorAll('.select-items').forEach(items => {\n items.addEventListener('click', function (event) {\n event.stopPropagation();\n });\n });\n\n\n \/\/ renderDetail\n function renderDetail(data) {\n \/\/ window.location.href = data && data.url;\n const currentUrl = window.location.href;\n const isZh = currentUrl.includes(\"\/zh\/\");\n const url = isZh && data.zhUrl ? data.zhUrl : data.url;\n window.location.href = url;\n }\n \/\/ renderContent\n function renderContent(contentData) {\n container.innerHTML = \"\"; \/\/ Clear existing content\n container.classList.add(\"content\");\n const currentUrl = window.location.href;\n let isZh = currentUrl.includes(\"\/zh\/\");\n if (contentData.length === 0) {\n const noContent = document.createElement(\"p\");\n noContent.textContent = \"No content matches the selected filters.\";\n container.appendChild(noContent);\n return;\n }\n\n contentData.forEach((item) => {\n const contentItem = document.createElement(\"div\");\n contentItem.classList.add(\"content_item\");\n contentItem.innerHTML = `\n <img decoding=\"async\" src=\"${item.imgSrc}\" alt=\"\" class=\"content_item_img\">\n <div class=\"content_item_info div_flex_column\">\n <div class=\"content_data_read_times div_flex_row BeausiteFit_Light_16px\">\n <div class=\"read_times div_flex_row\">\n <img decoding=\"async\" src=\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/2024\/12\/read_times.png\" class=\"read_times_icon\">\n <span>${item.readTime}<\/span>\n <\/div>\n <p class=\"content_date\">${isZh ? item.zhDate : item.date}<\/p>\n <\/div>\n <p class=\"content_title\">${isZh ? item.zhTitle : item.title}<\/p>\n ${item.tags && item.tags[0] !== \"\"\n ? `\n <div class=\"content_type_box\">\n ${isZh ?\n item.zhTags.map((type) => `<p class=\"content_type\">${type}<\/p>`).join(\"\")\n :\n item.tags.map((type) => `<p class=\"content_type\">${type}<\/p>`).join(\"\")}\n <\/div>\n `\n : \"\"\n }\n <\/div>\n `;\n \/\/ \u4e3a\u6bcf\u4e2a contentItem \u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n const imgElement = contentItem.querySelector(\"img.content_item_img\");\n\n imgElement.addEventListener(\"click\", () => renderDetail(item));\n \/\/ \u4e3a\u6bcf\u4e2a content_type \u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n const contentTypeElements = contentItem.querySelectorAll(\"p.content_type\");\n contentTypeElements.forEach((contentTypeElement) => {\n contentTypeElement.addEventListener(\"click\", () => {\n renderDetail(item)\n });\n });\n container.appendChild(contentItem);\n });\n }\n \/\/ backFunction\n function backFunction() {\n const detailsContainer = document.getElementById(\"content-details-container\");\n\n detailsContainer.innerHTML = \"\";\n detailscontainer.classList.add(\"content_hidden\");\n\n container.classList.remove(\"content_hidden\");\n container.classList.add(\"content\");\n\n\n }\n \/\/ searchFunction\n \/\/ searchFunction\n function searchFunction() {\n const searchInput = document.getElementById(\"search-input\").value.toLowerCase();\n \/\/ console.log('searchInput', searchInput);\n\n \/\/ Filter based on current selected format and topic\n let filteredContent = [];\n\n \/\/ First filter by format\n if (selectedFormat === \"All\") {\n filteredContent = allData;\n } else if (selectedFormat === \"Articles\") {\n filteredContent = BlogsData;\n } else if (selectedFormat === \"Videos\") {\n filteredContent = VideosData;\n }\n\n \/\/ Then filter by topic if not \"All\"\n if (selectedTopic !== \"All\") {\n filteredContent = filteredContent.filter((item) =>\n item.tags.includes(selectedTopic)\n );\n }\n\n \/\/ Finally filter by search term if there is one\n if (searchInput.trim() !== \"\") {\n filteredContent = filteredContent.filter((item) => {\n const currentUrl = window.location.href;\n const isZh = currentUrl.includes(\"\/zh\/\");\n\n \/\/ Search in both title and content\n const titleMatch = isZh\n ? (item.zhTitle || \"\").toLowerCase().includes(searchInput)\n : (item.title || \"\").toLowerCase().includes(searchInput);\n\n const contentMatch = isZh\n ? (item.zhContent || \"\").toLowerCase().includes(searchInput)\n : (item.content || \"\").toLowerCase().includes(searchInput);\n\n return titleMatch || contentMatch;\n });\n }\n\n renderContent(filteredContent);\n }\n \/\/ Get json data\n async function getContentJson() {\n return await fetch(\"https:\/\/www.humansahealth.com\/wp-content\/uploads\/data-resource.json\")\n \/\/ return await fetch(\".\/data-resource.json\")\n .then((response) => response.json())\n .then((data) => {\n \/\/ Separate articles and videos data\n BlogsData = data.blogs;\n \/\/ VideosData = data.blogs;\n allData = [...BlogsData]; \/\/ Merge them into allData\n });\n }\n\n function updateLanguagePrefix(languagePrefix) {\n const currentUrl = window.location.href;\n \/\/ \u6b63\u5219\u68c0\u67e5\u662f\u5426\u5305\u542b\/zh\/\n if (languagePrefix && !currentUrl.includes(\"\/zh\/\")) {\n \/\/ \u5982\u679c\u9700\u8981\u63d2\u5165zh\uff0c\u6784\u5efa\u65b0\u7684URL\n const newUrl = currentUrl.replace(\n \/^https:\\\/\\\/www\\.humansahealth\\.com(\\\/.*)?$\/,\n `https:\/\/www.humansahealth.com\/${languagePrefix}\\$1`\n );\n window.location.href = newUrl;\n } else if (!languagePrefix && currentUrl.includes(\"\/zh\/\")) {\n \/\/ \u5982\u679c\u9700\u8981\u79fb\u9664zh\uff0c\u6784\u5efa\u65b0\u7684URL\n const newUrl = currentUrl.replace(\n \/(^https:\\\/\\\/www\\.humansahealth\\.com)\\\/zh(\\\/.*)?$\/,\n \"$1$2\"\n );\n window.location.href = newUrl;\n }\n }\n \/\/ Event Listeners\n document.addEventListener(\"DOMContentLoaded\", async () => {\n await getContentJson(); \/\/ Fetch data after DOM is loaded\n filterContent(); \/\/ Initial render\n const searchbutton = document.getElementById(\"search-button\");\n if (searchbutton) {\n searchbutton.addEventListener(\"click\", () => searchFunction());\n }\n\n \/\/ \u83b7\u53d6EN\u548c\u7e41\u4f53\u8bed\u8a00\u6309\u94ae\n const enButton = document.getElementById(\"en-language\");\n const zhButton = document.getElementById(\"zh-language\");\n\n if (enButton && zhButton) {\n \/\/ \u70b9\u51fbEN\u6309\u94ae\u65f6\u7684\u64cd\u4f5c\n enButton.addEventListener(\"click\", function () {\n updateLanguagePrefix(\"\"); \/\/ \u79fb\u9664 \/zh\/\n });\n\n \/\/ \u70b9\u51fb\u7e41\u4f53\u6309\u94ae\u65f6\u7684\u64cd\u4f5c\n zhButton.addEventListener(\"click\", function () {\n updateLanguagePrefix(\"zh\"); \/\/ \u6dfb\u52a0 \/zh\/\n });\n }\n });\n\n\n <\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Blogs Format All Articles Videos Topics All News & Press Releases Diet & Nutrition Fitness & Physio Skin and Medical Aesthetics Detoxification Gut Health Hormone Health Metabolic Health Immune Health Chronic Disease Format All Articles Videos Topics All News & Press Releases Longevity Diet & Nutrition Fitness & Physio Dental Care Skin and Medical Aesthetics… <a href=\"https:\/\/www.humansahealth.com\/zh\/blog\/\" rel=\"bookmark\">Read More »<span class=\"screen-reader-text\">\u5065\u5eb7\u8cc7\u8a0a<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[10,13],"tags":[],"class_list":["post-43","page","type-page","status-publish","hentry","category-en","category-healthblogsnews"],"acf":[],"aioseo_notices":[],"jetpack_sharing_enabled":true,"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":189,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":18068,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/pages\/43\/revisions\/18068"}],"wp:attachment":[{"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.humansahealth.com\/zh\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}