{"id":18417,"date":"2026-09-23T10:31:36","date_gmt":"2026-09-23T02:31:36","guid":{"rendered":"https:\/\/library.usj.edu.mo\/?page_id=18417"},"modified":"2026-09-23T10:31:38","modified_gmt":"2026-09-23T02:31:38","slug":"exhibitions","status":"publish","type":"page","link":"https:\/\/library.usj.edu.mo\/zh\/exhibitions\/","title":{"rendered":"Exhibitions"},"content":{"rendered":"<!-- =========================================================\n     USJ LIBRARY \u2014 EXHIBITIONS PAGE\n     Smart Casual Academic Library\n     WordPress Custom HTML Block\n========================================================= -->\n\n\n\n\n<div class=\"usj-exhibitions\">\n\n\n  <!-- =====================================================\n       HERO\n  ====================================================== -->\n\n  <section class=\"usj-exhibitions-hero\">\n\n    <div class=\"usj-exhibitions-container\">\n\n      <div class=\"usj-exhibitions-hero-grid\">\n\n        <div>\n\n          <div class=\"usj-exhibitions-eyebrow\">\n            USJ Library Exhibitions\n          <\/div>\n\n          <h1>\n            Discover\n            <span>Exhibitions.<\/span>\n          <\/h1>\n\n          <p class=\"usj-exhibitions-hero-copy\">\n            Explore exhibitions, immersive experiences and\n            interdisciplinary projects presented through USJ Library.\n            Discover how research, culture, creativity and learning\n            come together beyond the bookshelf.\n          <\/p>\n\n          <div class=\"usj-exhibitions-hero-note\">\n\n            <span class=\"usj-exhibitions-pill\">\n              Exhibitions\n            <\/span>\n\n            <span class=\"usj-exhibitions-pill\">\n              Research &amp; Culture\n            <\/span>\n\n            <span class=\"usj-exhibitions-pill\">\n              Archive\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"usj-exhibitions-hero-visual\">\n\n          <div class=\"usj-exhibitions-hero-card\">\n\n            <div class=\"usj-exhibitions-hero-card-label\">\n              Latest Exhibition\n            <\/div>\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 at USJ Library\" loading=\"eager\">\n\n            <div class=\"usj-exhibitions-hero-caption\">\n\n              <strong>\n                \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4\n              <\/strong>\n\n              <span>\n                \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4 \u00b7 2026\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       FEATURED EXHIBITION\n  ====================================================== -->\n\n  <section class=\"usj-exhibitions-section\">\n\n    <div class=\"usj-exhibitions-container\">\n\n      <div class=\"usj-exhibitions-section-heading\">\n\n        <div class=\"usj-exhibitions-section-kicker\">\n          Latest Exhibition\n        <\/div>\n\n        <h2>\n          \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4\n        <\/h2>\n\n        <p>\n          A transdisciplinary sensory journey connecting mangrove\n          research, AI, digital fabrication, art and environmental\n          education.\n        <\/p>\n\n      <\/div>\n\n\n      <article class=\"usj-exhibitions-featured\">\n\n        <div class=\"usj-exhibitions-featured-media\">\n\n          <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/03\/IMG_5641-1024x768.jpg\" alt=\"The Ten Guardians from the Immersive Mangrove Reading Room\" loading=\"lazy\">\n\n          <div class=\"usj-exhibitions-featured-status\">\n            Featured Archive\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"usj-exhibitions-featured-content\">\n\n          <div class=\"usj-exhibitions-featured-kicker\">\n            2026 \u00b7 Transdisciplinary Sensory Journey\n          <\/div>\n\n          <h3>\n            \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4\n          <\/h3>\n\n          <div class=\"usj-exhibitions-featured-chinese\">\n            \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4\n          <\/div>\n\n          <p>\n            Transforming mangrove research from the USJ Institute of\n            Science and Environment into tactile art through AI and\n            3D printing. The project turns invisible genetic sequences\n            and wetland research into tangible \u201cGuardians\u201d.\n          <\/p>\n\n          <p>\n            Visitors could explore the Digital Mangrove Tree,\n            discover the Ten Guardians and take part in the\n            \u201cResearcher&#8217;s Quest: Decoding the Guardians\u201d.\n          <\/p>\n\n\n          <div class=\"usj-exhibitions-meta\">\n\n            <div class=\"usj-exhibitions-meta-item\">\n\n              <span>\n                Exhibition Dates\n              <\/span>\n\n              <strong>\n                14 Mar \u2013 31 Dec 2026\n              <\/strong>\n\n            <\/div>\n\n\n            <div class=\"usj-exhibitions-meta-item\">\n\n              <span>\n                \u5730\u9ede\n              <\/span>\n\n              <strong>\n                \u8056\u82e5\u745f\u5927\u5b78\u5716\u66f8\u9928\uff08\u9752\u6d32\u6821\u820d\uff09\n              <\/strong>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a href=\"https:\/\/library.usj.edu.mo\/zh\/2026-icc-activity-the-immersive-mangrove-reading-room\/\" class=\"usj-exhibitions-button\">\n\n            Explore Exhibition\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h13\"><\/path>\n              <path d=\"m13 6 6 6-6 6\"><\/path>\n            <\/svg>\n\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- =================================================\n           HIGHLIGHTS\n      ================================================== -->\n\n      <div class=\"usj-exhibitions-highlights\">\n\n\n        <div class=\"usj-exhibitions-highlight\">\n\n          <div class=\"usj-exhibitions-highlight-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3v18\"><\/path>\n              <path d=\"M5 7h14\"><\/path>\n              <path d=\"M6 7 3 13h6L6 7z\"><\/path>\n              <path d=\"M18 7l-3 6h6l-3-6z\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <strong>\n            Ten Guardians\n          <\/strong>\n\n          <span>\n            Discover ten mangrove-inspired Guardian characters.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"usj-exhibitions-highlight\">\n\n          <div class=\"usj-exhibitions-highlight-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3c4 3 6 6 6 10a6 6 0 0 1-12 0c0-4 2-7 6-10z\"><\/path>\n              <path d=\"M12 8c-2 2-3 4-3 6a3 3 0 0 0 6 0c0-2-1-4-3-6z\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <strong>\n            Digital Mangrove Tree\n          <\/strong>\n\n          <span>\n            An installation exploring connections between people and nature.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"usj-exhibitions-highlight\">\n\n          <div class=\"usj-exhibitions-highlight-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 5h16v14H4z\"><\/path>\n              <path d=\"M8 9h8\"><\/path>\n              <path d=\"M8 13h5\"><\/path>\n              <path d=\"M15 16h3\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <strong>\n            \u7814\u7a76\u54e1\u63a2\u7d22\u4e4b\u65c5\n          <\/strong>\n\n          <span>\n            Find, observe and decode the ten Guardians.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"usj-exhibitions-highlight\">\n\n          <div class=\"usj-exhibitions-highlight-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 3h10v18H7z\"><\/path>\n              <path d=\"M9 7h6\"><\/path>\n              <path d=\"M9 11h6\"><\/path>\n              <path d=\"M9 15h4\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <strong>\n            Sensory Learning\n          <\/strong>\n\n          <span>\n            Experience environmental research through hands-on discovery.\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       EXHIBITION ARCHIVE\n  ====================================================== -->\n\n  <section class=\"usj-exhibitions-section alt\">\n\n    <div class=\"usj-exhibitions-container\">\n\n      <div class=\"usj-exhibitions-section-heading\">\n\n        <div class=\"usj-exhibitions-section-kicker\">\n          Exhibition Archive\n        <\/div>\n\n        <h2>\n          Explore Our Exhibitions\n        <\/h2>\n\n        <p>\n          Discover past exhibitions and special projects presented\n          by USJ Library and its academic partners.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"usj-exhibitions-filter\">\n\n        <button type=\"button\" class=\"is-active\" data-filter=\"all\">\n          All\n        <\/button>\n\n        <button type=\"button\" data-filter=\"featured\">\n          Featured\n        <\/button>\n\n        <button type=\"button\" data-filter=\"past\">\n          Past\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"usj-exhibitions-grid\">\n\n\n        <!-- MANGROVE -->\n\n        <article class=\"usj-exhibitions-card\" data-category=\"featured past\">\n\n          <div class=\"usj-exhibitions-card-media\">\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\" loading=\"lazy\">\n\n            <div class=\"usj-exhibitions-card-status\">\n              Featured\n            <\/div>\n\n          <\/div>\n\n          <div class=\"usj-exhibitions-card-body\">\n\n            <div class=\"usj-exhibitions-card-date\">\n              14 Mar \u2013 31 Aug 2026\n            <\/div>\n\n            <h3>\n              \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4\n            <\/h3>\n\n            <p>\n              A transdisciplinary project connecting mangrove research,\n              AI, 3D printing, art and sensory education.\n            <\/p>\n\n            <a href=\"https:\/\/library.usj.edu.mo\/zh\/2026-icc-activity-the-immersive-mangrove-reading-room\/\" class=\"usj-exhibitions-card-link\">\n\n              View Exhibition\n\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h13\"><\/path>\n                <path d=\"m13 6 6 6-6 6\"><\/path>\n              <\/svg>\n\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 1874 -->\n\n        <article class=\"usj-exhibitions-card\" data-category=\"past\">\n\n          <div class=\"usj-exhibitions-card-media\">\n\n            <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2024\/09\/WechatIMG3527-1024x576.png\" alt=\"The 1st Global Typhoon Macau 1874 exhibition\" loading=\"lazy\">\n\n            <div class=\"usj-exhibitions-card-status\">\n              Past\n            <\/div>\n\n          <\/div>\n\n          <div class=\"usj-exhibitions-card-body\">\n\n            <div class=\"usj-exhibitions-card-date\">\n              2024 \u00b7 Historical Exhibition\n            <\/div>\n\n            <h3>\n              The 1st Global Typhoon Macau 1874:\n              A Rediscovery Exhibition\n            <\/h3>\n\n            <p>\n              A historical exhibition exploring the Great Typhoon\n              of 22\u201323 September 1874 and its impact on Macau.\n            <\/p>\n\n            <a href=\"https:\/\/library.usj.edu.mo\/zh\/past-events\/1874-the-1st-global-typhoon-rediscovery-exhibition\/\" class=\"usj-exhibitions-card-link\">\n\n              View Exhibition\n\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h13\"><\/path>\n                <path d=\"m13 6 6 6-6 6\"><\/path>\n              <\/svg>\n\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- CHEN ZIBAO -->\n\n        <article class=\"usj-exhibitions-card\" data-category=\"past\">\n\n          <div class=\"usj-exhibitions-card-media\">\n\n            <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2023\/09\/Website%40100x-1024x597.png\" alt=\"Treasures of Ancient Books exhibition\" loading=\"lazy\">\n\n            <div class=\"usj-exhibitions-card-status\">\n              Past\n            <\/div>\n\n          <\/div>\n\n          <div class=\"usj-exhibitions-card-body\">\n\n            <div class=\"usj-exhibitions-card-date\">\n              2023 \u00b7 Special Exhibition\n            <\/div>\n\n            <h3>\n              Treasures of Ancient Books\n            <\/h3>\n\n            <p>\n              Exhibition of Chen ZiBao and Macau Civilian Education,\n              exploring education, textbooks and the history of printing.\n            <\/p>\n\n            <a href=\"https:\/\/library.usj.edu.mo\/zh\/exhibition-of-treasures-of-ancient-books-chen-zibao-and-macau-civilian-education\/\" class=\"usj-exhibitions-card-link\">\n\n              View Exhibition\n\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h13\"><\/path>\n                <path d=\"m13 6 6 6-6 6\"><\/path>\n              <\/svg>\n\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       VISIT \/ EXHIBITION INFORMATION\n  ====================================================== -->\n\n  <section class=\"usj-exhibitions-section\">\n\n    <div class=\"usj-exhibitions-container\">\n\n      <div class=\"usj-exhibitions-section-heading\">\n\n        <div class=\"usj-exhibitions-section-kicker\">\n          Visit &amp; Explore\n        <\/div>\n\n        <h2>\n          Exhibitions at USJ Library\n        <\/h2>\n\n        <p>\n          Our exhibitions connect library collections, research,\n          academic projects and public engagement.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"usj-exhibitions-visit\">\n\n\n        <div class=\"usj-exhibitions-visit-card\">\n\n          <div class=\"usj-exhibitions-visit-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M12 7v5l3 2\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h3>\n            Exhibition Dates\n          <\/h3>\n\n          <p>\n            Exhibition dates vary by project.\n            Please check the individual exhibition page\n            before planning your visit.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"usj-exhibitions-visit-card\">\n\n          <div class=\"usj-exhibitions-visit-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 21s7-6.1 7-11a7 7 0 1 0-14 0c0 4.9 7 11 7 11z\"><\/path>\n              <circle cx=\"12\" cy=\"10\" r=\"2.3\"><\/circle>\n            <\/svg>\n\n          <\/div>\n\n          <h3>\n            \u5728\u54ea\u88e1\n          <\/h3>\n\n          <p>\n            \u8056\u82e5\u745f\u5927\u5b78\u5716\u66f8\u9928<br>\n            \u9752\u6d32\u6821\u5340<br>\n            Estrada Marginal da Ilha Verde,\n            14\u201317, Macau\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"usj-exhibitions-visit-card\">\n\n          <div class=\"usj-exhibitions-visit-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 5h16v14H4z\"><\/path>\n              <path d=\"M8 3v4\"><\/path>\n              <path d=\"M16 3v4\"><\/path>\n              <path d=\"M4 9h16\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h3>\n            \u5718\u9ad4\u53c3\u89c0\n          <\/h3>\n\n          <p>\n            Some exhibitions may offer guided tours or\n            group activities. Please refer to the individual\n            exhibition page for participation details.\n          <\/p>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       CTA\n  ====================================================== -->\n\n  <section class=\"usj-exhibitions-section alt\">\n\n    <div class=\"usj-exhibitions-container\">\n\n      <div class=\"usj-exhibitions-cta\">\n\n        <h2>\n          What&#8217;s happening at USJ Library?\n        <\/h2>\n\n        <p>\n          Discover exhibitions, workshops, talks, new resources\n          and other library activities through our News &amp; Events.\n        <\/p>\n\n        <a href=\"https:\/\/library.usj.edu.mo\/zh\/past-events\/\" class=\"usj-exhibitions-button\">\n\n          Explore News &amp; Events\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h13\"><\/path>\n            <path d=\"m13 6 6 6-6 6\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n<\/div>\n\n\n<script>\n(function(){\n\n  const page = document.querySelector('.usj-exhibitions');\n\n  if(!page) return;\n\n  const filterButtons =\n    page.querySelectorAll('.usj-exhibitions-filter button');\n\n  const cards =\n    page.querySelectorAll('.usj-exhibitions-card');\n\n\n  filterButtons.forEach(function(button){\n\n    button.addEventListener('click', function(){\n\n      const filter = button.getAttribute('data-filter');\n\n\n      filterButtons.forEach(function(btn){\n        btn.classList.remove('is-active');\n      });\n\n      button.classList.add('is-active');\n\n\n      cards.forEach(function(card){\n\n        const categories =\n          card.getAttribute('data-category') || '';\n\n        if(filter === 'all'){\n          card.classList.remove('is-hidden');\n          return;\n        }\n\n        if(categories.indexOf(filter) !== -1){\n          card.classList.remove('is-hidden');\n        }else{\n          card.classList.add('is-hidden');\n        }\n\n      });\n\n    });\n\n  });\n\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column18417_d28373-71 inner-column-1\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n<style class=\"advgb-styles-renderer\">\n\/* =========================================================\n   DESIGN SYSTEM\n========================================================= *\/\n\n.usj-exhibitions,\n.usj-exhibitions *{\n  box-sizing:border-box;\n}\n\n.usj-exhibitions{\n  --blue:#386983;\n  --blue-dark:#144b7c;\n  --blue-light:#4A8BAD;\n  --navy:#264758;\n  --text:#243447;\n  --muted:#687789;\n  --border:#dfe7ef;\n  --bg:#f7f9fc;\n  --white:#ffffff;\n  --yellow:#edab50;\n  --green:#587d62;\n  --green-light:#edf5ee;\n\n  width:100;\n  max-width:none;\n\n  color:var(--text);\n  background:#fff;\n\n  font-family:inherit;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n.usj-exhibitions a{\n  text-decoration:none;\n}\n\n.usj-exhibitions img{\n  display:block;\n  max-width:100%;\n}\n\n.usj-exhibitions-container{\n  width:min(1240px, calc(100% - 40px));\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.usj-exhibitions-hero{\n  position:relative;\n  overflow:hidden;\n\n  padding:\n    clamp(70px,8vw,115px)\n    0\n    clamp(65px,7vw,100px);\n\n  background:\n    radial-gradient(circle at 85% 20%, rgba(74,139,173,.13), transparent 28%),\n    linear-gradient(135deg,#f7fafc 0%,#ffffff 55%,#eef5f7 100%);\n}\n\n.usj-exhibitions-hero:before{\n  content:\"\";\n  position:absolute;\n  width:420px;\n  height:420px;\n  right:-170px;\n  bottom:-210px;\n\n  border-radius:50%;\n  background:rgba(56,105,131,.07);\n}\n\n.usj-exhibitions-hero-grid{\n  position:relative;\n  z-index:1;\n\n  display:grid;\n  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);\n  gap:clamp(40px,7vw,100px);\n  align-items:center;\n}\n\n.usj-exhibitions-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n\n  margin-bottom:17px;\n\n  color:var(--blue);\n  font-size:12px;\n  font-weight:750;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.usj-exhibitions-eyebrow:before{\n  content:\"\";\n  width:30px;\n  height:2px;\n  background:var(--yellow);\n  border-radius:2px;\n}\n\n.usj-exhibitions-hero h1{\n  margin:0 0 18px;\n\n  color:var(--navy);\n  font-size:clamp(40px,5vw,68px);\n  line-height:1.05;\n  letter-spacing:-.035em;\n  font-weight:750;\n}\n\n.usj-exhibitions-hero h1 span{\n  display:block;\n  color:var(--blue);\n}\n\n.usj-exhibitions-hero-copy{\n  max-width:680px;\n\n  margin:0;\n\n  color:var(--muted);\n  font-size:clamp(16px,1.5vw,19px);\n  line-height:1.75;\n}\n\n.usj-exhibitions-hero-note{\n  margin-top:24px;\n\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.usj-exhibitions-pill{\n  display:inline-flex;\n  align-items:center;\n\n  padding:7px 12px;\n\n  border:1px solid var(--border);\n  border-radius:999px;\n\n  background:#fff;\n\n  color:var(--navy);\n  font-size:12px;\n  font-weight:650;\n}\n\n\n\/* =========================================================\n   HERO VISUAL\n========================================================= *\/\n\n.usj-exhibitions-hero-visual{\n  position:relative;\n}\n\n.usj-exhibitions-hero-card{\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:22px;\n  background:#fff;\n\n  border:1px solid var(--border);\n\n  box-shadow:\n    0 24px 60px rgba(36,52,71,.14);\n}\n\n.usj-exhibitions-hero-card img{\n  width:100%;\n  aspect-ratio:4 \/ 3;\n  object-fit:cover;\n}\n\n.usj-exhibitions-hero-card-label{\n  position:absolute;\n  top:18px;\n  left:18px;\n\n  padding:7px 11px;\n\n  border-radius:999px;\n\n  background:rgba(38,71,88,.92);\n  color:#fff;\n\n  font-size:11px;\n  font-weight:750;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n.usj-exhibitions-hero-caption{\n  padding:18px 20px 20px;\n}\n\n.usj-exhibitions-hero-caption strong{\n  display:block;\n\n  color:var(--navy);\n  font-size:16px;\n  line-height:1.35;\n}\n\n.usj-exhibitions-hero-caption span{\n  display:block;\n  margin-top:5px;\n\n  color:var(--muted);\n  font-size:12px;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.usj-exhibitions-section{\n  padding:clamp(60px,7vw,95px) 0;\n}\n\n.usj-exhibitions-section.alt{\n  background:var(--bg);\n}\n\n.usj-exhibitions-section-heading{\n  max-width:760px;\n  margin-bottom:34px;\n}\n\n.usj-exhibitions-section-kicker{\n  margin-bottom:8px;\n\n  color:var(--blue);\n  font-size:12px;\n  font-weight:750;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.usj-exhibitions-section-heading h2{\n  margin:0 0 10px;\n\n  color:var(--navy);\n  font-size:clamp(28px,3.3vw,42px);\n  line-height:1.15;\n  letter-spacing:-.025em;\n}\n\n.usj-exhibitions-section-heading p{\n  margin:0;\n\n  color:var(--muted);\n  font-size:15px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   FEATURED \/ LATEST EXHIBITION\n========================================================= *\/\n\n.usj-exhibitions-featured{\n  display:grid;\n  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);\n\n  overflow:hidden;\n\n  border:1px solid var(--border);\n  border-radius:20px;\n\n  background:#fff;\n\n  box-shadow:0 12px 35px rgba(36,52,71,.07);\n}\n\n.usj-exhibitions-featured-media{\n  position:relative;\n  min-height:420px;\n  overflow:hidden;\n}\n\n.usj-exhibitions-featured-media img{\n  width:100%;\n  height:100%;\n  min-height:420px;\n\n  object-fit:cover;\n\n  transition:transform .45s ease;\n}\n\n.usj-exhibitions-featured:hover\n.usj-exhibitions-featured-media img{\n  transform:scale(1.025);\n}\n\n.usj-exhibitions-featured-status{\n  position:absolute;\n  top:20px;\n  left:20px;\n\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n\n  padding:8px 12px;\n\n  border-radius:999px;\n\n  background:#fff;\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:750;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n\n  box-shadow:0 5px 16px rgba(0,0,0,.12);\n}\n\n.usj-exhibitions-featured-status:before{\n  content:\"\";\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n  background:var(--yellow);\n}\n\n.usj-exhibitions-featured-content{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n\n  padding:clamp(30px,4vw,54px);\n}\n\n.usj-exhibitions-featured-kicker{\n  margin-bottom:12px;\n\n  color:var(--blue);\n  font-size:12px;\n  font-weight:750;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n}\n\n.usj-exhibitions-featured-content h3{\n  margin:0 0 7px;\n\n  color:var(--navy);\n  font-size:clamp(27px,3vw,38px);\n  line-height:1.15;\n  letter-spacing:-.025em;\n}\n\n.usj-exhibitions-featured-chinese{\n  margin-bottom:19px;\n\n  color:var(--blue);\n  font-size:18px;\n  font-weight:650;\n}\n\n.usj-exhibitions-featured-content p{\n  margin:0 0 18px;\n\n  color:var(--muted);\n  font-size:14.5px;\n  line-height:1.75;\n}\n\n.usj-exhibitions-meta{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n\n  margin:5px 0 24px;\n}\n\n.usj-exhibitions-meta-item{\n  padding:12px 14px;\n\n  border-radius:10px;\n  background:#f6f9fb;\n}\n\n.usj-exhibitions-meta-item span{\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n.usj-exhibitions-meta-item strong{\n  display:block;\n\n  color:var(--navy);\n  font-size:13px;\n  line-height:1.4;\n}\n\n.usj-exhibitions-button{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n\n  align-self:flex-start;\n\n  min-height:44px;\n  padding:11px 18px;\n\n  border-radius:9px;\n\n  background:var(--blue);\n  color:#fff !important;\n\n  font-size:13px;\n  font-weight:700;\n\n  transition:\n    background .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.usj-exhibitions-button:hover{\n  background:var(--blue-dark);\n  transform:translateY(-2px);\n  box-shadow:0 7px 18px rgba(20,75,124,.18);\n}\n\n.usj-exhibitions-button svg{\n  width:16px;\n  height:16px;\n\n  fill:none;\n  stroke:currentColor;\n  stroke-width:2;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* =========================================================\n   HIGHLIGHT STRIP\n========================================================= *\/\n\n.usj-exhibitions-highlights{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n\n  margin-top:18px;\n}\n\n.usj-exhibitions-highlight{\n  padding:18px;\n\n  border:1px solid var(--border);\n  border-radius:12px;\n\n  background:#fff;\n}\n\n.usj-exhibitions-highlight-icon{\n  width:36px;\n  height:36px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  margin-bottom:11px;\n\n  border-radius:9px;\n\n  background:var(--green-light);\n  color:var(--green);\n}\n\n.usj-exhibitions-highlight-icon svg{\n  width:18px;\n  height:18px;\n\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n.usj-exhibitions-highlight strong{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--navy);\n  font-size:13px;\n}\n\n.usj-exhibitions-highlight span{\n  display:block;\n\n  color:var(--muted);\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   FILTER\n========================================================= *\/\n\n.usj-exhibitions-filter{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n\n  margin-bottom:28px;\n}\n\n.usj-exhibitions-filter button{\n  appearance:none;\n\n  padding:9px 15px;\n\n  border:1px solid var(--border);\n  border-radius:999px;\n\n  background:#fff;\n  color:var(--muted);\n\n  font-family:inherit;\n  font-size:12px;\n  font-weight:700;\n\n  cursor:pointer;\n\n  transition:\n    background .2s ease,\n    color .2s ease,\n    border-color .2s ease;\n}\n\n.usj-exhibitions-filter button:hover,\n.usj-exhibitions-filter button.is-active{\n  background:var(--blue);\n  border-color:var(--blue);\n  color:#fff;\n}\n\n\n\/* =========================================================\n   EXHIBITION GRID\n========================================================= *\/\n\n.usj-exhibitions-grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n}\n\n.usj-exhibitions-card{\n  overflow:hidden;\n\n  border:1px solid var(--border);\n  border-radius:16px;\n\n  background:#fff;\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease,\n    border-color .22s ease;\n}\n\n.usj-exhibitions-card:hover{\n  transform:translateY(-4px);\n\n  border-color:#cfdde5;\n\n  box-shadow:0 14px 32px rgba(36,52,71,.09);\n}\n\n.usj-exhibitions-card.is-hidden{\n  display:none;\n}\n\n.usj-exhibitions-card-media{\n  position:relative;\n  overflow:hidden;\n}\n\n.usj-exhibitions-card-media img{\n  width:100%;\n  aspect-ratio:16 \/ 10;\n  object-fit:cover;\n\n  transition:transform .4s ease;\n}\n\n.usj-exhibitions-card:hover\n.usj-exhibitions-card-media img{\n  transform:scale(1.025);\n}\n\n.usj-exhibitions-card-status{\n  position:absolute;\n  top:13px;\n  left:13px;\n\n  padding:6px 9px;\n\n  border-radius:999px;\n\n  background:rgba(255,255,255,.94);\n  color:var(--navy);\n\n  font-size:10px;\n  font-weight:750;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n}\n\n.usj-exhibitions-card-body{\n  padding:20px;\n}\n\n.usj-exhibitions-card-date{\n  margin-bottom:8px;\n\n  color:var(--blue);\n  font-size:11px;\n  font-weight:750;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n}\n\n.usj-exhibitions-card-body h3{\n  margin:0 0 7px;\n\n  color:var(--navy);\n  font-size:18px;\n  line-height:1.3;\n}\n\n.usj-exhibitions-card-body p{\n  margin:0 0 16px;\n\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.65;\n}\n\n.usj-exhibitions-card-link{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n\n  color:var(--blue-dark);\n\n  font-size:12px;\n  font-weight:750;\n}\n\n.usj-exhibitions-card-link svg{\n  width:14px;\n  height:14px;\n\n  fill:none;\n  stroke:currentColor;\n  stroke-width:2;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* =========================================================\n   VISIT \/ ARCHIVE CTA\n========================================================= *\/\n\n.usj-exhibitions-visit{\n  display:grid;\n  grid-template-columns:1fr 1fr 1fr;\n  gap:18px;\n}\n\n.usj-exhibitions-visit-card{\n  padding:25px;\n\n  border:1px solid var(--border);\n  border-radius:15px;\n\n  background:#fff;\n}\n\n.usj-exhibitions-visit-card h3{\n  margin:0 0 8px;\n\n  color:var(--navy);\n  font-size:17px;\n}\n\n.usj-exhibitions-visit-card p{\n  margin:0;\n\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.7;\n}\n\n.usj-exhibitions-visit-icon{\n  width:40px;\n  height:40px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  margin-bottom:15px;\n\n  border-radius:10px;\n\n  background:#edf4f7;\n  color:var(--blue-dark);\n}\n\n.usj-exhibitions-visit-icon svg{\n  width:20px;\n  height:20px;\n\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* =========================================================\n   BOTTOM CTA\n========================================================= *\/\n\n.usj-exhibitions-cta{\n  padding:clamp(45px,5vw,65px);\n\n  border-radius:20px;\n\n  background:\n    radial-gradient(circle at 90% 10%,rgba(255,255,255,.12),transparent 25%),\n    var(--navy);\n\n  text-align:center;\n}\n\n.usj-exhibitions-cta h2{\n  margin:0 0 10px;\n\n  color:#fff;\n  font-size:clamp(27px,3vw,38px);\n  line-height:1.2;\n}\n\n.usj-exhibitions-cta p{\n  max-width:650px;\n\n  margin:0 auto 22px;\n\n  color:rgba(255,255,255,.75);\n  font-size:14px;\n  line-height:1.7;\n}\n\n.usj-exhibitions-cta .usj-exhibitions-button{\n  background:#fff;\n  color:var(--navy) !important;\n}\n\n.usj-exhibitions-cta .usj-exhibitions-button:hover{\n  background:#f0f5f7;\n}\n\n\n\/* =========================================================\n   RESPONSIVE \u2014 TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .usj-exhibitions-hero-grid{\n    grid-template-columns:1fr;\n    gap:38px;\n  }\n\n  .usj-exhibitions-hero-visual{\n    max-width:650px;\n  }\n\n  .usj-exhibitions-featured{\n    grid-template-columns:1fr;\n  }\n\n  .usj-exhibitions-featured-media{\n    min-height:360px;\n  }\n\n  .usj-exhibitions-featured-media img{\n    min-height:360px;\n  }\n\n  .usj-exhibitions-highlights{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .usj-exhibitions-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .usj-exhibitions-visit{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .usj-exhibitions-visit-card:last-child{\n    grid-column:1 \/ -1;\n  }\n}\n\n\n\/* =========================================================\n   RESPONSIVE \u2014 MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  .usj-exhibitions-container{\n    width:min(100% - 28px, 1240px);\n  }\n\n  .usj-exhibitions-hero{\n    padding-top:55px;\n    padding-bottom:55px;\n  }\n\n  .usj-exhibitions-hero h1{\n    font-size:40px;\n  }\n\n  .usj-exhibitions-hero-copy{\n    font-size:15px;\n  }\n\n  .usj-exhibitions-hero-card{\n    border-radius:16px;\n  }\n\n  .usj-exhibitions-section{\n    padding:52px 0;\n  }\n\n  .usj-exhibitions-section-heading{\n    margin-bottom:25px;\n  }\n\n  .usj-exhibitions-featured{\n    border-radius:15px;\n  }\n\n  .usj-exhibitions-featured-media{\n    min-height:auto;\n  }\n\n  .usj-exhibitions-featured-media img{\n    min-height:0;\n    aspect-ratio:4 \/ 3;\n  }\n\n  .usj-exhibitions-featured-content{\n    padding:25px 21px 28px;\n  }\n\n  .usj-exhibitions-featured-content h3{\n    font-size:27px;\n  }\n\n  .usj-exhibitions-meta{\n    grid-template-columns:1fr;\n  }\n\n  .usj-exhibitions-highlights{\n    grid-template-columns:1fr 1fr;\n    gap:10px;\n  }\n\n  .usj-exhibitions-highlight{\n    padding:15px;\n  }\n\n  .usj-exhibitions-grid{\n    grid-template-columns:1fr;\n  }\n\n  .usj-exhibitions-visit{\n    grid-template-columns:1fr;\n  }\n\n  .usj-exhibitions-visit-card:last-child{\n    grid-column:auto;\n  }\n\n  .usj-exhibitions-cta{\n    padding:38px 22px;\n    border-radius:15px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:420px){\n\n  .usj-exhibitions-container{\n    width:calc(100% - 22px);\n  }\n\n  .usj-exhibitions-hero h1{\n    font-size:36px;\n  }\n\n  .usj-exhibitions-highlights{\n    grid-template-columns:1fr;\n  }\n\n  .usj-exhibitions-filter{\n    gap:6px;\n  }\n\n  .usj-exhibitions-filter button{\n    padding:8px 12px;\n    font-size:11px;\n  }\n}\n.kadence-column18417_d28373-71 > .kt-inside-inner-col,.kadence-column18417_d28373-71 > .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-column18417_d28373-71 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column18417_d28373-71 > .kt-inside-inner-col{flex-direction:column;}.kadence-column18417_d28373-71 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column18417_d28373-71 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column18417_d28373-71{position:relative;}@media all and (max-width: 1024px){.kadence-column18417_d28373-71 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column18417_d28373-71 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>","protected":false},"excerpt":{"rendered":"<p>USJ Library Exhibitions Discover Exhibitions. Explore exhibitions, immersive experiences and interdisciplinary projects presented through USJ Library. Discover how research, culture, creativity and learning come together beyond the bookshelf. Exhibitions Research &amp; Culture Archive Latest Exhibition The Immersive Mangrove Reading Room \u7d05\u6a39\u6797\u611f\u5b98\u95b1\u89bd\u5ba4 \u00b7 2026 Latest Exhibition The Immersive Mangrove Reading Room A transdisciplinary sensory journey connecting [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-18417","page","type-page","status-publish","hentry"],"coauthors":[],"author_meta":{"author_link":"https:\/\/library.usj.edu.mo\/zh\/author\/catarina\/","display_name":"Catarina Lei"},"relative_dates":{"created":"Posted 3 \u5929 ago","modified":"Updated 3 \u5929 ago"},"absolute_dates":{"created":"Posted on 23 9 \u6708, 2026","modified":"Updated on 23 9 \u6708, 2026"},"absolute_dates_time":{"created":"Posted on 23 9 \u6708, 2026 10:31 \u4e0a\u5348","modified":"Updated on 23 9 \u6708, 2026 10:31 \u4e0a\u5348"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/18417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/types\/page"}],"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=18417"}],"version-history":[{"count":5,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/18417\/revisions"}],"predecessor-version":[{"id":465859,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/18417\/revisions\/465859"}],"wp:attachment":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media?parent=18417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}