{"id":42795,"date":"2026-09-03T13:09:28","date_gmt":"2026-09-03T05:09:28","guid":{"rendered":"https:\/\/www.reforestation.tw\/?page_id=42795"},"modified":"2026-10-12T13:29:26","modified_gmt":"2026-10-12T05:29:26","slug":"%e5%be%a9%e8%82%b2%e5%8d%80%e4%bb%8b%e7%b4%b9-%e5%bb%ba%e7%bd%ae%e4%b8%ad","status":"publish","type":"page","link":"https:\/\/www.reforestation.tw\/?page_id=42795","title":{"rendered":"\u5fa9\u80b2\u5340\u4ecb\u7d39"},"content":{"rendered":"\n<!-- \u751f\u614b\u5fa9\u80b2\u5340\u56db\u5927\u5206\u985e\u5165\u53e3\u5340\u584a -->\n<div class=\"eco-wrapper\">\n  \n  <!-- 1. \u8fd1\u6d77\u5cb8\u6797 -->\n  <a href=\"https:\/\/www.reforestation.tw\/?p=43833\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"eco-card eco-coastal\">\n    <div class=\"eco-card-bg\"><\/div>\n    <div class=\"eco-card-overlay\"><\/div>\n    <div class=\"eco-card-content\">\n      <span class=\"eco-tag\">\u985e\u5225\u4e00<\/span>\n      <h3 class=\"eco-title\">\u8fd1\u6d77\u5cb8\u6797<\/h3>\n      <p class=\"eco-desc\"><\/p>\n      <span class=\"eco-btn\">\u67e5\u770b\u5fa9\u80b2\u5340 <span class=\"arrow\">\u2794<\/span><\/span>\n    <\/div>\n  <\/a>\n\n  <!-- 2. \u81e8\u6d77\u4e18\u9675 -->\n  <a href=\"https:\/\/www.reforestation.tw\/?p=45345\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"eco-card eco-hills\">\n    <div class=\"eco-card-bg\"><\/div>\n    <div class=\"eco-card-overlay\"><\/div>\n    <div class=\"eco-card-content\">\n      <span class=\"eco-tag\">\u985e\u5225\u4e8c<\/span>\n      <h3 class=\"eco-title\">\u81e8\u6d77\u4e18\u9675<\/h3>\n      <p class=\"eco-desc\"><\/p>\n      <span class=\"eco-btn\">\u67e5\u770b\u5fa9\u80b2\u5340 <span class=\"arrow\">\u2794<\/span><\/span>\n    <\/div>\n  <\/a>\n\n  <!-- 3. \u5167\u9678\u6797 -->\n  <a href=\"https:\/\/www.reforestation.tw\/?p=43862\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"eco-card eco-inland\">\n    <div class=\"eco-card-bg\"><\/div>\n    <div class=\"eco-card-overlay\"><\/div>\n    <div class=\"eco-card-content\">\n      <span class=\"eco-tag\">\u985e\u5225\u4e09<\/span>\n      <h3 class=\"eco-title\">\u5167\u9678\u6797<\/h3>\n      <p class=\"eco-desc\"><\/p>\n      <span class=\"eco-btn\">\u67e5\u770b\u5fa9\u80b2\u5340 <span class=\"arrow\">\u2794<\/span><\/span>\n    <\/div>\n  <\/a>\n\n  <!-- 4. \u90fd\u5e02\u751f\u614b\u6797 -->\n  <a href=\"https:\/\/www.reforestation.tw\/?p=45366\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"eco-card eco-urban\">\n    <div class=\"eco-card-bg\"><\/div>\n    <div class=\"eco-card-overlay\"><\/div>\n    <div class=\"eco-card-content\">\n      <span class=\"eco-tag\">\u985e\u5225\u56db<\/span>\n      <h3 class=\"eco-title\">\u90fd\u5e02\u751f\u614b\u6797<\/h3>\n      <p class=\"eco-desc\"><\/p>\n      <span class=\"eco-btn\">\u67e5\u770b\u5fa9\u80b2\u5340 <span class=\"arrow\">\u2794<\/span><\/span>\n    <\/div>\n  <\/a>\n\n<\/div>\n\n<style>\n\/* \u5bb9\u5668\u7db2\u683c\u6392\u7248 *\/\n.eco-wrapper {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 24px;\n  width: 100%;\n  max-width: 1200px;\n  margin: 30px auto;\n  box-sizing: border-box;\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Microsoft JhengHei\", sans-serif;\n}\n\n\/* \u5361\u7247\u4e3b\u9ad4\u8207 hover \u6548\u679c *\/\n.eco-card {\n  position: relative;\n  height: 270px;\n  border-radius: 20px;\n  overflow: hidden;\n  text-decoration: none !important;\n  color: #ffffff !important;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.eco-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 20px 35px -10px rgba(16, 185, 129, 0.25), 0 12px 15px -8px rgba(0, 0, 0, 0.15);\n  border-color: rgba(255, 255, 255, 0.8);\n}\n\n\/* \u80cc\u666f\u5716\u53ca\u5176\u52d5\u756b *\/\n.eco-card-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 1;\n}\n\n.eco-card:hover .eco-card-bg {\n  transform: scale(1.08);\n}\n\n\/* \u81ea\u7136\u5f69\u8272\u6f38\u5c64\u906e\u7f69 (\u53d6\u4ee3\u7d14\u9ed1\u906e\u7f69\uff0c\u5927\u5e45\u589e\u6dfb\u660e\u4eae\u611f\u8207\u5c64\u6b21) *\/\n.eco-card-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  \/* \u7531\u9802\u90e8\u900f\u5149\u6e21\u5230\u5e95\u90e8\u7684\u81ea\u7136\u68ee\u6797\u7da0\u9ed1\u6f38\u5c64 *\/\n  background: linear-gradient(\n    180deg, \n    rgba(255, 255, 255, 0) 20%, \n    rgba(15, 35, 25, 0.45) 60%, \n    rgba(6, 24, 18, 0.85) 100%\n  );\n  z-index: 2;\n  transition: opacity 0.4s ease;\n}\n\n.eco-card:hover .eco-card-overlay {\n  background: linear-gradient(\n    180deg, \n    rgba(255, 255, 255, 0) 10%, \n    rgba(15, 35, 25, 0.5) 50%, \n    rgba(6, 24, 18, 0.9) 100%\n  );\n}\n\n\/* \u56db\u5340\u584a\u5404\u81ea\u80cc\u666f\u5716 *\/\n.eco-coastal .eco-card-bg {\n  background-image: url('https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/04\/668447482_26987361214190163_3211798581294857922_n.jpg');\n}\n.eco-hills .eco-card-bg {\n  background-image: url('https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/03\/650105040_26671055482487406_6672509556188337808_n-1536x1152.jpg');\n}\n.eco-inland .eco-card-bg {\n  background-image: url('https:\/\/www.reforestation.tw\/wp-content\/uploads\/2024\/12\/468622855_9247566671929557_4916012890082776068_n-1536x1152.jpg');\n}\n.eco-urban .eco-card-bg {\n  background-image: url('https:\/\/www.reforestation.tw\/wp-content\/uploads\/2026\/06\/721369408_27745705361689074_1033821182240021004_n-1536x864.jpg');\n}\n\n\/* \u5167\u5bb9\u5340\u584a *\/\n.eco-card-content {\n  position: relative;\n  z-index: 3;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n\/* \u660e\u4eae\u8cea\u611f\u6a19\u7c64 *\/\n.eco-tag {\n  display: inline-block;\n  background: rgba(255, 255, 255, 0.85);\n  color: #065f46; \/* \u68ee\u6797\u6df1\u7da0\u6587\u5b57 *\/\n  backdrop-filter: blur(8px);\n  padding: 3px 12px;\n  border-radius: 50px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  margin-bottom: 8px;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n}\n\n\/* \u6a19\u984c\u6a23\u5f0f *\/\n.eco-title {\n  margin: 0 0 6px 0 !important;\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #ffffff !important;\n  line-height: 1.25 !important;\n  text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n}\n\n.eco-desc {\n  margin: 0 !important;\n  font-size: 13px !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  line-height: 1.4 !important;\n}\n\n\/* \u81a0\u56ca\u5149\u6fa4\u6309\u9215 *\/\n.eco-btn {\n  margin-top: 8px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #ffffff;\n  background: rgba(16, 185, 129, 0.85); \/* \u7fe1\u7fe0\u7da0 *\/\n  padding: 6px 14px;\n  border-radius: 20px;\n  backdrop-filter: blur(4px);\n  transition: all 0.3s ease;\n  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);\n}\n\n.eco-btn .arrow {\n  transition: transform 0.3s ease;\n}\n\n.eco-card:hover .eco-btn {\n  background: #10b981;\n  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.5);\n}\n\n.eco-card:hover .eco-btn .arrow {\n  transform: translateX(4px);\n}\n\n\/* RWD \u624b\u6a5f\u7248\u512a\u5316 *\/\n@media (max-width: 600px) {\n  .eco-card {\n    height: 230px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u985e\u5225\u4e00 \u8fd1\u6d77\u5cb8\u6797 \u67e5\u770b\u5fa9\u80b2\u5340 \u2794 \u985e\u5225\u4e8c \u81e8\u6d77\u4e18\u9675 \u67e5\u770b\u5fa9\u80b2\u5340 \u2794 \u985e\u5225\u4e09 \u5167\u9678\u6797 \u67e5\u770b\u5fa9\u80b2\u5340 \u2794 \u985e\u5225\u56db \u90fd&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"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\/42795"}],"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=42795"}],"version-history":[{"count":8,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/42795\/revisions"}],"predecessor-version":[{"id":45371,"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=\/wp\/v2\/pages\/42795\/revisions\/45371"}],"wp:attachment":[{"href":"https:\/\/www.reforestation.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}