2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/title>\n <style>\n \/* \u6587\u7ae0\u7f6e\u4e2d\u5916\u5bb9\u5668\uff08\u53ef\u653e\u5165\u4efb\u4f55\u6587\u7ae0\u6bb5\u843d\u4e4b\u9593\uff09 *\/\n .article-embed-container {\n width: 100%;\n display: flex;\n justify-content: center; \/* \u78ba\u4fdd\u5728\u6587\u7ae0\u5340\u584a\u4e2d\u7f6e\u4e2d *\/\n margin: 30px auto; \/* \u8207\u524d\u5f8c\u6bb5\u843d\u4fdd\u6301\u4e0a\u4e0b 30px \u7684\u5b89\u5168\u8ddd\u96e2 *\/\n box-sizing: border-box;\n padding: 0 15px; \/* \u9632\u6b62\u624b\u6a5f\u7248\u5169\u5074\u8cbc\u908a\uff0c\u9810\u7559\u5b89\u5168\u9593\u8ddd *\/\n }\n \/* 1. \u5361\u7247\u4e3b\u9ad4\u8a2d\u5b9a\uff1a\u6539\u70ba\u6eff\u7248 *\/\n .reforest-card-full {\n display: block;\n width: 100%; \/* \u6eff\u7248\uff1a\u5bec\u5ea6 100% \u81ea\u52d5\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n max-width: 800px; \/* \u9650\u5236\u6700\u5927\u5bec\u5ea6\uff0c\u907f\u514d\u5728\u684c\u6a5f\u4e0a\u62c9\u5f97\u904e\u5bec\uff08\u53ef\u4f9d\u9700\u6c42\u8abf\u6574\uff0c\u5982900\u62161000\uff09 *\/\n background-color: #ffffff;\n border-radius: 16px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5143\u4ef6\u4ee5\u7b26\u5408\u5713\u89d2 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); \/* \u57fa\u790e\u9670\u5f71 *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u7684\u7269\u7406\u56de\u994b\u52d5\u756b *\/\n text-decoration: none; \/* \u79fb\u9664\u9023\u7d50\u5e95\u7dda *\/\n border: 1px solid #eef2f0; \/* \u6de1\u6de1\u7684\u908a\u6846\u589e\u52a0\u8fa8\u8b58\u5ea6 *\/\n box-sizing: border-box;\n }\n \/* 2. \u5716\u7247\u5340\u584a\u8a2d\u5b9a *\/\n .reforest-img-wrapper {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5; \/* \u5716\u7247\u672a\u8f09\u5165\u524d\u7684\u9810\u8a2d\u5e95\u8272 *\/\n }\n .reforest-img-wrapper img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u684c\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u78ba\u4fdd\u5716\u7247\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* 3. \u6587\u5b57\u5167\u5bb9\u5340\u584a *\/\n .reforest-content {\n padding: 24px 30px; \/* \u684c\u6a5f\u7248\u7d66\u4e88\u8212\u9069\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left; \/* \u6587\u5b57\u9760\u5de6\u5c0d\u9f4a\uff0c\u7b26\u5408\u95b1\u8b80\u7fd2\u6163 *\/\n }\n \/* \u6a19\u984c\u6587\u5b57\uff1a\u96fb\u8166\u7248 *\/\n .reforest-title {\n font-size: 22px; \/* \u96fb\u8166\u7248\u63a1\u7528\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n margin: 0 0 12px 0;\n color: #1a4329; \/* \u4e3b\u984c\u6df1\u7da0\u8272 *\/\n transition: color 0.2s ease;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u63d0\u793a\u6587\u5b57\uff1a\u96fb\u8166\u7248 *\/\n .reforest-action-text {\n font-size: 15px;\n color: #555555;\n margin: 0;\n font-weight: 500;\n }\n \/* -------------------------------------------\n \u3010\u9ede\u64ca\u8207\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------- *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09\u6548\u679c *\/\n .reforest-card-full:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u4e0a\u6d6e *\/\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1\u589e\u5f37\u7acb\u9ad4\u611f *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u5fae\u5e45\u653e\u5927 *\/\n .reforest-card-full:hover .reforest-img-wrapper img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full:hover .reforest-title {\n color: #2e7d32;\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09\u7269\u7406\u56de\u994b *\/\n .reforest-card-full:active {\n transform: translateY(-1px) scale(0.99); \/* \u6574\u9ad4\u5fae\u5e45\u4e0b\u58d3\u8207\u7e2e\u5c0f *\/\n box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* -------------------------------------------\n \u3010\u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 RWD\u3011\n \u91dd\u5c0d\u87a2\u5e55\u5bec\u5ea6\u5c0f\u65bc 576px \u7684\u884c\u52d5\u88dd\u7f6e\u9032\u884c\u7279\u5225\u8abf\u6821\n ------------------------------------------- *\/\n @media (max-width: 576px) {\n .article-embed-container {\n padding: 0 8px; \/* \u624b\u6a5f\u7248\u7e2e\u5c0f\u5916\u8ddd\uff0c\u8b93\u5361\u7247\u76e1\u91cf\u653e\u5927 *\/\n margin: 20px auto;\n }\n .reforest-card-full {\n border-radius: 12px; \/* \u624b\u6a5f\u7248\u5713\u89d2\u7a0d\u5fae\u4fee\u5c0f\uff0c\u770b\u8d77\u4f86\u66f4\u4fd0\u843d *\/\n }\n .reforest-img-wrapper img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u6eff\u6574\u500b\u624b\u6a5f\u87a2\u5e55 *\/\n }\n .reforest-content {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u624b\u6a5f\u7248\u7684\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u66f4\u591a\u7a7a\u9593 *\/\n }\n \/* \u624b\u6a5f\u7248\u6587\u5b57\u5927\u5c0f\u8207\u8fa8\u8b58\u5ea6\u512a\u5316 *\/\n .reforest-title {\n font-size: 18px; \/* \u9069\u5408\u624b\u6a5f\u95b1\u8b80\u7684\u7c97\u9ad4\u5927\u5b57 *\/\n line-height: 1.4;\n margin-bottom: 8px;\n display: -webkit-box;\n -webkit-line-clamp: 2; \/* \u9632\u7834\u7248\uff1a\u6a19\u984c\u6700\u591a\u986f\u793a\u5169\u884c\uff0c\u8d85\u904e\u81ea\u52d5\u7701\u7565\u865f\uff08\u53ef\u522a\u9664\u6b64\u884c\uff09 *\/\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n .reforest-action-text {\n font-size: 14px; \/* \u653e\u5927\u63d0\u793a\u5b57\u9ad4\uff0c\u63d0\u5347\u624b\u6a5f\u7248\u624b\u6307\u9ede\u64ca\u7684\u5f15\u5c0e\u6027 *\/\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u5c07\u63d0\u793a\u5b57\u6539\u70ba\u7da0\u8272\uff0c\u8fa8\u8b58\u5ea6\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"article-embed-container\">\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=36268\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full\">\n \n \n <div class=\"reforest-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image.png\" alt=\"2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b\">\n <\/div>\n \n \n <div class=\"reforest-content\">\n <h3 class=\"reforest-title\">2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/h3>\n <p class=\"reforest-action-text\">\u9ede\u64ca\u4e86\u89e3\u8a08\u756b\u8a73\u60c5\u4e26\u7d66\u4e88\u652f\u6301 \u2197<\/p>\n <\/div>\n \n <\/a>\n <\/div>\n \n<\/body>\n<\/html>\n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2025 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section {\n width: 100%;\n max-width: 1000px; \/* \u9650\u5236\u6574\u9ad4\u6700\u5927\u5bec\u5ea6\uff0c\u9069\u5408\u878d\u5165\u6587\u7ae0 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* \u5361\u7247\u4e26\u6392\u7684\u5916\u5bb9\u5668 *\/\n .reforest-grid {\n display: flex;\n gap: 20px; \/* \u5169\u5f35\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n justify-content: center; \/* \u78ba\u4fdd\u5361\u7247\u6574\u9ad4\u7f6e\u4e2d *\/\n width: 100%;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\uff08\u96fb\u8166\u7248\u9810\u8a2d\uff09\n ========================================== *\/\n .reforest-card-half {\n flex: 1; \/* \u6838\u5fc3\uff1a\u8b93\u5169\u5f35\u5361\u7247\u7d55\u5c0d\u7b49\u5bec *\/\n display: flex;\n flex-direction: column; \/* \u8b93\u5361\u7247\u5167\u90e8\u76f4\u5411\u6392\u5217 *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box {\n width: 100%;\n padding-top: 56.25%; \/* \u95dc\u9375\uff1a\u5f37\u5236\u7dad\u6301 16:9 \u6bd4\u4f8b\uff0c\u78ba\u4fdd\u5169\u5f35\u5716\u7d55\u5c0d\u7b49\u5927 *\/\n position: relative;\n overflow: hidden;\n background-color: #f4f6f5;\n }\n .reforest-img-box img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e0d\u8b8a\u5f62 *\/\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info {\n padding: 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1; \/* \u78ba\u4fdd\u5169\u908a\u6587\u5b57\u6846\u9ad8\u5ea6\u6490\u958b\u5230\u4e00\u6a23\u9ad8 *\/\n background-color: #ffffff;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title {\n font-size: 18px;\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action {\n font-size: 14px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-half:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-half:hover .reforest-img-box img {\n transform: scale(1.04);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-half:hover .reforest-card-title {\n color: #2e7d32;\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-half:active {\n transform: translateY(-1px) scale(0.99); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f\uff0c\u907f\u514d\u7a81\u5140 *\/\n margin-bottom: 16px;\n }\n .reforest-grid {\n flex-direction: column;\/* \u95dc\u9375\uff1a\u8f49\u70ba\u4e0a\u4e0b\u55ae\u6b04\u6392\u968a *\/\n gap: 16px; \/* \u4e0a\u4e0b\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n }\n .reforest-card-half {\n width: 100%; \/* \u624b\u6a5f\u7248\u5361\u7247\u6eff\u7248 *\/\n }\n .reforest-info {\n padding: 16px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u7a7a\u9593 *\/\n }\n .reforest-card-title {\n font-size: 16px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n }\n .reforest-action {\n font-size: 13px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\uff0c\u9ede\u64ca\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n \n <section class=\"reforest-section\">\n \n \n <h2 class=\"reforest-section-title\">2025 Forest restoration Project<\/h2>\n \n \n <div class=\"reforest-grid\">\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=26260\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half\">\n <div class=\"reforest-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-4.png\" alt=\"2025\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info\">\n <h3 class=\"reforest-card-title\">2025\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/h3>\n <p class=\"reforest-action\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=26225\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half\">\n <div class=\"reforest-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-2.png\" alt=\"2025 \u5e74\u81fa\u4e2d\u6ff1\u6d77\u53ca\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info\">\n <h3 class=\"reforest-card-title\">2025 \u5e74\u81fa\u4e2d\u6ff1\u6d77\u53ca\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\u8a08\u756b<\/h3>\n <p class=\"reforest-action\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n <\/div>\n \n <\/section>\n \n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2024 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2024 {\n width: 100%;\n max-width: 1000px; \/* \u8207\u5176\u4ed6\u5e74\u4efd\u5340\u584a\u7dad\u6301\u76f8\u540c\u7684\u6700\u5927\u5bec\u5ea6 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2024 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\n ========================================== *\/\n .reforest-card-full-2024 {\n display: block;\n width: 100%; \/* \u6eff\u7248\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2024 {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2024 img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u96fb\u8166\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2024 {\n padding: 24px 30px; \/* \u96fb\u8166\u7248\u7d66\u4e88\u8212\u9069\u5bec\u655e\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2024 {\n font-size: 22px; \/* \u55ae\u5f35\u5927\u5716\u914d\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2024 {\n font-size: 15px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-full-2024:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-full-2024:hover .reforest-img-box-2024 img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full-2024:hover .reforest-card-title-2024 {\n color: #2e7d32; \/* \u8b8a\u70ba\u7da0\u8272\u63d0\u793a\u9ede\u64ca *\/\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-full-2024:active {\n transform: translateY(-1px) scale(0.992); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2024 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2024 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-img-box-2024 img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u7b26\u5408\u9ec3\u91d1\u6bd4\u4f8b *\/\n }\n .reforest-info-2024 {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u767c\u63ee\u7a7a\u9593 *\/\n }\n .reforest-card-title-2024 {\n font-size: 18px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n margin-bottom: 8px;\n }\n .reforest-action-2024 {\n font-size: 14px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\u5b57\u9ad4\u52a0\u7c97\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n <section class=\"reforest-section-2024\">\n \n <h2 class=\"reforest-section-title-2024\">2024 Forest restoration Project<\/h2>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=19522\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full-2024\">\n \n <div class=\"reforest-img-box-2024\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-5.png\" alt=\"2024\u5e74\u81fa\u7063\u6dfa\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n \n <div class=\"reforest-info-2024\">\n <h3 class=\"reforest-card-title-2024\">2024\u5e74\u81fa\u7063\u6dfa\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2024\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n \n <\/a>\n \n <\/section>\n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2023 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2023 {\n width: 100%;\n max-width: 1000px; \/* \u9650\u5236\u6574\u9ad4\u6700\u5927\u5bec\u5ea6\uff0c\u9069\u5408\u878d\u5165\u6587\u7ae0 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2023 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* \u5361\u7247\u4e26\u6392\u7684\u5916\u5bb9\u5668 *\/\n .reforest-grid-2023 {\n display: flex;\n gap: 20px; \/* \u5169\u5f35\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n justify-content: center; \/* \u78ba\u4fdd\u5361\u7247\u6574\u9ad4\u7f6e\u4e2d *\/\n width: 100%;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\uff08\u96fb\u8166\u7248\u9810\u8a2d\uff09\n ========================================== *\/\n .reforest-card-half-2023 {\n flex: 1; \/* \u6838\u5fc3\uff1a\u8b93\u5169\u5f35\u5361\u7247\u7d55\u5c0d\u7b49\u5bec *\/\n display: flex;\n flex-direction: column; \/* \u8b93\u5361\u7247\u5167\u90e8\u76f4\u5411\u6392\u5217 *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2023 {\n width: 100%;\n padding-top: 56.25%; \/* \u95dc\u9375\uff1a\u5f37\u5236\u7dad\u6301 16:9 \u6bd4\u4f8b\uff0c\u78ba\u4fdd\u5169\u5f35\u5716\u7d55\u5c0d\u7b49\u5927 *\/\n position: relative;\n overflow: hidden;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2023 img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e0d\u8b8a\u5f62 *\/\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2023 {\n padding: 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1; \/* \u78ba\u4fdd\u5169\u908a\u6587\u5b57\u6846\u9ad8\u5ea6\u6490\u958b\u5230\u4e00\u6a23\u9ad8 *\/\n background-color: #ffffff;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2023 {\n font-size: 18px;\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2023 {\n font-size: 14px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-half-2023:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-half-2023:hover .reforest-img-box-2023 img {\n transform: scale(1.04);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-half-2023:hover .reforest-card-title-2023 {\n color: #2e7d32;\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-half-2023:active {\n transform: translateY(-1px) scale(0.99); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2023 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2023 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-grid-2023 {\n flex-direction: column;\/* \u95dc\u9375\uff1a\u8f49\u70ba\u4e0a\u4e0b\u55ae\u6b04\u6392\u968a *\/\n gap: 16px; \/* \u4e0a\u4e0b\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n }\n .reforest-card-half-2023 {\n width: 100%; \/* \u624b\u6a5f\u7248\u5361\u7247\u6eff\u7248 *\/\n }\n .reforest-info-2023 {\n padding: 16px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u5167\u8ddd *\/\n }\n .reforest-card-title-2023 {\n font-size: 16px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n }\n .reforest-action-2023 {\n font-size: 13px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n \n <section class=\"reforest-section-2023\">\n \n \n <h2 class=\"reforest-section-title-2023\">2023 Forest restoration Project<\/h2>\n \n \n <div class=\"reforest-grid-2023\">\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=18935\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half-2023\">\n <div class=\"reforest-img-box-2023\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-9.png\" alt=\"2023\u5929\u7136\u6797\u5fa9\u80b2\u884c\u52d5\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info-2023\">\n <h3 class=\"reforest-card-title-2023\">2023\u5929\u7136\u6797\u5fa9\u80b2\u884c\u52d5\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2023\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=15768\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half-2023\">\n <div class=\"reforest-img-box-2023\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-8.png\" alt=\"2023\u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info-2023\">\n <h3 class=\"reforest-card-title-2023\">2023\u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2023\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n <\/div>\n \n <\/section>\n \n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2022 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2022 {\n width: 100%;\n max-width: 1000px; \/* \u8207\u5176\u4ed6\u5e74\u4efd\u5340\u584a\u7dad\u6301\u76f8\u540c\u7684\u6700\u5927\u5bec\u5ea6 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2022 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\n ========================================== *\/\n .reforest-card-full-2022 {\n display: block;\n width: 100%; \/* \u6eff\u7248\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2022 {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2022 img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u96fb\u8166\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2022 {\n padding: 24px 30px; \/* \u96fb\u8166\u7248\u7d66\u4e88\u8212\u9069\u5bec\u655e\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2022 {\n font-size: 22px; \/* \u55ae\u5f35\u5927\u5716\u914d\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2022 {\n font-size: 15px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-full-2022:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-full-2022:hover .reforest-img-box-2022 img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full-2022:hover .reforest-card-title-2022 {\n color: #2e7d32; \/* \u8b8a\u70ba\u7da0\u8272\u63d0\u793a\u9ede\u64ca *\/\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-full-2022:active {\n transform: translateY(-1px) scale(0.992); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2022 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2022 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-img-box-2022 img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u7b26\u5408\u9ec3\u91d1\u6bd4\u4f8b *\/\n }\n .reforest-info-2022 {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u767c\u63ee\u7a7a\u9593 *\/\n }\n .reforest-card-title-2022 {\n font-size: 18px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n margin-bottom: 8px;\n }\n .reforest-action-2022 {\n font-size: 14px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\u5b57\u9ad4\u52a0\u7c97\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n <section class=\"reforest-section-2022\">\n \n <h2 class=\"reforest-section-title-2022\">2022 Forest restoration Project<\/h2>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=11119\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full-2022\">\n \n <div class=\"reforest-img-box-2022\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-8.png\" alt=\"2022 \u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n \n <div class=\"reforest-info-2022\">\n <h3 class=\"reforest-card-title-2022\">2022 \u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2022\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n \n <\/a>\n \n <\/section>\n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2021 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2021 {\n width: 100%;\n max-width: 1000px; \/* \u8207\u5176\u4ed6\u5e74\u4efd\u5340\u584a\u7dad\u6301\u76f8\u540c\u7684\u6700\u5927\u5bec\u5ea6 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2021 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\n ========================================== *\/\n .reforest-card-full-2021 {\n display: block;\n width: 100%; \/* \u6eff\u7248\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2021 {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2021 img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u96fb\u8166\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2021 {\n padding: 24px 30px; \/* \u96fb\u8166\u7248\u7d66\u4e88\u8212\u9069\u5bec\u655e\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2021 {\n font-size: 22px; \/* \u55ae\u5f35\u5927\u5716\u914d\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2021 {\n font-size: 15px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-full-2021:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-full-2021:hover .reforest-img-box-2021 img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full-2021:hover .reforest-card-title-2021 {\n color: #2e7d32; \/* \u8b8a\u70ba\u7da0\u8272\u63d0\u793a\u9ede\u64ca *\/\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-full-2021:active {\n transform: translateY(-1px) scale(0.992); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2021 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2021 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-img-box-2021 img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u7b26\u5408\u9ec3\u91d1\u6bd4\u4f8b *\/\n }\n .reforest-info-2021 {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u767c\u63ee\u7a7a\u9593 *\/\n }\n .reforest-card-title-2021 {\n font-size: 18px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n margin-bottom: 8px;\n }\n .reforest-action-2021 {\n font-size: 14px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\u5b57\u9ad4\u52a0\u7c97\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n \n <section class=\"reforest-section-2021\">\n \n \n <h2 class=\"reforest-section-title-2021\">2021 Forest restoration Project<\/h2>\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=334\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full-2021\">\n \n \n <div class=\"reforest-img-box-2021\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-7.png\" alt=\"2021 \u5927\u809a\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n \n \n <div class=\"reforest-info-2021\">\n <h3 class=\"reforest-card-title-2021\">2021 \u5927\u809a\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2021\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n \n <\/a>\n \n <\/section>\n \n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<style>\n\/* ===== 1. \u5168\u7ad9\u57fa\u790e\u8a2d\u5b9a (\u4fdd\u6301\u4e7e\u6de8) ===== *\/\nbody {\n margin: 0;\n}\n\n\/* ===== 2. \u55ae\u4e00\u5f35\u5927\u5716\u9023\u7d50 (\u512a\u5316\u7248) ===== *\/\n.single-link {\n text-decoration: none;\n display: block;\n width: 92%; \/* \u624b\u6a5f\u7248\u6703\u81ea\u52d5\u7559\u767d\uff0c\u7dad\u6301\u7f8e\u611f *\/\n max-width: 1800px;\n margin: 20px auto;\n overflow: hidden;\n border-radius: 12px;\n transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n \n \/* \u512a\u5316\u7d30\u7bc0\uff1a\u9632\u6b62\u5716\u7247\u4e0b\u65b9\u7e2b\u9699\u8207 iOS \u5713\u89d2\u5207\u9664\u554f\u984c *\/\n line-height: 0;\n isolation: isolate; \n}\n\n.single-link img {\n width: 100%;\n height: auto;\n display: block;\n will-change: transform; \/* \u63d0\u5347\u52d5\u756b\u6d41\u66a2\u5ea6 *\/\n}\n\n\/* \u96fb\u8166\u7248 Hover \u7279\u6548 *\/\n@media (hover: hover) {\n .single-link:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.25);\n }\n .single-link:hover img {\n filter: brightness(1.08); \/* \u7a0d\u5fae\u63d0\u4eae\uff0c\u589e\u52a0\u4e92\u52d5\u611f *\/\n }\n}\n\n\/* \u624b\u6a5f\u7248\u9ede\u64ca\u56de\u994b\uff1a\u6309\u4e0b\u53bb\u6703\u7e2e\u5c0f\u4e00\u9ede\u9ede *\/\n@media (max-width: 768px) {\n .single-link:active {\n transform: scale(0.96);\n }\n}\n\n\/* ===== 3. \u591a\u5716\u4e26\u6392\u5340 (Gallery) ===== *\/\n.image-gallery {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n padding: 15px;\n box-sizing: border-box;\n}\n\n.image-link {\n text-decoration: none;\n display: block;\n flex: 0 0 calc(50% - 8px); \/* \u9810\u8a2d\u5169\u6b04 *\/\n max-width: 400px;\n overflow: hidden;\n border-radius: 12px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.image-link img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n\/* \u624b\u6a5f\u7248\u5207\u63db\u6210\u55ae\u6b04 *\/\n@media (max-width: 600px) {\n .image-link {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n\n\/* ===== 4. \u6587\u4ef6\u4e0b\u8f09\u5340 (Download) ===== *\/\n.download-container {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n justify-content: center;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.download-item {\n text-decoration: none;\n display: block;\n flex: 0 0 calc(50% - 8px);\n max-width: 400px;\n}\n\n.download-item img {\n width: 100%;\n height: auto;\n display: block;\n border: 1px solid #ddd;\n border-radius: 8px;\n}\n\n@media (max-width: 600px) {\n .download-item {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n<\/style>\n\n<a href=\"https:\/\/reforestation.neticrm.tw\/civicrm\/contribute\/transact?reset=1&id=8\" target=\"_blank\" class=\"single-link\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/04\/20260127donation-scaled.jpg\" alt=\"\u6350\u6b3e\u652f\u6301\">\n<\/a>\n\n\n\n<pre class=\"wp-block-preformatted has-electric-grass-gradient-background has-background\">~\u5b88\u8b77\u5c71\u6797\uff5e\u8acb\u60a8\u652f\u6301\u300a\u81fa\u7063\u5c71\u6797\u5fa9\u80b2\u5354\u6703\u300b\n\u3010\u5b98\u65b9\u7db2\u7ad9\u3011[https:\/\/www.reforestation.tw]\n\u3010\u96fb\u5b50\u767c\u7968\u6350\u8d08\u611b\u5fc3\u78bc\u30115 2 3 0\uff08\u6211\u611b\u5c71\u6797\uff09\n\u3010\u8a8d\u8b58\u690d\u7269\u7db2\u7ad9\u3011[https:\/\/kplant.atfr.org.tw\/]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b 2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b \u9ede\u64ca\u4e86\u89e3\u8a08\u756b\u8a73\u60c5\u4e26\u7d66\u4e88\u652f\u6301…<\/p>\n","protected":false},"author":20,"featured_media":41058,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/40324"}],"collection":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40324"}],"version-history":[{"count":19,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/40324\/revisions"}],"predecessor-version":[{"id":40414,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/40324\/revisions\/40414"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/media\/41058"}],"wp:attachment":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":40324,"date":"2026-06-04T15:25:08","date_gmt":"2026-06-04T07:25:08","guid":{"rendered":"https:\/\/www.reforestation.tw\/?page_id=40324"},"modified":"2026-06-30T08:48:35","modified_gmt":"2026-06-30T00:48:35","slug":"%e5%be%a9%e8%82%b2%e8%a8%88%e7%95%ab","status":"publish","type":"page","link":"https:\/\/www.reforestation.tw\/?page_id=40324","title":{"rendered":"\u5fa9\u80b2\u8a08\u756b"},"content":{"rendered":"\n\n\n\n \n \n 2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/title>\n <style>\n \/* \u6587\u7ae0\u7f6e\u4e2d\u5916\u5bb9\u5668\uff08\u53ef\u653e\u5165\u4efb\u4f55\u6587\u7ae0\u6bb5\u843d\u4e4b\u9593\uff09 *\/\n .article-embed-container {\n width: 100%;\n display: flex;\n justify-content: center; \/* \u78ba\u4fdd\u5728\u6587\u7ae0\u5340\u584a\u4e2d\u7f6e\u4e2d *\/\n margin: 30px auto; \/* \u8207\u524d\u5f8c\u6bb5\u843d\u4fdd\u6301\u4e0a\u4e0b 30px \u7684\u5b89\u5168\u8ddd\u96e2 *\/\n box-sizing: border-box;\n padding: 0 15px; \/* \u9632\u6b62\u624b\u6a5f\u7248\u5169\u5074\u8cbc\u908a\uff0c\u9810\u7559\u5b89\u5168\u9593\u8ddd *\/\n }\n \/* 1. \u5361\u7247\u4e3b\u9ad4\u8a2d\u5b9a\uff1a\u6539\u70ba\u6eff\u7248 *\/\n .reforest-card-full {\n display: block;\n width: 100%; \/* \u6eff\u7248\uff1a\u5bec\u5ea6 100% \u81ea\u52d5\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n max-width: 800px; \/* \u9650\u5236\u6700\u5927\u5bec\u5ea6\uff0c\u907f\u514d\u5728\u684c\u6a5f\u4e0a\u62c9\u5f97\u904e\u5bec\uff08\u53ef\u4f9d\u9700\u6c42\u8abf\u6574\uff0c\u5982900\u62161000\uff09 *\/\n background-color: #ffffff;\n border-radius: 16px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5143\u4ef6\u4ee5\u7b26\u5408\u5713\u89d2 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); \/* \u57fa\u790e\u9670\u5f71 *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u7684\u7269\u7406\u56de\u994b\u52d5\u756b *\/\n text-decoration: none; \/* \u79fb\u9664\u9023\u7d50\u5e95\u7dda *\/\n border: 1px solid #eef2f0; \/* \u6de1\u6de1\u7684\u908a\u6846\u589e\u52a0\u8fa8\u8b58\u5ea6 *\/\n box-sizing: border-box;\n }\n \/* 2. \u5716\u7247\u5340\u584a\u8a2d\u5b9a *\/\n .reforest-img-wrapper {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5; \/* \u5716\u7247\u672a\u8f09\u5165\u524d\u7684\u9810\u8a2d\u5e95\u8272 *\/\n }\n .reforest-img-wrapper img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u684c\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u78ba\u4fdd\u5716\u7247\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* 3. \u6587\u5b57\u5167\u5bb9\u5340\u584a *\/\n .reforest-content {\n padding: 24px 30px; \/* \u684c\u6a5f\u7248\u7d66\u4e88\u8212\u9069\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left; \/* \u6587\u5b57\u9760\u5de6\u5c0d\u9f4a\uff0c\u7b26\u5408\u95b1\u8b80\u7fd2\u6163 *\/\n }\n \/* \u6a19\u984c\u6587\u5b57\uff1a\u96fb\u8166\u7248 *\/\n .reforest-title {\n font-size: 22px; \/* \u96fb\u8166\u7248\u63a1\u7528\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n margin: 0 0 12px 0;\n color: #1a4329; \/* \u4e3b\u984c\u6df1\u7da0\u8272 *\/\n transition: color 0.2s ease;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u63d0\u793a\u6587\u5b57\uff1a\u96fb\u8166\u7248 *\/\n .reforest-action-text {\n font-size: 15px;\n color: #555555;\n margin: 0;\n font-weight: 500;\n }\n \/* -------------------------------------------\n \u3010\u9ede\u64ca\u8207\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------- *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09\u6548\u679c *\/\n .reforest-card-full:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u4e0a\u6d6e *\/\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1\u589e\u5f37\u7acb\u9ad4\u611f *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u5fae\u5e45\u653e\u5927 *\/\n .reforest-card-full:hover .reforest-img-wrapper img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full:hover .reforest-title {\n color: #2e7d32;\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09\u7269\u7406\u56de\u994b *\/\n .reforest-card-full:active {\n transform: translateY(-1px) scale(0.99); \/* \u6574\u9ad4\u5fae\u5e45\u4e0b\u58d3\u8207\u7e2e\u5c0f *\/\n box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* -------------------------------------------\n \u3010\u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 RWD\u3011\n \u91dd\u5c0d\u87a2\u5e55\u5bec\u5ea6\u5c0f\u65bc 576px \u7684\u884c\u52d5\u88dd\u7f6e\u9032\u884c\u7279\u5225\u8abf\u6821\n ------------------------------------------- *\/\n @media (max-width: 576px) {\n .article-embed-container {\n padding: 0 8px; \/* \u624b\u6a5f\u7248\u7e2e\u5c0f\u5916\u8ddd\uff0c\u8b93\u5361\u7247\u76e1\u91cf\u653e\u5927 *\/\n margin: 20px auto;\n }\n .reforest-card-full {\n border-radius: 12px; \/* \u624b\u6a5f\u7248\u5713\u89d2\u7a0d\u5fae\u4fee\u5c0f\uff0c\u770b\u8d77\u4f86\u66f4\u4fd0\u843d *\/\n }\n .reforest-img-wrapper img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u6eff\u6574\u500b\u624b\u6a5f\u87a2\u5e55 *\/\n }\n .reforest-content {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u624b\u6a5f\u7248\u7684\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u66f4\u591a\u7a7a\u9593 *\/\n }\n \/* \u624b\u6a5f\u7248\u6587\u5b57\u5927\u5c0f\u8207\u8fa8\u8b58\u5ea6\u512a\u5316 *\/\n .reforest-title {\n font-size: 18px; \/* \u9069\u5408\u624b\u6a5f\u95b1\u8b80\u7684\u7c97\u9ad4\u5927\u5b57 *\/\n line-height: 1.4;\n margin-bottom: 8px;\n display: -webkit-box;\n -webkit-line-clamp: 2; \/* \u9632\u7834\u7248\uff1a\u6a19\u984c\u6700\u591a\u986f\u793a\u5169\u884c\uff0c\u8d85\u904e\u81ea\u52d5\u7701\u7565\u865f\uff08\u53ef\u522a\u9664\u6b64\u884c\uff09 *\/\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n .reforest-action-text {\n font-size: 14px; \/* \u653e\u5927\u63d0\u793a\u5b57\u9ad4\uff0c\u63d0\u5347\u624b\u6a5f\u7248\u624b\u6307\u9ede\u64ca\u7684\u5f15\u5c0e\u6027 *\/\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u5c07\u63d0\u793a\u5b57\u6539\u70ba\u7da0\u8272\uff0c\u8fa8\u8b58\u5ea6\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"article-embed-container\">\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=36268\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full\">\n \n \n <div class=\"reforest-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image.png\" alt=\"2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b\">\n <\/div>\n \n \n <div class=\"reforest-content\">\n <h3 class=\"reforest-title\">2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/h3>\n <p class=\"reforest-action-text\">\u9ede\u64ca\u4e86\u89e3\u8a08\u756b\u8a73\u60c5\u4e26\u7d66\u4e88\u652f\u6301 \u2197<\/p>\n <\/div>\n \n <\/a>\n <\/div>\n \n<\/body>\n<\/html>\n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2025 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section {\n width: 100%;\n max-width: 1000px; \/* \u9650\u5236\u6574\u9ad4\u6700\u5927\u5bec\u5ea6\uff0c\u9069\u5408\u878d\u5165\u6587\u7ae0 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* \u5361\u7247\u4e26\u6392\u7684\u5916\u5bb9\u5668 *\/\n .reforest-grid {\n display: flex;\n gap: 20px; \/* \u5169\u5f35\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n justify-content: center; \/* \u78ba\u4fdd\u5361\u7247\u6574\u9ad4\u7f6e\u4e2d *\/\n width: 100%;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\uff08\u96fb\u8166\u7248\u9810\u8a2d\uff09\n ========================================== *\/\n .reforest-card-half {\n flex: 1; \/* \u6838\u5fc3\uff1a\u8b93\u5169\u5f35\u5361\u7247\u7d55\u5c0d\u7b49\u5bec *\/\n display: flex;\n flex-direction: column; \/* \u8b93\u5361\u7247\u5167\u90e8\u76f4\u5411\u6392\u5217 *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box {\n width: 100%;\n padding-top: 56.25%; \/* \u95dc\u9375\uff1a\u5f37\u5236\u7dad\u6301 16:9 \u6bd4\u4f8b\uff0c\u78ba\u4fdd\u5169\u5f35\u5716\u7d55\u5c0d\u7b49\u5927 *\/\n position: relative;\n overflow: hidden;\n background-color: #f4f6f5;\n }\n .reforest-img-box img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e0d\u8b8a\u5f62 *\/\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info {\n padding: 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1; \/* \u78ba\u4fdd\u5169\u908a\u6587\u5b57\u6846\u9ad8\u5ea6\u6490\u958b\u5230\u4e00\u6a23\u9ad8 *\/\n background-color: #ffffff;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title {\n font-size: 18px;\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action {\n font-size: 14px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-half:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-half:hover .reforest-img-box img {\n transform: scale(1.04);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-half:hover .reforest-card-title {\n color: #2e7d32;\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-half:active {\n transform: translateY(-1px) scale(0.99); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f\uff0c\u907f\u514d\u7a81\u5140 *\/\n margin-bottom: 16px;\n }\n .reforest-grid {\n flex-direction: column;\/* \u95dc\u9375\uff1a\u8f49\u70ba\u4e0a\u4e0b\u55ae\u6b04\u6392\u968a *\/\n gap: 16px; \/* \u4e0a\u4e0b\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n }\n .reforest-card-half {\n width: 100%; \/* \u624b\u6a5f\u7248\u5361\u7247\u6eff\u7248 *\/\n }\n .reforest-info {\n padding: 16px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u7a7a\u9593 *\/\n }\n .reforest-card-title {\n font-size: 16px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n }\n .reforest-action {\n font-size: 13px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\uff0c\u9ede\u64ca\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n \n <section class=\"reforest-section\">\n \n \n <h2 class=\"reforest-section-title\">2025 Forest restoration Project<\/h2>\n \n \n <div class=\"reforest-grid\">\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=26260\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half\">\n <div class=\"reforest-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-4.png\" alt=\"2025\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info\">\n <h3 class=\"reforest-card-title\">2025\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/h3>\n <p class=\"reforest-action\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=26225\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half\">\n <div class=\"reforest-img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-2.png\" alt=\"2025 \u5e74\u81fa\u4e2d\u6ff1\u6d77\u53ca\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info\">\n <h3 class=\"reforest-card-title\">2025 \u5e74\u81fa\u4e2d\u6ff1\u6d77\u53ca\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\u8a08\u756b<\/h3>\n <p class=\"reforest-action\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n <\/div>\n \n <\/section>\n \n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2024 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2024 {\n width: 100%;\n max-width: 1000px; \/* \u8207\u5176\u4ed6\u5e74\u4efd\u5340\u584a\u7dad\u6301\u76f8\u540c\u7684\u6700\u5927\u5bec\u5ea6 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2024 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\n ========================================== *\/\n .reforest-card-full-2024 {\n display: block;\n width: 100%; \/* \u6eff\u7248\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2024 {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2024 img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u96fb\u8166\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2024 {\n padding: 24px 30px; \/* \u96fb\u8166\u7248\u7d66\u4e88\u8212\u9069\u5bec\u655e\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2024 {\n font-size: 22px; \/* \u55ae\u5f35\u5927\u5716\u914d\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2024 {\n font-size: 15px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-full-2024:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-full-2024:hover .reforest-img-box-2024 img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full-2024:hover .reforest-card-title-2024 {\n color: #2e7d32; \/* \u8b8a\u70ba\u7da0\u8272\u63d0\u793a\u9ede\u64ca *\/\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-full-2024:active {\n transform: translateY(-1px) scale(0.992); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2024 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2024 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-img-box-2024 img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u7b26\u5408\u9ec3\u91d1\u6bd4\u4f8b *\/\n }\n .reforest-info-2024 {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u767c\u63ee\u7a7a\u9593 *\/\n }\n .reforest-card-title-2024 {\n font-size: 18px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n margin-bottom: 8px;\n }\n .reforest-action-2024 {\n font-size: 14px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\u5b57\u9ad4\u52a0\u7c97\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n <section class=\"reforest-section-2024\">\n \n <h2 class=\"reforest-section-title-2024\">2024 Forest restoration Project<\/h2>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=19522\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full-2024\">\n \n <div class=\"reforest-img-box-2024\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-5.png\" alt=\"2024\u5e74\u81fa\u7063\u6dfa\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n \n <div class=\"reforest-info-2024\">\n <h3 class=\"reforest-card-title-2024\">2024\u5e74\u81fa\u7063\u6dfa\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2024\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n \n <\/a>\n \n <\/section>\n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2023 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2023 {\n width: 100%;\n max-width: 1000px; \/* \u9650\u5236\u6574\u9ad4\u6700\u5927\u5bec\u5ea6\uff0c\u9069\u5408\u878d\u5165\u6587\u7ae0 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2023 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* \u5361\u7247\u4e26\u6392\u7684\u5916\u5bb9\u5668 *\/\n .reforest-grid-2023 {\n display: flex;\n gap: 20px; \/* \u5169\u5f35\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n justify-content: center; \/* \u78ba\u4fdd\u5361\u7247\u6574\u9ad4\u7f6e\u4e2d *\/\n width: 100%;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\uff08\u96fb\u8166\u7248\u9810\u8a2d\uff09\n ========================================== *\/\n .reforest-card-half-2023 {\n flex: 1; \/* \u6838\u5fc3\uff1a\u8b93\u5169\u5f35\u5361\u7247\u7d55\u5c0d\u7b49\u5bec *\/\n display: flex;\n flex-direction: column; \/* \u8b93\u5361\u7247\u5167\u90e8\u76f4\u5411\u6392\u5217 *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2023 {\n width: 100%;\n padding-top: 56.25%; \/* \u95dc\u9375\uff1a\u5f37\u5236\u7dad\u6301 16:9 \u6bd4\u4f8b\uff0c\u78ba\u4fdd\u5169\u5f35\u5716\u7d55\u5c0d\u7b49\u5927 *\/\n position: relative;\n overflow: hidden;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2023 img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e0d\u8b8a\u5f62 *\/\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2023 {\n padding: 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1; \/* \u78ba\u4fdd\u5169\u908a\u6587\u5b57\u6846\u9ad8\u5ea6\u6490\u958b\u5230\u4e00\u6a23\u9ad8 *\/\n background-color: #ffffff;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2023 {\n font-size: 18px;\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2023 {\n font-size: 14px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-half-2023:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-half-2023:hover .reforest-img-box-2023 img {\n transform: scale(1.04);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-half-2023:hover .reforest-card-title-2023 {\n color: #2e7d32;\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-half-2023:active {\n transform: translateY(-1px) scale(0.99); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2023 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2023 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-grid-2023 {\n flex-direction: column;\/* \u95dc\u9375\uff1a\u8f49\u70ba\u4e0a\u4e0b\u55ae\u6b04\u6392\u968a *\/\n gap: 16px; \/* \u4e0a\u4e0b\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd *\/\n }\n .reforest-card-half-2023 {\n width: 100%; \/* \u624b\u6a5f\u7248\u5361\u7247\u6eff\u7248 *\/\n }\n .reforest-info-2023 {\n padding: 16px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u5167\u8ddd *\/\n }\n .reforest-card-title-2023 {\n font-size: 16px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n }\n .reforest-action-2023 {\n font-size: 13px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n \n <section class=\"reforest-section-2023\">\n \n \n <h2 class=\"reforest-section-title-2023\">2023 Forest restoration Project<\/h2>\n \n \n <div class=\"reforest-grid-2023\">\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=18935\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half-2023\">\n <div class=\"reforest-img-box-2023\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-9.png\" alt=\"2023\u5929\u7136\u6797\u5fa9\u80b2\u884c\u52d5\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info-2023\">\n <h3 class=\"reforest-card-title-2023\">2023\u5929\u7136\u6797\u5fa9\u80b2\u884c\u52d5\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2023\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=15768\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-half-2023\">\n <div class=\"reforest-img-box-2023\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-8.png\" alt=\"2023\u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n <div class=\"reforest-info-2023\">\n <h3 class=\"reforest-card-title-2023\">2023\u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2023\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n <\/a>\n <\/div>\n \n <\/section>\n \n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2022 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2022 {\n width: 100%;\n max-width: 1000px; \/* \u8207\u5176\u4ed6\u5e74\u4efd\u5340\u584a\u7dad\u6301\u76f8\u540c\u7684\u6700\u5927\u5bec\u5ea6 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2022 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\n ========================================== *\/\n .reforest-card-full-2022 {\n display: block;\n width: 100%; \/* \u6eff\u7248\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2022 {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2022 img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u96fb\u8166\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2022 {\n padding: 24px 30px; \/* \u96fb\u8166\u7248\u7d66\u4e88\u8212\u9069\u5bec\u655e\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2022 {\n font-size: 22px; \/* \u55ae\u5f35\u5927\u5716\u914d\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2022 {\n font-size: 15px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-full-2022:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-full-2022:hover .reforest-img-box-2022 img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full-2022:hover .reforest-card-title-2022 {\n color: #2e7d32; \/* \u8b8a\u70ba\u7da0\u8272\u63d0\u793a\u9ede\u64ca *\/\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-full-2022:active {\n transform: translateY(-1px) scale(0.992); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2022 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2022 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-img-box-2022 img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u7b26\u5408\u9ec3\u91d1\u6bd4\u4f8b *\/\n }\n .reforest-info-2022 {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u767c\u63ee\u7a7a\u9593 *\/\n }\n .reforest-card-title-2022 {\n font-size: 18px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n margin-bottom: 8px;\n }\n .reforest-action-2022 {\n font-size: 14px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\u5b57\u9ad4\u52a0\u7c97\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n <section class=\"reforest-section-2022\">\n \n <h2 class=\"reforest-section-title-2022\">2022 Forest restoration Project<\/h2>\n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=11119\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full-2022\">\n \n <div class=\"reforest-img-box-2022\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-8.png\" alt=\"2022 \u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n \n <div class=\"reforest-info-2022\">\n <h3 class=\"reforest-card-title-2022\">2022 \u81fa\u4e2d\u5927\u809a\u5c71\u53ca\u6d77\u5cb8\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2022\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n \n <\/a>\n \n <\/section>\n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>2021 Regeneration Plan<\/title>\n <style>\n \/* ==========================================\n 1. \u5168\u57df\u5bb9\u5668\u8207\u5927\u6a19\u984c\u8a2d\u5b9a\n ========================================== *\/\n .reforest-section-2021 {\n width: 100%;\n max-width: 1000px; \/* \u8207\u5176\u4ed6\u5e74\u4efd\u5340\u584a\u7dad\u6301\u76f8\u540c\u7684\u6700\u5927\u5bec\u5ea6 *\/\n margin: 40px auto; \/* \u4e0a\u4e0b\u8207\u6587\u7ae0\u7559\u7a7a\uff0c\u5de6\u53f3\u81ea\u52d5\u7f6e\u4e2d *\/\n padding: 0 16px; \/* \u624b\u6a5f\u7248\u5169\u5074\u7559\u767d\u9632\u8cbc\u908a *\/\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif;\n }\n \/* \u5340\u584a\u5927\u6a19\u984c *\/\n .reforest-section-title-2021 {\n font-size: 28px;\n font-weight: 800;\n color: #1a4329; \/* \u5fa9\u80b2\u4e3b\u984c\u6df1\u7da0\u8272 *\/\n text-align: center; \/* \u5927\u6a19\u984c\u7f6e\u4e2d *\/\n margin-bottom: 24px; \/* \u8207\u4e0b\u65b9\u5361\u7247\u7684\u9593\u8ddd *\/\n letter-spacing: 0.5px;\n }\n \/* ==========================================\n 2. \u5361\u7247\u4e3b\u9ad4\u8207\u9ede\u64ca\u6548\u679c\n ========================================== *\/\n .reforest-card-full-2021 {\n display: block;\n width: 100%; \/* \u6eff\u7248\u586b\u6eff\u6587\u7ae0\u6b04\u4f4d *\/\n background-color: #ffffff;\n border-radius: 14px; \/* \u56db\u908a\u5713\u89d2 *\/\n overflow: hidden; \/* \u5b8c\u7f8e\u88c1\u5207\u5167\u90e8\u5716\u7247\u8207\u5167\u5bb9 *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); \/* \u8cea\u611f\u5fae\u9670\u5f71 *\/\n border: 1px solid #eef2f0;\n text-decoration: none; \/* \u79fb\u9664\u8d85\u9023\u7d50\u5e95\u7dda *\/\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u5e73\u6ed1\u52d5\u614b\u56de\u994b *\/\n }\n \/* \u5716\u7247\u5bb9\u5668 *\/\n .reforest-img-box-2021 {\n width: 100%;\n overflow: hidden;\n position: relative;\n background-color: #f4f6f5;\n }\n .reforest-img-box-2021 img {\n width: 100%;\n height: auto;\n max-height: 450px; \/* \u9650\u5236\u96fb\u8166\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u907f\u514d\u4f54\u7528\u904e\u591a\u5782\u76f4\u7a7a\u9593 *\/\n object-fit: cover; \/* \u5716\u7247\u81ea\u52d5\u586b\u6eff\u4e14\u4e0d\u8b8a\u5f62 *\/\n display: block;\n transition: transform 0.4s ease;\n }\n \/* \u6587\u5b57\u5167\u5bb9\u5340 *\/\n .reforest-info-2021 {\n padding: 24px 30px; \/* \u96fb\u8166\u7248\u7d66\u4e88\u8212\u9069\u5bec\u655e\u7684\u5167\u8ddd *\/\n background-color: #ffffff;\n text-align: left;\n }\n \/* \u5361\u7247\u6a19\u984c *\/\n .reforest-card-title-2021 {\n font-size: 22px; \/* \u55ae\u5f35\u5927\u5716\u914d\u8f03\u5927\u6a19\u984c *\/\n font-weight: 700;\n line-height: 1.5;\n color: #2b302c;\n margin: 0 0 12px 0;\n transition: color 0.2s ease;\n }\n \/* \u9ede\u64ca\u63d0\u793a\u6587\u5b57 *\/\n .reforest-action-2021 {\n font-size: 15px;\n color: #555555;\n font-weight: 500;\n margin: 0;\n }\n \/* ------------------------------------------\n \u3010\u4e92\u52d5\u8996\u89ba\u6548\u679c\u3011\n ------------------------------------------ *\/\n \/* \u6ed1\u9f20\u61f8\u505c\uff08Hover\uff09 *\/\n .reforest-card-full-2021:hover {\n transform: translateY(-4px); \/* \u5361\u7247\u5fae\u5fae\u6d6e\u8d77 *\/\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); \/* \u9670\u5f71\u52a0\u6df1 *\/\n }\n \/* \u61f8\u505c\u6642\u5716\u7247\u653e\u5927 *\/\n .reforest-card-full-2021:hover .reforest-img-box-2021 img {\n transform: scale(1.03);\n }\n \/* \u61f8\u505c\u6642\u6587\u5b57\u8b8a\u8272 *\/\n .reforest-card-full-2021:hover .reforest-card-title-2021 {\n color: #2e7d32; \/* \u8b8a\u70ba\u7da0\u8272\u63d0\u793a\u9ede\u64ca *\/\n }\n \/* \u6ed1\u9f20\u9ede\u64ca\u77ac\u9593\uff08Active\uff09 *\/\n .reforest-card-full-2021:active {\n transform: translateY(-1px) scale(0.992); \/* \u7269\u7406\u4e0b\u58d3\u56de\u994b *\/\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: all 0.1s ease;\n }\n \/* ==========================================\n 3. \u624b\u6a5f\u7248\u97ff\u61c9\u5f0f\u512a\u5316 (RWD)\n ========================================== *\/\n @media (max-width: 768px) {\n .reforest-section-2021 {\n margin: 25px auto;\n padding: 0 12px;\n }\n .reforest-section-title-2021 {\n font-size: 22px; \/* \u624b\u6a5f\u7248\u5927\u6a19\u984c\u7a0d\u5fae\u7e2e\u5c0f *\/\n margin-bottom: 16px;\n }\n .reforest-img-box-2021 img {\n max-height: 240px; \/* \u9650\u5236\u624b\u6a5f\u7248\u5716\u7247\u9ad8\u5ea6\uff0c\u7b26\u5408\u9ec3\u91d1\u6bd4\u4f8b *\/\n }\n .reforest-info-2021 {\n padding: 16px 18px; \/* \u7e2e\u5c0f\u5167\u8ddd\uff0c\u7559\u7d66\u6587\u5b57\u767c\u63ee\u7a7a\u9593 *\/\n }\n .reforest-card-title-2021 {\n font-size: 18px; \/* \u512a\u5316\u624b\u6a5f\u95b1\u8b80\u7684\u6a19\u984c\u5927\u5c0f *\/\n line-height: 1.4;\n margin-bottom: 8px;\n }\n .reforest-action-2021 {\n font-size: 14px;\n color: #2e7d32; \/* \u624b\u6a5f\u7248\u6539\u6210\u7da0\u8272\u5b57\u9ad4\u52a0\u7c97\uff0c\u5f15\u5c0e\u6027\u66f4\u9ad8 *\/\n font-weight: bold;\n }\n }\n <\/style>\n\n\n \n <section class=\"reforest-section-2021\">\n \n \n <h2 class=\"reforest-section-title-2021\">2021 Forest restoration Project<\/h2>\n \n \n <a href=\"https:\/\/www.reforestation.tw\/?page_id=334\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"reforest-card-full-2021\">\n \n \n <div class=\"reforest-img-box-2021\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/image-7.png\" alt=\"2021 \u5927\u809a\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b\">\n <\/div>\n \n \n <div class=\"reforest-info-2021\">\n <h3 class=\"reforest-card-title-2021\">2021 \u5927\u809a\u5c71\u5929\u7136\u6797\u5fa9\u80b2\u690d\u6a39\u8a08\u756b<\/h3>\n <p class=\"reforest-action-2021\">\u4e86\u89e3\u8a08\u756b\u8a73\u60c5 \u2197<\/p>\n <\/div>\n \n <\/a>\n \n <\/section>\n \n\n\n\n<hr style=\"width: 5%; height: 2px; background-color: green; border: none;\">\n\n\n\n<style>\n\/* ===== 1. \u5168\u7ad9\u57fa\u790e\u8a2d\u5b9a (\u4fdd\u6301\u4e7e\u6de8) ===== *\/\nbody {\n margin: 0;\n}\n\n\/* ===== 2. \u55ae\u4e00\u5f35\u5927\u5716\u9023\u7d50 (\u512a\u5316\u7248) ===== *\/\n.single-link {\n text-decoration: none;\n display: block;\n width: 92%; \/* \u624b\u6a5f\u7248\u6703\u81ea\u52d5\u7559\u767d\uff0c\u7dad\u6301\u7f8e\u611f *\/\n max-width: 1800px;\n margin: 20px auto;\n overflow: hidden;\n border-radius: 12px;\n transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n \n \/* \u512a\u5316\u7d30\u7bc0\uff1a\u9632\u6b62\u5716\u7247\u4e0b\u65b9\u7e2b\u9699\u8207 iOS \u5713\u89d2\u5207\u9664\u554f\u984c *\/\n line-height: 0;\n isolation: isolate; \n}\n\n.single-link img {\n width: 100%;\n height: auto;\n display: block;\n will-change: transform; \/* \u63d0\u5347\u52d5\u756b\u6d41\u66a2\u5ea6 *\/\n}\n\n\/* \u96fb\u8166\u7248 Hover \u7279\u6548 *\/\n@media (hover: hover) {\n .single-link:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.25);\n }\n .single-link:hover img {\n filter: brightness(1.08); \/* \u7a0d\u5fae\u63d0\u4eae\uff0c\u589e\u52a0\u4e92\u52d5\u611f *\/\n }\n}\n\n\/* \u624b\u6a5f\u7248\u9ede\u64ca\u56de\u994b\uff1a\u6309\u4e0b\u53bb\u6703\u7e2e\u5c0f\u4e00\u9ede\u9ede *\/\n@media (max-width: 768px) {\n .single-link:active {\n transform: scale(0.96);\n }\n}\n\n\/* ===== 3. \u591a\u5716\u4e26\u6392\u5340 (Gallery) ===== *\/\n.image-gallery {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n padding: 15px;\n box-sizing: border-box;\n}\n\n.image-link {\n text-decoration: none;\n display: block;\n flex: 0 0 calc(50% - 8px); \/* \u9810\u8a2d\u5169\u6b04 *\/\n max-width: 400px;\n overflow: hidden;\n border-radius: 12px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.image-link img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n\/* \u624b\u6a5f\u7248\u5207\u63db\u6210\u55ae\u6b04 *\/\n@media (max-width: 600px) {\n .image-link {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n\n\/* ===== 4. \u6587\u4ef6\u4e0b\u8f09\u5340 (Download) ===== *\/\n.download-container {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n justify-content: center;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.download-item {\n text-decoration: none;\n display: block;\n flex: 0 0 calc(50% - 8px);\n max-width: 400px;\n}\n\n.download-item img {\n width: 100%;\n height: auto;\n display: block;\n border: 1px solid #ddd;\n border-radius: 8px;\n}\n\n@media (max-width: 600px) {\n .download-item {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n<\/style>\n\n<a href=\"https:\/\/reforestation.neticrm.tw\/civicrm\/contribute\/transact?reset=1&id=8\" target=\"_blank\" class=\"single-link\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/04\/20260127donation-scaled.jpg\" alt=\"\u6350\u6b3e\u652f\u6301\">\n<\/a>\n\n\n\n<pre class=\"wp-block-preformatted has-electric-grass-gradient-background has-background\">~\u5b88\u8b77\u5c71\u6797\uff5e\u8acb\u60a8\u652f\u6301\u300a\u81fa\u7063\u5c71\u6797\u5fa9\u80b2\u5354\u6703\u300b\n\u3010\u5b98\u65b9\u7db2\u7ad9\u3011[https:\/\/www.reforestation.tw]\n\u3010\u96fb\u5b50\u767c\u7968\u6350\u8d08\u611b\u5fc3\u78bc\u30115 2 3 0\uff08\u6211\u611b\u5c71\u6797\uff09\n\u3010\u8a8d\u8b58\u690d\u7269\u7db2\u7ad9\u3011[https:\/\/kplant.atfr.org.tw\/]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b 2026\u5e74\u81fa\u7063\u6dfa\u5c71\u690d\u7fa4\u5fa9\u80b2\uff0d\u516c\u76ca\u52f8\u52df\u8a08\u756b \u9ede\u64ca\u4e86\u89e3\u8a08\u756b\u8a73\u60c5\u4e26\u7d66\u4e88\u652f\u6301…<\/p>\n","protected":false},"author":20,"featured_media":41058,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/40324"}],"collection":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40324"}],"version-history":[{"count":19,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/40324\/revisions"}],"predecessor-version":[{"id":40414,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/40324\/revisions\/40414"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/media\/41058"}],"wp:attachment":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}