{"id":19545,"date":"2026-03-02T12:59:35","date_gmt":"2026-03-02T04:59:35","guid":{"rendered":"https:\/\/library.usj.edu.mo\/?p=19545"},"modified":"2026-09-29T19:49:21","modified_gmt":"2026-09-29T11:49:21","slug":"2026-icc-activity-the-immersive-mangrove-reading-room","status":"publish","type":"post","link":"https:\/\/library.usj.edu.mo\/zh\/2026-icc-activity-the-immersive-mangrove-reading-room\/","title":{"rendered":"2026 The Immersive Mangrove Reading Room | \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4"},"content":{"rendered":"<div class=\"usj-mangrove-page\">\n\n\n<!-- ======================================================\n     HERO\n     ====================================================== -->\n\n<section class=\"usj-mangrove-hero\">\n\n  <img decoding=\"async\" class=\"usj-mangrove-hero-image\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/55156007784_69ca0aa680_o-copy-1024x682.jpg\" alt=\"Immersive Mangrove Reading Room at USJ Library\">\n\n  <div class=\"usj-mangrove-hero-overlay\"><\/div>\n\n  <div class=\"usj-mangrove-hero-content\">\n\n    <div class=\"usj-mangrove-eyebrow\">\n      <span class=\"usj-mangrove-eyebrow-dot\"><\/span>\n      \u8056\u82e5\u745f\u5927\u5b78\u5716\u66f8\u9928 X \u7d05\u6a39\u6797\u7814\u7a76\u9805\u76ee\n    <\/div>\n\n    <h1 style=\"color:white;\">\n      \u7d05\u6a39\u6797\n      <span>\u611f\u5b98\u95b1\u89bd\u5ba4<\/span>\n    <\/h1>\n\n    <p class=\"usj-mangrove-hero-intro\">\n      Step into a sensory journey where scientific research,\n      AI-generated storytelling, digital fabrication and\n      biodiversity education meet inside the library.\n    <\/p>\n\n    <div class=\"usj-mangrove-hero-meta\">\n\n      <div class=\"usj-mangrove-meta-pill is-live\">\n        \u5c55\u89bd\u5ef6\u671f\n      <\/div>\n\n      <div class=\"usj-mangrove-meta-pill\">\n        <strong>\u81f32026\u5e7412\u670831\u65e5<\/strong>\n      <\/div>\n\n      <div class=\"usj-mangrove-meta-pill\">\n        \u8056\u82e5\u745f\u5927\u5b78\u5716\u66f8\u9928\uff08\u9752\u6d32\u6821\u820d\uff09\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     EXTENSION BAR\n     ====================================================== -->\n\n<section class=\"usj-mangrove-extension\">\n\n  <div class=\"usj-mangrove-extension-inner\">\n\n    <div class=\"usj-mangrove-extension-main\">\n\n      <div class=\"usj-mangrove-extension-icon\">\n        <svg viewbox=\"0 0 24 24\">\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"><\/rect>\n          <path d=\"M7 2v4M17 2v4M3 9h18\"><\/path>\n          <path d=\"M8 13h3M13 13h3M8 17h3\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div>\n        <p class=\"usj-mangrove-extension-title\">\n          \u5c55\u89bd\u5df2\u5ef6\u9577\n        <\/p>\n        <p class=\"usj-mangrove-extension-text\">\n          \u9080\u60a8\u7f6e\u8eab\u6c89\u6d78\u5f0f\u5716\u66f8\u9928\u7a7a\u9593\uff0c\u6301\u7e8c\u63a2\u7d22\u6fb3\u9580\u7d05\u6a39\u6797\u8c50\u5bcc\u7684\u751f\u614b\u8207\u751f\u7269\u591a\u6a23\u6027\u3002\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"usj-mangrove-extension-date\">\n      2026\u5e7412\u670831\u65e5\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     INTRO\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section is-white\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-intro-grid\">\n\n      <div class=\"usj-mangrove-intro-copy\">\n\n        <span class=\"usj-mangrove-kicker\">\n          \u4e0d\u4e00\u6a23\u7684\u95b1\u8b80\u5ba4\n        <\/span>\n\n        <h2>\n          \u5728\u9019\u88e1\uff0c\u5b78\u8853\u7814\u7a76\u4e0d\u518d\u53ea\u662f\u6587\u5b57\uff0c\u800c\u662f\u80fd\u89aa\u8eab\u611f\u53d7\u7684\u6c89\u6d78\u5f0f\u9ad4\u9a57\u3002\n        <\/h2>\n\n        <p>\n          The Immersive Mangrove Reading Room transforms the library\n          into a transdisciplinary sensory journey through Macao&#8217;s\n          mangrove ecosystems.\n        <\/p>\n\n        <p>\n          Developed through collaboration between USJ Library,\n          the Institute of Science and Environment and the Faculty\n          of Arts and Humanities&#8217; DFLab, the project combines\n          scientific research with AI, 3D modelling, digital\n          fabrication and immersive storytelling.\n        <\/p>\n\n        <p>\n          Visitors are invited to discover the hidden world of\n          mangroves through objects, sounds, visual experiences,\n          missions and interactive learning.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"usj-mangrove-intro-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/IMG_5641-1024x768.jpg\" alt=\"Visitors exploring the Immersive Mangrove Reading Room\">\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     SCIENCE \u00d7 ART\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section is-pale\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-section-header\">\n\n      <span class=\"usj-mangrove-kicker\">\n        \u79d1\u5b78 X \u85dd\u8853 X \u79d1\u6280\n      <\/span>\n\n      <h2>\n        \u5c07\u770b\u4e0d\u898b\u7684\u7814\u7a76\uff0c\u8f49\u5316\u70ba\u770b\u5f97\u898b\u7684\u9ad4\u9a57\u3002\n      <\/h2>\n\n      <p>\n        The project turns scientific knowledge into tangible,\n        playful and accessible experiences for the community.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"usj-mangrove-split\">\n\n      <article class=\"usj-mangrove-feature\">\n\n        <span class=\"usj-mangrove-feature-number\">01<\/span>\n\n        <div class=\"usj-mangrove-feature-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n            <path d=\"M12 4v16M4 12h16\"><\/path>\n            <path d=\"M8 8l8 8M16 8l-8 8\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\u79d1\u5b78\u7814\u7a76<\/h3>\n\n        <p>\n          Mangrove biodiversity research provides the scientific\n          foundation for the experience, connecting visitors with\n          the ecological importance of Macao&#8217;s coastal wetlands.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"usj-mangrove-feature\">\n\n        <span class=\"usj-mangrove-feature-number\">02<\/span>\n\n        <div class=\"usj-mangrove-feature-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 3c4 3 7 6 7 10a7 7 0 0 1-14 0c0-4 3-7 7-10z\"><\/path>\n            <path d=\"M12 8v8M9 12h6\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>AI \u8207 \u96fb\u5b50\u5316\u88fd\u4f5c<\/h3>\n\n        <p>\n          AI-generated concepts, 3D modelling and digital fabrication\n          transform scientific information into physical Mangrove\n          Guardians that visitors can observe and interact with.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     SDGs\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section usj-mangrove-sdg-section\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-sdg-header\">\n\n      <span class=\"usj-mangrove-kicker\">\n        \u53ef\u6301\u7e8c\u767c\u5c55\u76ee\u6a19\n      <\/span>\n\n      <h2>\n        \u9023\u7d50\u5716\u66f8\u9928\u8207\u806f\u5408\u570b\u53ef\u6301\u7e8c\u767c\u5c55\u76ee\u6a19\n      <\/h2>\n\n      <p>\n        The project brings together environmental research,\n        sustainability education, biodiversity awareness and\n        experiential learning. These connections align with\n        four Sustainable Development Goals.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"usj-mangrove-sdg-grid\">\n\n\n      <!-- SDG 4 -->\n\n      <a class=\"usj-mangrove-sdg-card\" href=\"https:\/\/sdgs.un.org\/goals\/goal4\" target=\"_blank\" rel=\"noopener\">\n\n        <div class=\"usj-mangrove-sdg-logo\">\n\n          <!-- Replace with USJ-hosted official SDG 4 icon -->\n          <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/E-Goal-04-1024x1024-1.png\" alt=\"United Nations Sustainable Development Goal 4 - Quality Education\">\n\n        <\/div>\n\n        <div class=\"usj-mangrove-sdg-info\">\n\n          <span class=\"usj-mangrove-sdg-number\">\n            SDG 04\n          <\/span>\n\n          <h3>\u512a\u8cea\u6559\u80b2<\/h3>\n\n          <p>\n            Learning through immersive, interdisciplinary and\n            experiential education.\n          <\/p>\n\n          <span class=\"usj-mangrove-sdg-link\">\n            \u63a2\u7d22 \u76ee\u6a19 4\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M5 12h13\"><\/path>\n              <path d=\"m13 6 6 6-6 6\"><\/path>\n            <\/svg>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- SDG 13 -->\n\n      <a class=\"usj-mangrove-sdg-card\" href=\"https:\/\/sdgs.un.org\/goals\/goal13\" target=\"_blank\" rel=\"noopener\">\n\n        <div class=\"usj-mangrove-sdg-logo\">\n\n          <!-- Replace with USJ-hosted official SDG 13 icon -->\n          <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/E_SDG_Icons-13.jpg\" alt=\"United Nations Sustainable Development Goal 13 - Climate Action\">\n\n        <\/div>\n\n        <div class=\"usj-mangrove-sdg-info\">\n\n          <span class=\"usj-mangrove-sdg-number\">\n            SDG 13\n          <\/span>\n\n          <h3>\u6c23\u5019\u884c\u52d5<\/h3>\n\n          <p>\n            Building awareness of climate change, coastal\n            ecosystems and environmental resilience.\n          <\/p>\n\n          <span class=\"usj-mangrove-sdg-link\">\n            \u63a2\u7d22 \u76ee\u6a19 13\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M5 12h13\"><\/path>\n              <path d=\"m13 6 6 6-6 6\"><\/path>\n            <\/svg>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- SDG 14 -->\n\n      <a class=\"usj-mangrove-sdg-card\" href=\"https:\/\/sdgs.un.org\/goals\/goal14\" target=\"_blank\" rel=\"noopener\">\n\n        <div class=\"usj-mangrove-sdg-logo\">\n\n          <!-- Replace with USJ-hosted official SDG 14 icon -->\n          <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/TGG_Icon_Color_14.jpg\" alt=\"United Nations Sustainable Development Goal 14 - Life Below Water\">\n\n        <\/div>\n\n        <div class=\"usj-mangrove-sdg-info\">\n\n          <span class=\"usj-mangrove-sdg-number\">\n            SDG 14\n          <\/span>\n\n          <h3>\u6c34\u4e0b\u751f\u7269<\/h3>\n\n          <p>\n            Exploring coastal and marine ecosystems and the\n            biodiversity connected to mangrove habitats.\n          <\/p>\n\n          <span class=\"usj-mangrove-sdg-link\">\n            \u63a2\u7d22 \u76ee\u6a19 14\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M5 12h13\"><\/path>\n              <path d=\"m13 6 6 6-6 6\"><\/path>\n            <\/svg>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- SDG 15 -->\n\n      <a class=\"usj-mangrove-sdg-card\" href=\"https:\/\/sdgs.un.org\/goals\/goal15\" target=\"_blank\" rel=\"noopener\">\n\n        <div class=\"usj-mangrove-sdg-logo\">\n\n          <!-- Replace with USJ-hosted official SDG 15 icon -->\n          <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/15.jpg\" alt=\"United Nations Sustainable Development Goal 15 - Life on Land\">\n\n        <\/div>\n\n        <div class=\"usj-mangrove-sdg-info\">\n\n          <span class=\"usj-mangrove-sdg-number\">\n            SDG 15\n          <\/span>\n\n          <h3>\u9678\u5730\u751f\u7269<\/h3>\n\n          <p>\n            Supporting biodiversity awareness, habitat protection\n            and understanding of terrestrial ecosystems.\n          <\/p>\n\n          <span class=\"usj-mangrove-sdg-link\">\n            \u63a2\u7d22 \u76ee\u6a19 15\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M5 12h13\"><\/path>\n              <path d=\"m13 6 6 6-6 6\"><\/path>\n            <\/svg>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n\n    <div class=\"usj-mangrove-sdg-attribution\">\n\n      <strong>\u6c38\u7e8c\u767c\u5c55\u76ee\u6a19\u8996\u89ba\u8b58\u5225\u8072\u660e\uff1a<\/strong>\n      Sustainable Development Goals icons are provided by the\n      United Nations. The SDGs are part of the 2030 Agenda for\n      Sustainable Development.\n\n      <br>\n\n      \u5982\u9700\u5b98\u65b9\u8cc7\u8a0a\u8207 SDGs \u8cc7\u6e90\uff0c\u8acb\u9020\u8a2a\n      <a href=\"https:\/\/www.un.org\/sustainabledevelopment\/\" target=\"_blank\" rel=\"noopener\">\n        \u806f\u5408\u570b\u6c38\u7e8c\u767c\u5c55\u5b98\u65b9\u7db2\u7ad9\u3002\n      <\/a>.\n\n      <br>\n\n      <em>\n        The content of this page has not been approved by the\n        United Nations and does not reflect the views of the\n        United Nations or its officials or Member States.\n      <\/em>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     TEN GUARDIANS\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section is-white\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-section-header\">\n\n      <span class=\"usj-mangrove-kicker\">\n        \u8207\u7d05\u6a39\u6797\u5b88\u8b77\u8005\u76f8\u9047\n      <\/span>\n\n      <h2>\n        \u5341\u7a2e\u7269\u7a2e  \u5341\u500b\u6545\u4e8b\n      <\/h2>\n\n      <p>\n        The Mangrove Guardians translate biodiversity research\n        into memorable characters, inviting visitors to discover\n        the species that form Macao&#8217;s mangrove ecosystems.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"usj-mangrove-guardians\">\n\n      <div class=\"usj-mangrove-guardian\">\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/03_USJ_Mangrove_Interactive_Learning-copy-1024x768.jpg\" alt=\"Little Mangrove World\">\n        <div class=\"usj-mangrove-guardian-caption\">\n          <strong>\u5c0f\u5c0f\u7d05\u6a39\u6797\u88dd\u7f6e<\/strong>\n          <small>\u767c\u73fe\u591a\u5143\u7269\u7a2e<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"usj-mangrove-guardian\">\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/55154872762_350a1b6743_o-copy-1024x682.jpg\" alt=\"Mangrove Guardian Board\">\n        <div class=\"usj-mangrove-guardian-caption\">\n          <strong>\u7d05\u6a39\u6797\u5b88\u8b22\u8005<\/strong>\n          <small>\u63a2\u7d22\u68f2\u606f\u5730<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"usj-mangrove-guardian\">\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/IMG_4179-768x1024.jpg\" alt=\"Mangrove Guardian\">\n        <div class=\"usj-mangrove-guardian-caption\">\n          <strong>3D \u5b88\u8b77\u8005<\/strong>\n          <small>\u9047\u898b\u591a\u5143<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"usj-mangrove-guardian\">\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/02_USJ_Mangrove_Interactive_Learning-copy-1024x768.jpg\" alt=\"Mangrove Guardian\">\n        <div class=\"usj-mangrove-guardian-caption\">\n          <strong>\u7d05\u6a39\u6797\u7814\u7a76\u54e1\u624b\u518a<\/strong>\n          <small>\u89c0\u5bdf\u8207\u5b78\u7fd2<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"usj-mangrove-guardian\">\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/55155932348_45d931f937_o-copy-1024x682.jpg\" alt=\"Mangrove Guardian\">\n        <div class=\"usj-mangrove-guardian-caption\">\n          <strong>\u6210\u70ba\u6211\u5011\u7684\u4e00\u5206\u5b50\u5427\uff01<\/strong>\n          <small>\u5171\u540c\u4fdd\u8b77\u74b0\u5883<\/small>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     DIGITAL MANGROVE TREE\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section is-pale\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-tree-grid\">\n\n      <div class=\"usj-mangrove-tree-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/02_USJ_Mangrove_Interactive_Learning-copy-1024x768.jpg\" alt=\"Digital Mangrove Tree\">\n\n      <\/div>\n\n\n      <div class=\"usj-mangrove-tree-copy\">\n\n        <span class=\"usj-mangrove-kicker\">\n          \u4e92\u52d5\u88dd\u7f6e\n        <\/span>\n\n        <h3>\n          \u6578\u78bc\u7d05\u6a39\u6797\n        <\/h3>\n\n        <p>\n          Enter a digital ecosystem where scientific information,\n          biodiversity and storytelling come together. The installation\n          encourages visitors to see the mangrove not simply as a\n          landscape, but as a living network of species and relationships.\n        <\/p>\n\n        <div class=\"usj-mangrove-tag-list\">\n\n          <span class=\"usj-mangrove-tag\">\n            \u751f\u7269\u591a\u6a23\u6027\n          <\/span>\n\n          <span class=\"usj-mangrove-tag\">\n            Digital Storytelling\n          <\/span>\n\n          <span class=\"usj-mangrove-tag\">\n            AI\n          <\/span>\n\n          <span class=\"usj-mangrove-tag\">\n            3D\u88fd\u4f5c\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     RESEARCHER'S QUEST\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section is-white\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-section-header\">\n\n      <span class=\"usj-mangrove-kicker\">\n        \u7814\u7a76\u54e1\u63a2\u7d22\u4e4b\u65c5\n      <\/span>\n\n      <h2>\n        \u63a2\u7d22\u3001\u89c0\u5bdf\u3001\u6536\u96c6\n      <\/h2>\n\n      <p>\n        Visitors can become Mangrove Researchers and explore\n        the Reading Room through a hands-on mission.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"usj-mangrove-quest\">\n\n      <article class=\"usj-mangrove-step\">\n\n        <div class=\"usj-mangrove-step-number\">\n          01\n        <\/div>\n\n        <h3>\n          \u63a2\u7d22\n        <\/h3>\n\n        <p>\n          Search the Reading Room for the hidden Mangrove Guardians\n          and discover the different species represented in the project.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"usj-mangrove-step\">\n\n        <div class=\"usj-mangrove-step-number\">\n          02\n        <\/div>\n\n        <h3>\n          \u89c0\u5bdf\n        <\/h3>\n\n        <p>\n          Use the Researcher&#8217;s Handbook to investigate the ecological\n          clues and stories behind each Guardian.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"usj-mangrove-step\">\n\n        <div class=\"usj-mangrove-step-number\">\n          03\n        <\/div>\n\n        <h3>\n          \u6536\u96c6\n        <\/h3>\n\n        <p>\n          Complete the mission, collect stamps and receive a small\n          souvenir celebrating your journey through the mangrove.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     HIGHLIGHTS\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section is-pale\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-section-header\">\n\n      <span class=\"usj-mangrove-kicker\">\n        \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4\n      <\/span>\n\n      <h2>\n        \u6253\u7834\u66f8\u7c4d\u6846\u67b6\uff0c\u5e36\u4f86\u5168\u65b0\u7684\u5716\u66f8\u9928\u611f\u5b98\u9ad4\u9a57\u3002\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"usj-mangrove-highlight-grid\">\n\n      <div class=\"usj-mangrove-highlight\">\n\n        <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/55156007784_69ca0aa680_o-copy-1024x682.jpg\" alt=\"Immersive Mangrove Reading Room\">\n\n        <div class=\"usj-mangrove-highlight-overlay\">\n          <h3 style=\"color:white;\">\n            \u4e00\u5834\u8d70\u9032\u6fb3\u9580\u7d05\u6a39\u6797\u7684\u611f\u5b98\u4e4b\u65c5\n          <\/h3>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"usj-mangrove-highlight-stack\">\n\n        <div class=\"usj-mangrove-highlight-small\">\n\n          <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/IMG_5641-1024x768.jpg\" alt=\"Mangrove interactive experience\">\n\n          <span>\n            \u4e92\u52d5\u5f0f\u5b78\u7fd2\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"usj-mangrove-highlight-small\">\n\n          <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/03_USJ_Mangrove_Interactive_Learning-copy-1024x768.jpg\" alt=\"Mangrove learning installation\">\n\n          <span>\n            \u767c\u73fe\u751f\u7269\u591a\u6a23\u6027\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     PROJECT INFORMATION\n     ====================================================== -->\n\n<section class=\"usj-mangrove-section is-white\">\n\n  <div class=\"usj-mangrove-section-inner\">\n\n    <div class=\"usj-mangrove-section-header\">\n\n      <span class=\"usj-mangrove-kicker\">\n        \u53c3\u89c0\u8cc7\u8a0a\u8207\u9810\u7d04\n      <\/span>\n\n      <h2>\n        \u4f86\u4e00\u8d9f\u7d05\u6a39\u6797\u63a2\u7d22\u4e4b\u65c5\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"usj-mangrove-info-grid\">\n\n\n      <div class=\"usj-mangrove-info-card\">\n\n        <h3>\n          \u5c55\u89bd\u8cc7\u8a0a\n        <\/h3>\n\n        <ul class=\"usj-mangrove-info-list\">\n\n          <li>\n            <strong>\u5c55\u89bd\u540d\u7a31<\/strong>\n            <span>\u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4<\/span>\n          <\/li>\n\n          <li>\n            <strong>\u5ef6\u671f\u81f3<\/strong>\n            <span>2026\u5e7412\u670831\u65e5<\/span>\n          <\/li>\n\n          <li>\n            <strong>\u5730\u9ede<\/strong>\n            <span>\u8056\u82e5\u745f\u5927\u5b78\uff08\u9752\u6d32\u6821\u820d\uff09<\/span>\n          <\/li>\n\n          <li>\n            <strong>\u5730\u5740<\/strong>\n            <span>\u4e2d\u570b\u6fb3\u9580\u9752\u6d32\u6cb3\u908a\u99ac\u8def14-17\u865f<\/span>\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n\n      <div class=\"usj-mangrove-info-card\">\n\n        <h3>\n          \u5718\u9ad4\u53c3\u89c0\n        <\/h3>\n\n        <p>\n          Guided visits can be arranged for local primary and\n          secondary schools, higher education institutions,\n          community associations and non-profit organisations.\n        <\/p>\n\n        <br>\n\n        <p>\n          \u9810\u7d04\u5718\u9ad4\u53c3\u89c0\u8acb\u767c\u9001\u96fb\u90f5\u81f3\uff1a\n        <\/p>\n\n        <p style=\"margin-top:8px;\">\n          <strong>\n            library@usj.edu.mo\n          <\/strong>\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"usj-mangrove-info-card\">\n\n        <h3>\n          \u5408\u4f5c\n        <\/h3>\n\n        <p>\n          The Immersive Mangrove Reading Room brings together\n          USJ Library, the Institute of Science and Environment,\n          and the Faculty of Arts and Humanities&#8217; DFLab.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"usj-mangrove-info-card\">\n\n        <h3>\n          \u7814\u7a76 \u8207 \u793e\u5340\n        <\/h3>\n\n        <p>\n          The project aims to reconnect the public with Macao&#8217;s\n          mangroves through digital storytelling, sensory education,\n          scientific research and creative making.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     CTA\n     ====================================================== -->\n\n<section class=\"usj-mangrove-cta\">\n\n  <div class=\"usj-mangrove-cta-inner\">\n\n    <h2 style=\"color:white;\">\n      \u4ee5\u5168\u65b0\u8996\u89d2\uff0c\u63a2\u7d22\u7d05\u6a39\u6797\u7684\u7121\u7aae\u9b45\u529b\u3002\n    <\/h2>\n\n    <p>\n      Step beyond the shelves and enter a living story of\n      biodiversity, research, creativity and sustainability.\n    <\/p>\n\n    <a class=\"usj-mangrove-cta-button\" href=\"mailto:library@usj.edu.mo\">\n      \u9810\u7d04\u53c3\u89c0\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ======================================================\n     FOOTER\n     ====================================================== -->\n\n<div class=\"usj-mangrove-footer-note\">\n\n  USJ Library \u00b7 The Immersive Mangrove Reading Room \u00b7\n  Extended until 31 December 2026\n\n<\/div>\n\n\n<\/div>\n\n\n<div class=\"kb-row-layout-wrap kb-row-layout-id19545_aad36d-2e alignnone kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-4-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n\n<div class=\"wp-block-kadence-column kadence-column19545_0b4411-7e\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"367\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.52.-Library-Logo-Horizontal-1024x367.png\" alt=\"\" class=\"wp-image-19559\" srcset=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.52.-Library-Logo-Horizontal-1024x367.png 1024w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.52.-Library-Logo-Horizontal-300x107.png 300w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.52.-Library-Logo-Horizontal-768x275.png 768w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.52.-Library-Logo-Horizontal-1536x550.png 1536w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.52.-Library-Logo-Horizontal-2048x733.png 2048w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.52.-Library-Logo-Horizontal-18x6.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column19545_b3d973-a8\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"342\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.16.-ISE-Logo-Horizontal-1-1024x342.png\" alt=\"\" class=\"wp-image-19561\" srcset=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.16.-ISE-Logo-Horizontal-1-1024x342.png 1024w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.16.-ISE-Logo-Horizontal-1-300x100.png 300w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.16.-ISE-Logo-Horizontal-1-768x256.png 768w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.16.-ISE-Logo-Horizontal-1-1536x512.png 1536w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.16.-ISE-Logo-Horizontal-1-2048x683.png 2048w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.16.-ISE-Logo-Horizontal-1-18x6.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column19545_fece64-d9\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"342\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.4.-FAH-Logo-Horizontal-1-1-1024x342.png\" alt=\"\" class=\"wp-image-19562\" srcset=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.4.-FAH-Logo-Horizontal-1-1-1024x342.png 1024w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.4.-FAH-Logo-Horizontal-1-1-300x100.png 300w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.4.-FAH-Logo-Horizontal-1-1-768x256.png 768w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.4.-FAH-Logo-Horizontal-1-1-1536x512.png 1536w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.4.-FAH-Logo-Horizontal-1-1-2048x683.png 2048w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/12.3.4.-FAH-Logo-Horizontal-1-1-18x6.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column19545_1da7c0-94\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"647\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Drop-by-Drop-1024x647.png\" alt=\"\" class=\"wp-image-19563\" style=\"width:152px;height:auto\" srcset=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Drop-by-Drop-1024x647.png 1024w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Drop-by-Drop-300x190.png 300w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Drop-by-Drop-768x485.png 768w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Drop-by-Drop-1536x970.png 1536w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Drop-by-Drop-2048x1294.png 2048w, https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Drop-by-Drop-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div><style class=\"advgb-styles-renderer\">\n\/* =========================================================\n   USJ LIBRARY \u2014 IMMERSIVE MANGROVE READING ROOM\n   Exhibition Page\n   ========================================================= *\/\n\n:root{\n  --mangrove-deep:#123f38;\n  --mangrove:#176b5b;\n  --mangrove-mid:#2e8870;\n  --mangrove-soft:#e8f2ee;\n  --mangrove-pale:#f5f8f6;\n  --leaf:#7aa88f;\n  --sand:#e9d7b6;\n  --cream:#fbfaf6;\n  --ink:#20322d;\n  --muted:#687771;\n  --line:#dfe8e3;\n  --white:#ffffff;\n}\n\n\/* ---------- Base ---------- *\/\n\n.usj-mangrove-page,\n.usj-mangrove-page *{\n  box-sizing:border-box;\n}\n\n.usj-mangrove-page{\n  width:100;\n  max-width:none;\n\n  color:var(--ink);\n  background:var(--cream);\n  font-family:inherit;\n  line-height:1.6;\n  overflow:hidden;\n}\n\n.usj-mangrove-page img{\n  max-width:100%;\n  height:auto;\n}\n\n.usj-mangrove-page a{\n  color:inherit;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.usj-mangrove-hero{\n  position:relative;\n  min-height:clamp(560px,72vh,760px);\n  display:flex;\n  align-items:flex-end;\n  overflow:hidden;\n  background:#123f38;\n}\n\n.usj-mangrove-hero-image{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  z-index:0;\n}\n\n.usj-mangrove-hero-overlay{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(8,39,34,.88) 0%,\n      rgba(8,39,34,.64) 42%,\n      rgba(8,39,34,.18) 78%,\n      rgba(8,39,34,.08) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(5,29,25,.72) 0%,\n      rgba(5,29,25,0) 55%\n    );\n  z-index:1;\n}\n\n.usj-mangrove-hero-content{\n  position:relative;\n  z-index:2;\n  width:min(1180px,92%);\n  margin:0 auto;\n  padding:90px 0 76px;\n  color:#fff;\n}\n\n.usj-mangrove-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin-bottom:20px;\n  padding:8px 13px;\n  border:1px solid rgba(255,255,255,.28);\n  border-radius:999px;\n  background:rgba(255,255,255,.10);\n  backdrop-filter:blur(8px);\n  color:#fff;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.usj-mangrove-eyebrow-dot{\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:#b7d8bd;\n  box-shadow:0 0 0 4px rgba(183,216,189,.15);\n}\n\n.usj-mangrove-hero h1{\n  max-width:850px;\n  margin:0 0 22px;\n  color:#fff;\n  font-size:clamp(42px,6vw,78px);\n  line-height:1.02;\n  letter-spacing:-.045em;\n  font-weight:750;\n}\n\n.usj-mangrove-hero h1 span{\n  display:block;\n  color:#b7d8bd;\n}\n\n.usj-mangrove-hero-intro{\n  max-width:690px;\n  margin:0 0 32px;\n  color:rgba(255,255,255,.88);\n  font-size:clamp(16px,1.7vw,20px);\n  line-height:1.7;\n}\n\n.usj-mangrove-hero-meta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.usj-mangrove-meta-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:9px 13px;\n  border:1px solid rgba(255,255,255,.22);\n  border-radius:9px;\n  background:rgba(255,255,255,.09);\n  color:#fff;\n  font-size:13px;\n}\n\n.usj-mangrove-meta-pill strong{\n  font-weight:700;\n}\n\n.usj-mangrove-meta-pill.is-live{\n  background:#dbeee3;\n  border-color:#dbeee3;\n  color:#174c3e;\n}\n\n\n\/* =========================================================\n   EXTENDED DATE BAR\n   ========================================================= *\/\n\n.usj-mangrove-extension{\n  width:100%;\n  background:var(--mangrove-deep);\n  color:#fff;\n}\n\n.usj-mangrove-extension-inner{\n  width:min(1180px,92%);\n  margin:0 auto;\n  padding:18px 0;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:25px;\n}\n\n.usj-mangrove-extension-main{\n  display:flex;\n  align-items:center;\n  gap:13px;\n}\n\n.usj-mangrove-extension-icon{\n  width:40px;\n  height:40px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 40px;\n  border-radius:10px;\n  background:rgba(255,255,255,.12);\n}\n\n.usj-mangrove-extension-icon svg{\n  width:20px;\n  height:20px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n}\n\n.usj-mangrove-extension-title{\n  margin:0;\n  font-size:14px;\n  font-weight:700;\n}\n\n.usj-mangrove-extension-text{\n  margin:2px 0 0;\n  color:rgba(255,255,255,.72);\n  font-size:12px;\n}\n\n.usj-mangrove-extension-date{\n  white-space:nowrap;\n  color:#c7e1cd;\n  font-size:14px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   GENERAL SECTION\n   ========================================================= *\/\n\n.usj-mangrove-section{\n  padding:clamp(70px,8vw,110px) 0;\n}\n\n.usj-mangrove-section-inner{\n  width:min(1180px,92%);\n  margin:0 auto;\n}\n\n.usj-mangrove-section.is-white{\n  background:#fff;\n}\n\n.usj-mangrove-section.is-pale{\n  background:var(--mangrove-pale);\n}\n\n.usj-mangrove-section-header{\n  max-width:760px;\n  margin-bottom:48px;\n}\n\n.usj-mangrove-kicker{\n  display:block;\n  margin-bottom:11px;\n  color:var(--mangrove);\n  font-size:12px;\n  font-weight:750;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.usj-mangrove-section h2{\n  margin:0 0 15px;\n  color:var(--mangrove-deep);\n  font-size:clamp(30px,4vw,48px);\n  line-height:1.12;\n  letter-spacing:-.035em;\n}\n\n.usj-mangrove-section-header p{\n  margin:0;\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.usj-mangrove-intro-grid{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:clamp(35px,6vw,80px);\n  align-items:center;\n}\n\n.usj-mangrove-intro-copy p{\n  margin:0 0 18px;\n  color:#52625c;\n  font-size:16px;\n  line-height:1.85;\n}\n\n.usj-mangrove-intro-copy p:last-child{\n  margin-bottom:0;\n}\n\n.usj-mangrove-intro-image{\n  position:relative;\n  overflow:hidden;\n  border-radius:22px;\n  background:#dce8e1;\n  box-shadow:0 20px 50px rgba(18,63,56,.12);\n}\n\n.usj-mangrove-intro-image img{\n  display:block;\n  width:100%;\n  aspect-ratio:4\/3;\n  object-fit:cover;\n}\n\n\n\/* =========================================================\n   SCIENCE \u00d7 ART\n   ========================================================= *\/\n\n.usj-mangrove-split{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:20px;\n}\n\n.usj-mangrove-feature{\n  position:relative;\n  min-height:280px;\n  padding:34px;\n  border:1px solid var(--line);\n  border-radius:20px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.usj-mangrove-feature-number{\n  position:absolute;\n  top:23px;\n  right:25px;\n  color:#dfeae5;\n  font-size:46px;\n  line-height:1;\n  font-weight:800;\n}\n\n.usj-mangrove-feature-icon{\n  width:50px;\n  height:50px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:27px;\n  border-radius:13px;\n  background:var(--mangrove-soft);\n  color:var(--mangrove);\n}\n\n.usj-mangrove-feature-icon svg{\n  width:25px;\n  height:25px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.7;\n}\n\n.usj-mangrove-feature h3{\n  margin:0 0 10px;\n  color:var(--mangrove-deep);\n  font-size:22px;\n}\n\n.usj-mangrove-feature p{\n  margin:0;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   SDG SECTION\n   ========================================================= *\/\n\n.usj-mangrove-sdg-section{\n  position:relative;\n  background:#f0f5f1;\n  overflow:hidden;\n}\n\n.usj-mangrove-sdg-section:before{\n  content:\"\";\n  position:absolute;\n  width:460px;\n  height:460px;\n  right:-170px;\n  top:-170px;\n  border-radius:50%;\n  background:rgba(46,136,112,.07);\n}\n\n.usj-mangrove-sdg-header{\n  position:relative;\n  max-width:800px;\n  margin-bottom:44px;\n}\n\n.usj-mangrove-sdg-header h2{\n  margin-bottom:13px;\n}\n\n.usj-mangrove-sdg-header p{\n  max-width:700px;\n}\n\n\n\/* ---------- SDG Cards ---------- *\/\n\n.usj-mangrove-sdg-grid{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:18px;\n}\n\n.usj-mangrove-sdg-card{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  min-width:0;\n  overflow:hidden;\n  background:#fff;\n  border:1px solid #dce7e0;\n  border-radius:17px;\n  text-decoration:none;\n  box-shadow:0 7px 22px rgba(18,63,56,.055);\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease,\n    border-color .22s ease;\n}\n\n.usj-mangrove-sdg-card:hover{\n  transform:translateY(-5px);\n  border-color:#c4d8cd;\n  box-shadow:0 16px 32px rgba(18,63,56,.12);\n}\n\n.usj-mangrove-sdg-logo{\n  padding:16px 16px 0;\n}\n\n.usj-mangrove-sdg-logo img{\n  display:block;\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:contain;\n}\n\n.usj-mangrove-sdg-info{\n  padding:18px 19px 21px;\n}\n\n.usj-mangrove-sdg-number{\n  display:block;\n  margin-bottom:5px;\n  color:var(--mangrove);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.usj-mangrove-sdg-info h3{\n  margin:0 0 7px;\n  color:var(--mangrove-deep);\n  font-size:16px;\n  line-height:1.3;\n}\n\n.usj-mangrove-sdg-info p{\n  margin:0;\n  color:var(--muted);\n  font-size:12.5px;\n  line-height:1.55;\n}\n\n.usj-mangrove-sdg-link{\n  display:inline-flex;\n  align-items:center;\n  gap:5px;\n  margin-top:13px;\n  color:var(--mangrove);\n  font-size:12px;\n  font-weight:700;\n}\n\n.usj-mangrove-sdg-link svg{\n  width:13px;\n  height:13px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:2;\n}\n\n\n\/* SDG attribution *\/\n\n.usj-mangrove-sdg-attribution{\n  position:relative;\n  margin-top:27px;\n  padding:15px 18px;\n  border-left:3px solid #b8cfc2;\n  background:rgba(255,255,255,.68);\n  color:#687771;\n  font-size:11px;\n  line-height:1.65;\n}\n\n.usj-mangrove-sdg-attribution a{\n  color:var(--mangrove);\n  font-weight:650;\n}\n\n\n\/* =========================================================\n   GUARDIANS\n   ========================================================= *\/\n\n.usj-mangrove-guardians{\n  display:grid;\n  grid-template-columns:repeat(5,minmax(0,1fr));\n  gap:14px;\n}\n\n.usj-mangrove-guardian{\n  overflow:hidden;\n  border-radius:15px;\n  background:#fff;\n  border:1px solid var(--line);\n}\n\n.usj-mangrove-guardian img{\n  display:block;\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n.usj-mangrove-guardian-caption{\n  padding:12px 13px;\n}\n\n.usj-mangrove-guardian-caption strong{\n  display:block;\n  color:var(--mangrove-deep);\n  font-size:13px;\n}\n\n.usj-mangrove-guardian-caption small{\n  color:var(--muted);\n  font-size:11px;\n}\n\n\n\/* =========================================================\n   DIGITAL MANGROVE TREE\n   ========================================================= *\/\n\n.usj-mangrove-tree-grid{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:40px;\n  align-items:center;\n}\n\n.usj-mangrove-tree-image{\n  overflow:hidden;\n  border-radius:22px;\n}\n\n.usj-mangrove-tree-image img{\n  display:block;\n  width:100%;\n  aspect-ratio:4\/3;\n  object-fit:cover;\n}\n\n.usj-mangrove-tree-copy h3{\n  margin:0 0 15px;\n  color:var(--mangrove-deep);\n  font-size:30px;\n  line-height:1.2;\n}\n\n.usj-mangrove-tree-copy p{\n  margin:0 0 20px;\n  color:var(--muted);\n  font-size:15px;\n  line-height:1.8;\n}\n\n.usj-mangrove-tag-list{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n}\n\n.usj-mangrove-tag{\n  padding:7px 10px;\n  border-radius:7px;\n  background:var(--mangrove-soft);\n  color:var(--mangrove-deep);\n  font-size:12px;\n  font-weight:650;\n}\n\n\n\/* =========================================================\n   RESEARCHER QUEST\n   ========================================================= *\/\n\n.usj-mangrove-quest{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:18px;\n}\n\n.usj-mangrove-step{\n  padding:27px;\n  border-radius:18px;\n  background:#fff;\n  border:1px solid var(--line);\n}\n\n.usj-mangrove-step-number{\n  width:38px;\n  height:38px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:19px;\n  border-radius:50%;\n  background:var(--mangrove-deep);\n  color:#fff;\n  font-size:13px;\n  font-weight:750;\n}\n\n.usj-mangrove-step h3{\n  margin:0 0 8px;\n  color:var(--mangrove-deep);\n  font-size:18px;\n}\n\n.usj-mangrove-step p{\n  margin:0;\n  color:var(--muted);\n  font-size:13.5px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   HIGHLIGHTS\n   ========================================================= *\/\n\n.usj-mangrove-highlight-grid{\n  display:grid;\n  grid-template-columns:1.25fr .75fr;\n  gap:18px;\n}\n\n.usj-mangrove-highlight{\n  position:relative;\n  overflow:hidden;\n  min-height:370px;\n  border-radius:22px;\n  background:#123f38;\n}\n\n.usj-mangrove-highlight img{\n  width:100%;\n  height:100%;\n  min-height:370px;\n  display:block;\n  object-fit:cover;\n}\n\n.usj-mangrove-highlight-overlay{\n  position:absolute;\n  inset:0;\n  display:flex;\n  align-items:flex-end;\n  padding:30px;\n  background:linear-gradient(\n    0deg,\n    rgba(7,36,31,.82),\n    rgba(7,36,31,0) 65%\n  );\n}\n\n.usj-mangrove-highlight-overlay h3{\n  margin:0;\n  color:#fff;\n  font-size:24px;\n  line-height:1.2;\n}\n\n.usj-mangrove-highlight-stack{\n  display:grid;\n  grid-template-rows:1fr 1fr;\n  gap:18px;\n}\n\n.usj-mangrove-highlight-small{\n  position:relative;\n  overflow:hidden;\n  min-height:176px;\n  border-radius:20px;\n  background:#dce8e1;\n}\n\n.usj-mangrove-highlight-small img{\n  width:100%;\n  height:100%;\n  min-height:176px;\n  object-fit:cover;\n}\n\n.usj-mangrove-highlight-small span{\n  position:absolute;\n  left:18px;\n  bottom:15px;\n  color:#fff;\n  font-size:14px;\n  font-weight:700;\n  text-shadow:0 2px 10px rgba(0,0,0,.3);\n}\n\n\n\/* =========================================================\n   PROJECT INFORMATION\n   ========================================================= *\/\n\n.usj-mangrove-info-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:18px;\n}\n\n.usj-mangrove-info-card{\n  padding:28px;\n  border:1px solid var(--line);\n  border-radius:18px;\n  background:#fff;\n}\n\n.usj-mangrove-info-card h3{\n  margin:0 0 14px;\n  color:var(--mangrove-deep);\n  font-size:18px;\n}\n\n.usj-mangrove-info-card p{\n  margin:0;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.75;\n}\n\n.usj-mangrove-info-list{\n  margin:0;\n  padding:0;\n  list-style:none;\n}\n\n.usj-mangrove-info-list li{\n  display:flex;\n  gap:12px;\n  padding:9px 0;\n  border-bottom:1px solid #edf1ef;\n  color:var(--muted);\n  font-size:13.5px;\n}\n\n.usj-mangrove-info-list li:last-child{\n  border-bottom:0;\n}\n\n.usj-mangrove-info-list strong{\n  min-width:120px;\n  color:var(--mangrove-deep);\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.usj-mangrove-cta{\n  position:relative;\n  padding:80px 0;\n  background:\n    linear-gradient(\n      135deg,\n      #123f38 0%,\n      #176b5b 100%\n    );\n  color:#fff;\n  overflow:hidden;\n}\n\n.usj-mangrove-cta:after{\n  content:\"\";\n  position:absolute;\n  width:420px;\n  height:420px;\n  right:-170px;\n  bottom:-250px;\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:50%;\n}\n\n.usj-mangrove-cta-inner{\n  position:relative;\n  z-index:1;\n  width:min(900px,92%);\n  margin:0 auto;\n  text-align:center;\n}\n\n.usj-mangrove-cta h2{\n  margin:0 0 15px;\n  color:#fff;\n  font-size:clamp(30px,4vw,48px);\n}\n\n.usj-mangrove-cta p{\n  max-width:680px;\n  margin:0 auto 27px;\n  color:rgba(255,255,255,.8);\n  font-size:15px;\n  line-height:1.8;\n}\n\n.usj-mangrove-cta-button{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:12px 19px;\n  border-radius:9px;\n  background:#fff;\n  color:var(--mangrove-deep)!important;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:750;\n  transition:transform .2s ease,box-shadow .2s ease;\n}\n\n.usj-mangrove-cta-button:hover{\n  transform:translateY(-2px);\n  box-shadow:0 9px 25px rgba(0,0,0,.16);\n}\n\n\n\/* =========================================================\n   FOOTER NOTE\n   ========================================================= *\/\n\n.usj-mangrove-footer-note{\n  padding:20px;\n  background:#0d302b;\n  text-align:center;\n  color:rgba(255,255,255,.52);\n  font-size:11px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media(max-width:1050px){\n\n  .usj-mangrove-sdg-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .usj-mangrove-guardians{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n  }\n\n}\n\n@media(max-width:800px){\n\n  .usj-mangrove-hero{\n    min-height:620px;\n  }\n\n  .usj-mangrove-hero-content{\n    padding:70px 0 55px;\n  }\n\n  .usj-mangrove-extension-inner{\n    align-items:flex-start;\n    flex-direction:column;\n    gap:9px;\n  }\n\n  .usj-mangrove-extension-date{\n    padding-left:53px;\n  }\n\n  .usj-mangrove-intro-grid,\n  .usj-mangrove-tree-grid,\n  .usj-mangrove-highlight-grid{\n    grid-template-columns:1fr;\n  }\n\n  .usj-mangrove-split{\n    grid-template-columns:1fr;\n  }\n\n  .usj-mangrove-quest{\n    grid-template-columns:1fr;\n  }\n\n  .usj-mangrove-highlight-stack{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    grid-template-rows:none;\n  }\n\n  .usj-mangrove-info-grid{\n    grid-template-columns:1fr;\n  }\n\n}\n\n@media(max-width:560px){\n\n  .usj-mangrove-section{\n    padding:62px 0;\n  }\n\n  .usj-mangrove-section-inner{\n    width:min(92%,520px);\n  }\n\n  .usj-mangrove-hero{\n    min-height:600px;\n  }\n\n  .usj-mangrove-hero-content{\n    padding-bottom:45px;\n  }\n\n  .usj-mangrove-hero h1{\n    font-size:43px;\n  }\n\n  .usj-mangrove-hero-intro{\n    font-size:15px;\n  }\n\n  .usj-mangrove-meta-pill{\n    width:100%;\n  }\n\n  .usj-mangrove-sdg-grid{\n    grid-template-columns:1fr;\n  }\n\n  .usj-mangrove-sdg-card{\n    display:grid;\n    grid-template-columns:115px 1fr;\n    align-items:center;\n  }\n\n  .usj-mangrove-sdg-logo{\n    padding:12px;\n  }\n\n  .usj-mangrove-sdg-info{\n    padding:15px 15px 15px 5px;\n  }\n\n  .usj-mangrove-sdg-info h3{\n    font-size:15px;\n  }\n\n  .usj-mangrove-sdg-info p{\n    font-size:12px;\n  }\n\n  .usj-mangrove-guardians{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .usj-mangrove-highlight-stack{\n    grid-template-columns:1fr;\n  }\n\n  .usj-mangrove-info-list li{\n    display:block;\n  }\n\n  .usj-mangrove-info-list strong{\n    display:block;\n    margin-bottom:2px;\n  }\n\n}\n.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);}.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap{grid-template-columns:repeat(4, minmax(0, 1fr));}.kb-row-layout-id19545_aad36d-2e{background-color:#ffffff;}.kb-row-layout-id19545_aad36d-2e > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap{grid-template-columns:repeat(4, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id19545_aad36d-2e > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}.kadence-column19545_0b4411-7e > .kt-inside-inner-col,.kadence-column19545_0b4411-7e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column19545_0b4411-7e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19545_0b4411-7e > .kt-inside-inner-col{flex-direction:column;}.kadence-column19545_0b4411-7e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19545_0b4411-7e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19545_0b4411-7e{position:relative;}@media all and (max-width: 1024px){.kadence-column19545_0b4411-7e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19545_0b4411-7e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}.kadence-column19545_b3d973-a8 > .kt-inside-inner-col,.kadence-column19545_b3d973-a8 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column19545_b3d973-a8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19545_b3d973-a8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19545_b3d973-a8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19545_b3d973-a8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19545_b3d973-a8{position:relative;}@media all and (max-width: 1024px){.kadence-column19545_b3d973-a8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19545_b3d973-a8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}.kadence-column19545_fece64-d9 > .kt-inside-inner-col,.kadence-column19545_fece64-d9 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column19545_fece64-d9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19545_fece64-d9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19545_fece64-d9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19545_fece64-d9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19545_fece64-d9{position:relative;}@media all and (max-width: 1024px){.kadence-column19545_fece64-d9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19545_fece64-d9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}.kadence-column19545_1da7c0-94 > .kt-inside-inner-col,.kadence-column19545_1da7c0-94 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column19545_1da7c0-94 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19545_1da7c0-94 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19545_1da7c0-94 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19545_1da7c0-94 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19545_1da7c0-94{position:relative;}@media all and (max-width: 1024px){.kadence-column19545_1da7c0-94 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19545_1da7c0-94 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>","protected":false},"excerpt":{"rendered":"<p>USJ Library \u00d7 Mangrove Research The Immersive Mangrove Reading Room Step into a sensory journey where scientific research, AI-generated storytelling, digital fabrication and biodiversity education meet inside the library. \u25cf Extended Exhibition Until 31 December 2026 USJ Library \u00b7 Ilha Verde Campus The exhibition has been extended Continue exploring Macao&#8217;s mangrove biodiversity through an immersive [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":305434,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[193],"tags":[],"class_list":["post-19545","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-exhibits"],"gutentor_comment":1,"author_meta":{"display_name":"Catarina Lei","author_link":"https:\/\/library.usj.edu.mo\/zh\/author\/catarina\/"},"featured_img":"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/Immersive-Mangrove-Reading-Room-Poster-211x300.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/library.usj.edu.mo\/zh\/category\/news\/exhibits\/\" class=\"advgb-post-tax-term\">Exhibitions<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Exhibitions<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 9 \u500b\u6708 ago","modified":"Updated 1 \u500b\u6708 ago"},"absolute_dates":{"created":"Posted on 2 3 \u6708, 2026","modified":"Updated on 29 9 \u6708, 2026"},"absolute_dates_time":{"created":"Posted on 2 3 \u6708, 2026 12:59 \u4e0b\u5348","modified":"Updated on 29 9 \u6708, 2026 7:49 \u4e0b\u5348"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts\/19545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/comments?post=19545"}],"version-history":[{"count":30,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts\/19545\/revisions"}],"predecessor-version":[{"id":465910,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts\/19545\/revisions\/465910"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media\/305434"}],"wp:attachment":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media?parent=19545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/categories?post=19545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/tags?post=19545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}