{"id":1307,"date":"2026-08-17T07:56:36","date_gmt":"2026-08-17T07:56:36","guid":{"rendered":"https:\/\/mi-technovation.com\/tw\/?page_id=1307"},"modified":"2026-08-27T07:36:44","modified_gmt":"2026-08-27T07:36:44","slug":"our-esg-effort","status":"publish","type":"page","link":"https:\/\/mi-technovation.com\/tw\/index.php\/our-esg-effort\/","title":{"rendered":"\u6211\u5011\u7684\u8ca2\u737b"},"content":{"rendered":"<div id=\"pl-1307\"  class=\"panel-layout\" ><div id=\"pg-1307-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1307-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-1307-0-1\"  class=\"panel-grid-cell panel-grid-cell-empty panel-grid-cell-mobile-last\" ><\/div><div id=\"pgc-1307-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><div id=\"pg-1307-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1307-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1307-1-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h4 style=\"text-align: left;\">\u6211\u5011\u76842050\u6de8\u96f6\u6392\u653e\u76ee\u6a19<\/h4>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-1307-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1307-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1307-2-0-0\" class=\"so-panel widget widget_sow-image panel-first-child panel-last-child\" data-index=\"1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-image so-widget-sow-image-default-d6014b76747a-1307\"\n\t\t\t\n\t\t>\n\n<div class=\"sow-image-container\">\n\t\t<img decoding=\"async\" src=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-scaled.png\" width=\"2560\" height=\"770\" srcset=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-scaled.png 2560w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-300x90.png 300w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-1024x308.png 1024w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-768x231.png 768w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-1536x462.png 1536w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-2048x616.png 2048w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/04\/NetZero_TW_Latest-649x195.png 649w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" title=\"NetZero_TW_Latest\" alt=\"\" loading=\"lazy\" \t\tclass=\"so-widget-image\"\/>\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><div id=\"pg-1307-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1307-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1307-3-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h4 style=\"text-align: left;\">\u4fdd\u8b77\u99ac\u4f86\u4e9e\u864e\u884c\u52d5<\/h4>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-1307-4\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1307-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1307-4-0-0\" class=\"so-panel widget widget_sow-image panel-first-child\" data-index=\"3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-image so-widget-sow-image-default-d6014b76747a-1307\"\n\t\t\t\n\t\t>\n\n<div class=\"sow-image-container\">\n\t\t<img decoding=\"async\" src=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CAT-Walk-cover.png\" width=\"1443\" height=\"520\" srcset=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CAT-Walk-cover.png 1443w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CAT-Walk-cover-300x108.png 300w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CAT-Walk-cover-1024x369.png 1024w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CAT-Walk-cover-768x277.png 768w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CAT-Walk-cover-649x234.png 649w\" sizes=\"auto, (max-width: 1443px) 100vw, 1443px\" title=\"CAT Walk cover\" alt=\"\" loading=\"lazy\" \t\tclass=\"so-widget-image\"\/>\n\t<\/div>\n\n<\/div><\/div><div id=\"panel-1307-4-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h5 style=\"text-align: center;\"><strong>Citizen Action for Tigers (CAT) Walk<\/strong><\/h5>\n<h5 style=\"text-align: center;\"><a href=\"https:\/\/mi-technovation.com\/tw\/index.php\/cat-walk-2023\/\"><strong>2023\u5e747\u30018\u6708<\/strong><\/a><\/h5>\n<h5 style=\"text-align: center;\"><a href=\"https:\/\/mi-technovation.com\/tw\/index.php\/citizen-action-for-tigers-cat-walk-2024\/\"><strong>2024\u5e7410\u6708<\/strong><\/a><\/h5>\n<\/div>\n<\/div><\/div><\/div><div id=\"pgc-1307-4-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1307-4-1-0\" class=\"so-panel widget widget_sow-image panel-first-child\" data-index=\"5\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-image so-widget-sow-image-default-d6014b76747a-1307\"\n\t\t\t\n\t\t>\n\n<div class=\"sow-image-container\">\n\t\t<img decoding=\"async\" src=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CATW-2048x1152-1.png\" width=\"2048\" height=\"1152\" srcset=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CATW-2048x1152-1.png 2048w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CATW-2048x1152-1-300x169.png 300w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CATW-2048x1152-1-1024x576.png 1024w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CATW-2048x1152-1-768x432.png 768w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CATW-2048x1152-1-1536x864.png 1536w, https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2024\/11\/CATW-2048x1152-1-622x350.png 622w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" alt=\"\" loading=\"lazy\" \t\tclass=\"so-widget-image\"\/>\n\t<\/div>\n\n<\/div><\/div><div id=\"panel-1307-4-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"6\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h5 style=\"text-align: center; text-transform: none;\"><a href=\"https:\/\/mi-technovation.com\/tw\/index.php\/cat-walk-2023\/#video\"><strong>\u9ede\u64ca\u6b64\u8655\u89c0\u770b\u8996\u983b<\/strong><\/a><\/h5>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-1307-5\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1307-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1307-5-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"7\" ><div class=\"textwidget custom-html-widget\"><script>\nwindow.sustainabilityActivities = [\n{\nyear: 2026,\ntitle: \"\u6148\u5584\u7eff\u8272\u884c 2.0\",\ndate: \"2026\u5e744\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2026\/08\/7.GreenParade2.0.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/2026\/08\/17\/charity-green-parade-2-0\/\",\n},\n{\nyear: 2026,\ntitle: \"\u6559\u80b2\u8d0a\u52a9\",\ndate: \"2026\u5e743\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2026\/08\/1.Education-Sponsorship-scaled.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/2026\/08\/17\/educational-sponsorship\/\"\n},\n{\nyear: 2025,\ntitle: \"\u74b0\u5883\u4fdd\u80b2\u6708\",\ndate: \"2025\u5e7410\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2026\/08\/Environmental-Conservation-Month-scaled.png\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/2026\/08\/17\/environmental-conservation\/\"\n},\n{\nyear: 2025,\ntitle: \"\u793e\u6703\u95dc\u61f7\u884c\u52d5\",\ndate: \"2025\u5e7411\u6708 - 12\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2026\/08\/image-1-scaled.png\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/2026\/08\/17\/giving-back-to-society\/\"\n},\n{\nyear: 2025,\ntitle: \"\u8207\u969c\u53cb\u540c\u884c\u6708\",\ndate: \"2025\u5e7410\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2026\/08\/1.Together-with-the-disabled-community.jpeg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/2026\/08\/17\/together-with-the-disabled-community\/\"\n},\n{\nyear: 2025,\ntitle: \"\u6148\u5584\u8d0a\u52a9\",\ndate: \"2025\u5e744\u6708 - 5\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2025\/07\/1.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/philanthropy-sponsorship-2025\/\"\n},\n{\nyear: 2024,\ntitle: \"\u6d41\u6d6a\u52d5\u7269\u6536\u5bb9\u6240\u6350\u8d08\u6d3b\u52d5\",\ndate: \"2024\u5e7410\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2024\/11\/Photo-1.jpeg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/animal-shelter-donation-2024\/\"\n},\n{\nyear: 2024,\ntitle: \"\u6b63\u9f4a\u5065\u5eb7\u65e5\",\ndate: \"2024\u5e748\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2024\/08\/20240821_130328.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-health-day-2024\/\"\n},\n{\nyear: 2024,\ntitle: \"\u5316\u5ee2\u70ba\u5bf6\u74b0\u4fdd\u6d3b\u52d5\",\ndate: \"2024\u5e747\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2024\/08\/T2T-202407.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/trash-to-treasure\/\"\n},\n{\nyear: 2024,\ntitle: \"\u5152\u7ae5\u6b61\u6a02\u65e5\",\ndate: \"2024\u5e746\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2024\/07\/1.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-fun-day-with-children-2024\/\"\n},\n{\nyear: 2024,\ntitle: \"\u6d77\u9f9c\u4fdd\u80b2\u5f92\u6b65\u4e4b\u65c5\",\ndate: \"2024\u5e745\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2024\/06\/IMG20240525081621-scaled-e1718761414220.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/turtle-trekking-adventure\/\"\n},\n{\nyear: 2024,\ntitle: \"\u4e00\u767e\u842c\u68f5\u6a39\u6d3b\u52d5\",\ndate: \"2024\u5e744\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2024\/05\/37.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/a-million-plants-please\/\"\n},\n{\nyear: 2023,\ntitle: \"\u6d41\u6d6a\u52d5\u7269\u6536\u5bb9\u6240\u6350\u6b3e\u6d3b\u52d5 \",\ndate: \"2023\u5e7410\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2023\/11\/AnimalShelterCover-1024x683.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/animal-shelter-donation-2023\/\"\n},\n{\nyear: 2023,\ntitle: \"\u6b63\u9f4a\u6e05\u6f54\u65e5\",\ndate: \"2023\u5e749\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2023\/09\/IMG_20230909_093144-2-e1695103011356-1024x683.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-clean-up-day-2023\/\"\n},\n{\nyear: 2023,\ntitle: \"\u690d\u6a39\u6d3b\u52d5\",\ndate: \"2023\u5e747\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2023\/08\/IMG20230715094315-1-1024x683.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/tree-planting-campaign\/\"\n},\n{\nyear: 2023,\ntitle: \"\u5065\u5eb7\u65e5\u6d3b\u52d5\",\ndate: \"2023\u5e747\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2026\/08\/Mi-Health-Day-Picture-6-2048x1366-1.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-health-day\/\"\n},\n{\nyear: 2023,\ntitle: \"\u5152\u7ae5\u6b61\u6a02\u65e5\",\ndate: \"2023\u5e746\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2023\/07\/Mi-Fun-Day-with-Children-2023-e1688708528226-1024x683.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-fun-day-with-children-2023\/\"\n},\n{\nyear: 2022,\ntitle: \"\u6b63\u9f4a\u8fd4\u6821\u7c4c\u6b3e\u6d3b\u52d5\",\ndate: \"2022\u5e7412\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2023\/01\/BTS-Theme-Photo-2022-scaled-e1672825665998-1024x683.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-bts-fundraising-campaign-2022\/\"\n},\n{\nyear: 2022,\ntitle: \"\u6b63\u9f4a\u74b0\u4fdd\u884c\u52d5\",\ndate: \"2022\u5e749\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2022\/09\/14.0.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/charity-home-visit\/\"\n},\n{\nyear: 2022,\ntitle: \"\u6b63\u9f4a\u95dc\u611b\u884c\u52d5<br>\u63a2\u8a2a\u5152\u7ae5\u8207\u6148\u5584\u4e4b\u5bb6\",\ndate: \"2022\u5e745\u30018\u300111\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2023\/01\/MCIA_Theme-Photo-2022-1024x683.png\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/charity-home-visit\/\"\n},\n{\nyear: 2021,\ntitle: \"\u6b63\u9f4a\u6148\u5584\u7fa9\u8ce3\",\ndate: \"2021\u5e7412\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2022\/01\/Theme-Photo-main-1024x689.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-charity-sales\/\"\n},\n{\nyear: 2021,\ntitle: \"\u6b63\u9f4a\u95dc\u611b\u884c\u52d5<br>\u884c\u7ba1\u4ee4\u671f\u9593\u7684\u6350\u8d08\u6d3b\u52d5\",\ndate: \"2021\u5e748\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2021\/10\/Caring-in-Action-1024x689.jpeg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-caring-in-action-during-mco\/\"\n},\n{\nyear: 2021,\ntitle: \"\u6297\u64ca\u65b0\u51a0\u75c5\u6bd2: \u6b63\u9f4a\u5728\u884c\u52d5\",\ndate: \"2021\u5e747\u6708\",\nimage: \"https:\/\/mi-technovation.com\/wp-content\/uploads\/2022\/04\/Untitled3.jpg\",\nlink: \"https:\/\/mi-technovation.com\/tw\/index.php\/mi-in-response-to-covid-19\/\"\n},\n];\n<\/script><\/div><\/div><\/div><\/div><div id=\"pg-1307-6\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1307-6-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1307-6-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"8\" ><div class=\"textwidget custom-html-widget\"><div class=\"sustainability-container\">\n    <h4 class=\"sustainability-title\">\u4f01\u696d\u793e\u6703\u8cac\u4efb\u200b\u200b<\/h4>\n\n    <p>\n        \u900f\u904e\u6301\u7e8c\u63a8\u52d5\u53ef\u6301\u7e8c\u767c\u5c55\u884c\u52d5\uff0c\u6211\u5011\u81f4\u529b\u65bc\u5275\u9020\u7a4d\u6975\u5f71\u97ff\uff0c\u70ba\u793e\u5340\u8207\u81ea\u7136\u74b0\u5883\u5275\u9020\u50f9\u503c\uff0c\u4e26\u5171\u540c\u9081\u5411\u66f4\u52a0\u53ef\u6301\u7e8c\u7684\u672a\u4f86\u3002\u200b\n    <\/p>\n\n    <div id=\"yearTabs\" class=\"year-tabs\"><\/div>\n    <div id=\"activityCards\" class=\"activity-grid\"><\/div>\n<\/div>\n\n<style>\n.sustainability-container{\n    width:100%;\n    margin-bottom:10px;\n    font-family:Arial,sans-serif;\n}\n\n.year-tabs{\n    display:flex;\n    gap:10px;\n    margin-bottom:15px;\n    flex-wrap:wrap;\n}\n\n.year-tab,\n.past-btn{\n    background:#e9edf2;\n    border:none;\n    border-radius:6px;\n    padding:10px 22px;\n    cursor:pointer;\n    font-size:14px;\n    font-weight:600;\n    color:#000;\n}\n\n.year-tab.active{\n    background:#1976d2;\n    color:#fff;\n}\n\n.past-dropdown{\n    position:relative;\n}\n\n.dropdown-menu{\n    display:none;\n    position:absolute;\n    top:45px;\n    left:0;\n    background:#fff;\n    min-width:150px;\n    box-shadow:0 4px 15px rgba(0,0,0,.15);\n    border-radius:6px;\n    overflow:hidden;\n    z-index:999;\n}\n\n.dropdown-menu div{\n    padding:10px 15px;\n    cursor:pointer;\n}\n\n.dropdown-menu div:hover{\n    background:#f5f5f5;\n}\n\n.past-dropdown.open .dropdown-menu{\n    display:block;\n}\n\n.activity-grid{\n    display:grid;\n    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));\n    gap:15px;\n    align-items:stretch;\n}\n\n.activity-card{\n    background:#fff;\n    border-radius:8px;\n    overflow:hidden;\n    box-shadow:0 2px 8px rgba(0,0,0,.15);\n    display:flex;\n    flex-direction:column;\n    height:100%;\n    transition:transform .2s ease;\n}\n\n.activity-card:hover{\n    transform:translateY(-3px);\n}\n\n.activity-card img{\n    width:100%;\n    height:auto;\n    display:block;\n}\n\n.activity-content{\n    padding:15px;\n    text-align:center;\n    flex:1;\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n}\n\n.activity-title{\n    min-height:60px;\n    font-weight:700;\n    line-height:1.4;\n    margin-bottom:10px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.activity-title a{\n    color:#1a73e8;\n    text-decoration:none;\n}\n\n.activity-title a:hover{\n    text-decoration:underline;\n}\n\n.activity-date{\n    color:#666;\n    font-size:13px;\n    margin-top:auto;\n}\n<\/style>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n    const activities = window.sustainabilityActivities || [];\n\n    const tabContainer = document.getElementById(\"yearTabs\");\n    const cardContainer = document.getElementById(\"activityCards\");\n\n    const years = [...new Set(\n        activities.map(item => item.year)\n    )].sort((a,b) => b-a);\n\n    const latestYears = years.slice(0,3);\n    const pastYears = years.slice(3);\n\nfunction renderCards(year) {\n\n    const filtered = activities.filter(\n        item => item.year === year\n    );\n\n    cardContainer.innerHTML = filtered.map(item => `\n        <div class=\"activity-card\">\n\n            ${\n                item.link\n                ? `\n                    <a href=\"${item.link}\" target=\"_blank\" rel=\"noopener\">\n                        <img decoding=\"async\" src=\"${item.image}\" alt=\"${item.title}\">\n                    <\/a>\n                `\n                : `\n                    <img decoding=\"async\" src=\"${item.image}\" alt=\"${item.title}\">\n                `\n            }\n\n            <div class=\"activity-content\">\n\n                <div class=\"activity-title\">\n                    ${\n                        item.link\n                        ? `\n                            <a href=\"${item.link}\" target=\"_blank\" rel=\"noopener\">\n                                ${item.title}\n                            <\/a>\n                        `\n                        : item.title\n                    }\n                <\/div>\n\n                <div class=\"activity-date\">\n                    ${item.date}\n                <\/div>\n\n            <\/div>\n        <\/div>\n    `).join(\"\");\n}\n\n\n    latestYears.forEach(year => {\n\n        const btn = document.createElement(\"button\");\n\n        btn.className = \"year-tab\";\n        btn.textContent = year;\n\n        btn.addEventListener(\"click\", function(){\n\n            document\n                .querySelectorAll(\".year-tab\")\n                .forEach(tab => tab.classList.remove(\"active\"));\n\n            this.classList.add(\"active\");\n\n            renderCards(year);\n\n        });\n\n        tabContainer.appendChild(btn);\n\n    });\n\n    if(pastYears.length){\n\n        const dropdown = document.createElement(\"div\");\n        dropdown.className = \"past-dropdown\";\n\n        dropdown.innerHTML = `\n            <button class=\"past-btn\">\n                \u6b77\u5e74\u6982\u89bd \u25bc\n            <\/button>\n\n            <div class=\"dropdown-menu\">\n                ${pastYears.map(year => `\n                    <div data-year=\"${year}\">\n                        ${year}\n                    <\/div>\n                `).join(\"\")}\n            <\/div>\n        `;\n\n        dropdown.querySelector(\".past-btn\")\n            .addEventListener(\"click\", function(){\n                dropdown.classList.toggle(\"open\");\n            });\n\n        dropdown.querySelectorAll(\"[data-year]\")\n            .forEach(item => {\n\n                item.addEventListener(\"click\", function(){\n\n                    document\n                        .querySelectorAll(\".year-tab\")\n                        .forEach(btn => btn.classList.remove(\"active\"));\n\n                    renderCards(\n                        parseInt(this.dataset.year)\n                    );\n\n                    dropdown.classList.remove(\"open\");\n                });\n\n            });\n\n        tabContainer.appendChild(dropdown);\n    }\n\n    document.querySelector(\".year-tab\")?.click();\n\n    document.addEventListener(\"click\", function(e){\n\n        if(!e.target.closest(\".past-dropdown\")){\n            document\n                .querySelectorAll(\".past-dropdown\")\n                .forEach(el => el.classList.remove(\"open\"));\n        }\n\n    });\n\n});\n<\/script><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u6211\u5011\u76842050\u6de8\u96f6\u6392\u653e\u76ee\u6a19<\/p>\n","protected":false},"author":9,"featured_media":39,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-1307","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages\/1307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/comments?post=1307"}],"version-history":[{"count":18,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages\/1307\/revisions"}],"predecessor-version":[{"id":1390,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages\/1307\/revisions\/1390"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/media\/39"}],"wp:attachment":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/media?parent=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}