{"id":40852,"date":"2026-06-22T10:08:21","date_gmt":"2026-06-22T02:08:21","guid":{"rendered":"https:\/\/www.reforestation.tw\/?p=40852"},"modified":"2026-06-22T10:10:13","modified_gmt":"2026-06-22T02:10:13","slug":"%e7%ac%ac18%e6%9c%9f%e5%bf%97%e5%b7%a5%e8%aa%b2%e7%a8%8b%e6%8b%9b%e5%8b%9f-%e5%a0%b1%e5%90%8d%e7%8f%be%e6%b3%81%e5%85%ac%e5%91%8a","status":"publish","type":"post","link":"https:\/\/www.reforestation.tw\/?p=40852","title":{"rendered":"\u7b2c18\u671f\u5fd7\u5de5\u8ab2\u7a0b\u62db\u52df &#8211; \u5831\u540d\u73fe\u6cc1\u516c\u544a"},"content":{"rendered":"\n<style>\n    \/* 1. \u5b9a\u7fa9\u5bb9\u5668\u6a23\u5f0f *\/\n    .forest-card {\n        max-width: 700px;\n        margin: 20px auto;\n        background: #ffffff;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        border: 1px solid #e2e8e2;\n        font-family: \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n    }\n\n    \/* 2. \u9078\u53d6\u6548\u679c\uff1a\u7576\u6ed1\u9f20\u79fb\u5230\u5361\u7247\u4e0a\u6642\uff0c\u5361\u7247\u6703\u8f15\u5fae\u6d6e\u8d77 *\/\n    .forest-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(27, 57, 34, 0.1);\n    }\n\n    \/* 3. \u80cc\u666f\u690d\u7269\u88dd\u98fe (SVG) *\/\n    .forest-card::before {\n        content: \"\";\n        position: absolute;\n        top: -20px;\n        right: -20px;\n        width: 150px;\n        height: 150px;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23e8f5e9'%3E%3Cpath d='M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z' \/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n        z-index: 0;\n        opacity: 0.8;\n    }\n\n    .forest-header {\n        background-color: #1b3922; \/* \u6df1\u6797\u7da0 *\/\n        padding: 30px 40px;\n        color: #ffffff;\n        position: relative;\n        z-index: 1;\n    }\n\n    .forest-header h2 {\n        margin: 0;\n        font-size: 1.5rem;\n        letter-spacing: 1.5px;\n        font-weight: 600;\n        color: #ffffff !important;\n    }\n\n    .forest-body {\n        padding: 30px 40px;\n        color: #4a4a4a;\n        z-index: 1;\n        position: relative;\n    }\n\n    \/* \u5831\u540d\u4eba\u6578\u5f37\u8abf\u5340 *\/\n    .reg-status {\n        display: inline-block;\n        background-color: #f0f4f0;\n        padding: 10px 20px;\n        border-radius: 50px;\n        margin-bottom: 25px;\n        border-left: 4px solid #4caf50;\n    }\n\n    .reg-status b {\n        color: #2e7d32;\n        font-size: 1.2rem;\n    }\n\n    \/* \u8cc7\u8a0a\u6e05\u55ae\u6a23\u5f0f *\/\n    .info-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 30px 0;\n    }\n\n    .info-list li {\n        padding: 12px 0;\n        border-bottom: 1px solid #f1f1f1;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .info-label {\n        font-weight: 600;\n        color: #1b3922;\n        display: flex;\n        align-items: center;\n    }\n\n    \/* \u6309\u9215\u6a23\u5f0f\u8207\u9078\u53d6\u6548\u679c *\/\n    .btn-group {\n        display: flex;\n        gap: 12px;\n    }\n\n    .forest-btn {\n        flex: 1;\n        text-align: center;\n        padding: 12px 0;\n        text-decoration: none;\n        border-radius: 8px;\n        font-size: 0.95rem;\n        font-weight: 500;\n        transition: all 0.3s ease;\n    }\n\n    .btn-primary {\n        background-color: #2e7d32;\n        color: #ffffff !important;\n        border: 1px solid #2e7d32;\n    }\n\n    .btn-primary:hover {\n        background-color: #1b3922;\n        box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2);\n    }\n\n    .btn-outline {\n        color: #2e7d32 !important;\n        border: 1px solid #2e7d32;\n        background: transparent;\n    }\n\n    .btn-outline:hover {\n        background-color: #f0f4f0;\n    }\n\n    .footer-quote {\n        margin-top: 30px;\n        padding-top: 20px;\n        border-top: 1px solid #eeeeee;\n        font-size: 0.9rem;\n        color: #888;\n        text-align: center;\n        font-style: italic;\n    }\n<\/style>\n\n<div class=\"forest-card\">\n    <div class=\"forest-header\">\n        <h2>2026 \u8fd1\u81ea\u7136\u6797\u5fa9\u80b2\u4eba\u624d\u57f9\u529b<\/h2>\n        <div style=\"font-size: 0.9rem; opacity: 0.8; margin-top: 5px;\">\u7b2c 18 \u671f\u5fd7\u5de5\u8ab2\u7a0b\u5831\u540d\u516c\u544a<\/div>\n    <\/div>\n\n    <div class=\"forest-body\">\n        <div class=\"reg-status\">\n            \u76ee\u524d\u5831\u540d\u53c3\u8207\u4eba\u6578\u5df2\u9054 <b>63<\/b> \u4eba\n        <\/div>\n\n        <ul class=\"info-list\">\n            <li>\n                <span class=\"info-label\">\u5831\u540d\u622a\u6b62\u65e5\u671f<\/span>\n                <span>2026 \/ 06 \/ 24 (\u4e09)<\/span>\n            <\/li>\n            <li>\n                <span class=\"info-label\">\u516c\u544a\u9304\u53d6\u65e5\u671f<\/span>\n                <span>2026 \/ 07 \/ 01 (\u4e09)<\/span>\n            <\/li>\n            <li>\n                <span class=\"info-label\">\u8b49\u66f8\u9812\u4e88\u898f\u7bc4<\/span>\n                <span style=\"font-size: 0.85rem; color: #666;\">\u51fa\u5e2d\u6642\u6578\u9054 1\/2 \u4ee5\u4e0a\u8005<\/span>\n            <\/li>\n        <\/ul>\n\n        <div class=\"btn-group\">\n            <a href=\"https:\/\/www.reforestation.tw\/?p=39312\" target=\"_blank\" class=\"forest-btn btn-outline\" rel=\"noopener\">\u8ab2\u7a0b\u8a73\u7d30\u4ecb\u7d39<\/a>\n            <a href=\"https:\/\/forms.gle\/DaCSbnPD986Y8WsF8\" target=\"_blank\" class=\"forest-btn btn-primary\" rel=\"noopener\">\u7acb\u5373\u586b\u5beb\u5831\u540d\u8868<\/a>\n        <\/div>\n\n        <div class=\"footer-quote\">\n            \u300c\u8207\u6211\u5011\u4e00\u8d77\u5275\u9020\u6539\u8b8a\uff0c\u8b93\u571f\u5730\u6062\u5fa9\u539f\u672c\u7684\u9762\u8c8c\u3002\u300d\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"footer-contact\" style=\"background: #f3f4f6; padding: 25px; border-radius: 8px; font-size: 0.95rem; font-family: 'PingFang TC', 'Microsoft JhengHei', sans-serif; line-height: 1.8; color: #374151;\">\n    <div style=\"font-weight: bold; margin-bottom: 10px; color: var(--primary-green, #2d5a27);\">\u3010\u4e3b\u8fa6\u55ae\u4f4d\uff1a\u81fa\u7063\u5c71\u6797\u5fa9\u80b2\u5354\u6703\u3001\u81fa\u4e2d\u5e02\u6d77\u7dda\u793e\u5340\u5927\u5b78\u3011<\/div>\n    \u5982\u6709\u4efb\u4f55\u7591\u554f\uff0c\u6b61\u8fce\u4f86\u96fb\u6d3d\u8a62\uff1a<br>\n    \u806f\u7d61\u4eba\uff1a\u6d3b\u52d5\u7d44 \u856d\u5c0f\u59d0<br>\n    \u96fb\u8a71\uff1a04-23897330<br>\n    \u4fe1\u7bb1\uff1a<a href=\"mailto:a0912betty@reforestation.tw\" style=\"color: var(--accent-blue, #2563eb);\">a0912betty@reforestation.tw<\/a>\n<\/div>\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&amp;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[<a href=\"https:\/\/www.reforestation.tw\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.reforestation.tw<\/a>]\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[<a href=\"https:\/\/kplant.atfr.org.tw\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/kplant.atfr.org.tw\/<\/a>]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>2026 \u8fd1\u81ea\u7136\u6797\u5fa9\u80b2\u4eba\u624d\u57f9\u529b \u7b2c 18 \u671f\u5fd7\u5de5\u8ab2\u7a0b\u5831\u540d\u516c\u544a \u76ee\u524d\u5831\u540d\u53c3\u8207\u4eba\u6578\u5df2\u9054 63 \u4eba \u5831\u540d\u622a\u6b62\u65e5\u671f 2&#8230;<\/p>\n","protected":false},"author":20,"featured_media":40854,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,109],"tags":[],"_links":{"self":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/posts\/40852"}],"collection":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=40852"}],"version-history":[{"count":2,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/posts\/40852\/revisions"}],"predecessor-version":[{"id":40856,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/posts\/40852\/revisions\/40856"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/media\/40854"}],"wp:attachment":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=40852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=40852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}