{"id":465352,"date":"2026-09-17T16:39:17","date_gmt":"2026-09-17T08:39:17","guid":{"rendered":"https:\/\/library.usj.edu.mo\/?page_id=465352"},"modified":"2026-10-08T16:09:22","modified_gmt":"2026-10-08T08:09:22","slug":"home-page","status":"publish","type":"page","link":"https:\/\/library.usj.edu.mo\/zh\/","title":{"rendered":"Home Page"},"content":{"rendered":"\n<!-- =========================================================\n     USJ LIBRARY \u2014 SMART CASUAL ACADEMIC LIBRARY HOMEPAGE\n     WordPress Custom HTML Block\n     Color: White + #144b7c\n========================================================= -->\n\n\n\n\n<div class=\"usj-lib-home\">\n\n\n\n<!-- =====================================================\n     HERO\n===================================================== -->\n\n<section class=\"usj-lib-hero\">\n\n    <div class=\"usj-lib-hero-content\">\n\n        <div class=\"usj-lib-eyebrow\">\n            USJ Library\n        <\/div>\n\n        <h1 style=\"color:#EAEFF2;\">\n            Beyond <span>Reading.<\/span>\n        <\/h1>\n\n        <p>\n            Connect, Create, and Collabrate\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     SEARCH ENGINE\n===================================================== -->\n\n<section class=\"usj-lib-search-section\">\n\n<div class=\"usj-lib-search-card\">\n\n\n<!-- TABS -->\n\n<div class=\"usj-lib-search-tabs\">\n\n    <button class=\"usj-lib-tab active\" onclick=\"USJLibrary.openSearch(event,'usj-onesearch')\">\n\n        \ud83d\udd0e OneSearch\n\n    <\/button>\n\n\n    <button class=\"usj-lib-tab\" onclick=\"USJLibrary.openSearch(event,'usj-catalogue')\">\n\n        \ud83d\udcda Library Catalogue\n\n    <\/button>\n\n\n    <button class=\"usj-lib-tab\" onclick=\"USJLibrary.openSearch(event,'usj-mala')\">\n\n        \ud83d\udd17 MALA Hub\n\n    <\/button>\n\n<\/div>\n\n\n\n<!-- ONESEARCH -->\n\n<div id=\"usj-onesearch\" class=\"usj-lib-search-content\" style=\"display:block;\">\n\n<form id=\"usj-one-search-form\" method=\"get\" target=\"_blank\" action=\"https:\/\/mala.hosted.exlibrisgroup.com\/primo-explore\/search\" onsubmit=\"return USJLibrary.searchPrimo();\">\n\n<input type=\"hidden\" name=\"institution\" value=\"853USJ\">\n\n<input type=\"hidden\" name=\"vid\" value=\"853USJ\">\n\n<input type=\"hidden\" name=\"tab\" value=\"default_tab\">\n\n<input type=\"hidden\" name=\"search_scope\" value=\"default_scope\">\n\n<input type=\"hidden\" name=\"mode\" value=\"basic\">\n\n<input type=\"hidden\" name=\"displayMode\" value=\"full\">\n\n<input type=\"hidden\" name=\"bulkSize\" value=\"10\">\n\n<input type=\"hidden\" name=\"highlight\" value=\"true\">\n\n<input type=\"hidden\" name=\"dum\" value=\"true\">\n\n<input type=\"hidden\" name=\"query\" id=\"usj-primo-query\">\n\n<input type=\"hidden\" name=\"displayField\" value=\"all\">\n\n<input type=\"hidden\" name=\"pcAvailabiltyMode\" value=\"true\">\n\n\n<div class=\"usj-lib-search-panel\">\n\n<div class=\"usj-lib-search-panel-inner\">\n\n<div class=\"usj-lib-input-wrap\">\n\n<input type=\"text\" id=\"usj-primo-query-temp\" class=\"usj-lib-input\" placeholder=\"Search books, articles, journals, theses...\" aria-label=\"Search library resources\" autocomplete=\"off\" required=\"\">\n\n<\/div>\n\n\n<button class=\"usj-lib-search-button\" type=\"submit\">\n\n    Search\n\n<\/button>\n\n<\/div>\n\n\n<div class=\"usj-lib-advanced\">\n\n<span class=\"usj-lib-search-note\">\n    Search across the Library&#8217;s discovery system\n<\/span>\n\n<a href=\"https:\/\/mala.hosted.exlibrisgroup.com\/primo-explore\/search?vid=853USJ&amp;lang=en_US&amp;mode=advanced\" target=\"_blank\">\n\n    Advanced Search \u2192\n\n<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/form>\n\n<\/div>\n\n\n\n<!-- LIBRARY CATALOGUE -->\n\n<div id=\"usj-catalogue\" class=\"usj-lib-search-content\" style=\"display:none;\">\n\n<form id=\"usj-catalogue-form\" method=\"get\" target=\"_blank\" action=\"https:\/\/library-opac.usj.edu.mo\/cgi-bin\/koha\/opac-search.pl\">\n\n<div class=\"usj-lib-search-panel\">\n\n<div class=\"usj-lib-search-panel-inner\">\n\n<div class=\"usj-lib-input-wrap\">\n\n<input type=\"text\" name=\"q\" class=\"usj-lib-input\" placeholder=\"Search books, authors, titles...\" aria-label=\"Search library catalogue\" required=\"\">\n\n<\/div>\n\n\n<button class=\"usj-lib-search-button\" type=\"submit\">\n\n    Search Catalogue\n\n<\/button>\n\n<\/div>\n\n\n<div class=\"usj-lib-catalogue-options\">\n\n<select name=\"idx\" class=\"usj-lib-select\" aria-label=\"Search by\">\n\n<option value=\"kw\">\n    Keyword\n<\/option>\n\n<option value=\"ti\">\n    Title\n<\/option>\n\n<option value=\"au\">\n    Author\n<\/option>\n\n<option value=\"su\">\n    Subject\n<\/option>\n\n<option value=\"nb\">\n    ISBN\n<\/option>\n\n<option value=\"se\">\n    Series\n<\/option>\n\n<option value=\"callnum\">\n    Call Number\n<\/option>\n\n<\/select>\n\n<\/div>\n\n\n<a class=\"usj-lib-loan-link\" href=\"https:\/\/library-opac.usj.edu.mo\/Shibboleth.sso\/Login?target=https:\/\/library-opac.usj.edu.mo\/cgi-bin\/koha\/opac-main.pl\" target=\"_blank\">\n\n    \u2192 Manage My Loans \/ Renew Items\n\n<\/a>\n\n<\/div>\n\n<\/form>\n\n<\/div>\n\n\n\n<!-- MALA HUB -->\n\n<div id=\"usj-mala\" class=\"usj-lib-search-content\" style=\"display:none;\">\n\n<form id=\"usj-mala-form\" method=\"get\" target=\"_blank\" action=\"https:\/\/mala.hosted.exlibrisgroup.com\/primo-explore\/search\" onsubmit=\"return USJLibrary.searchMala();\">\n\n<input type=\"hidden\" name=\"query\" id=\"usj-mala-query\">\n\n<input type=\"hidden\" name=\"tab\" value=\"default_tab\">\n\n<input type=\"hidden\" name=\"search_scope\" value=\"default_scope\">\n\n<input type=\"hidden\" name=\"vid\" value=\"MALA\">\n\n<input type=\"hidden\" name=\"offset\" value=\"0\">\n\n\n<div class=\"usj-lib-search-panel\">\n\n<div class=\"usj-lib-search-panel-inner\">\n\n<div class=\"usj-lib-input-wrap\">\n\n<input type=\"text\" id=\"usj-mala-query-temp\" class=\"usj-lib-input\" placeholder=\"Search MALA resources...\" aria-label=\"Search MALA Hub\" required=\"\">\n\n<\/div>\n\n\n<button class=\"usj-lib-search-button\" type=\"submit\">\n\n    Search MALA\n\n<\/button>\n\n<\/div>\n\n<\/div>\n\n<\/form>\n\n<\/div>\n\n\n<\/div>\n\n<\/section>\n\n<section class=\"usj-lib-section\" aria-labelledby=\"usj-library-services-title\">\n\n\n    <!-- SECTION HEADING -->\n\n    <div class=\"usj-lib-section-heading\">\n\n        <div class=\"usj-lib-service-heading-left\">\n\n            <span class=\"usj-lib-service-eyebrow\">\n                LIBRARY SUPPORT\n            <\/span>\n\n            <h2 id=\"usj-library-services-title\">\n                Library Services\n            <\/h2>\n\n            <p>\n                Resources and support to help you study, write, research, and complete your academic work.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =================================================\n         SERVICE CARDS\n    ================================================== -->\n\n    <div class=\"usj-lib-service-grid\">\n\n  <!-- 1. PREPARE YOUR THESIS-->\n\n        <a href=\"https:\/\/library.usj.edu.mo\/postgraduate-thesis-guidelines\/\" class=\"usj-lib-service-item\" aria-label=\"Prepare your thesis\">\n\n            <div class=\"usj-lib-service-icon\">\n\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                    <!-- book -->\n\n                    <path d=\"M18 25C28 20 39 21 50 28V78C39 71 28 70 18 75V25Z\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linejoin=\"round\"><\/path>\n\n                    <path d=\"M82 25C72 20 61 21 50 28V78C61 71 72 70 82 75V25Z\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linejoin=\"round\"><\/path>\n\n                    <!-- graduation cap -->\n\n                    <path d=\"M22 28L50 16L78 28L50 40L22 28Z\" fill=\"#1e73be\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"><\/path>\n\n                    <path d=\"M67 34V49\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M63 49C63 54 71 54 71 49\" stroke=\"currentColor\" stroke-width=\"3\"><\/path>\n\n                    <path d=\"M67 49L72 56\" stroke=\"#1e73be\" stroke-width=\"3\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"usj-lib-service-title\">\n                Prepare Your Thesis\n            <\/div>\n\n        <\/a>\n\n        <!-- 2. WORKSHOPS -->\n\n        <a href=\"https:\/\/library.usj.edu.mo\/instructions-workshops-training\/\" class=\"usj-lib-service-item\" aria-label=\"Workshops\">\n\n            <div class=\"usj-lib-service-icon\">\n\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                    <!-- people -->\n\n                    <circle cx=\"28\" cy=\"36\" r=\"8\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n\n                    <circle cx=\"50\" cy=\"31\" r=\"9\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n\n                    <circle cx=\"72\" cy=\"36\" r=\"8\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n\n                    <path d=\"M14 67C14 56 20 51 28 51C35 51 40 56 40 67\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M35 67C35 53 41 46 50 46C59 46 65 53 65 67\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M60 67C60 56 65 51 72 51C80 51 86 56 86 67\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n\n                    <!-- presentation -->\n\n                    <path d=\"M20 19H80\" stroke=\"#1e73be\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M20 19V29\" stroke=\"#1e73be\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M80 19V29\" stroke=\"#1e73be\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"usj-lib-service-title\">\n                Workshops\n            <\/div>\n\n        <\/a>\n\n\n        <!-- 3. WRITING -->\n\n        <a href=\"https:\/\/library.usj.edu.mo\/academic-writing\/\" class=\"usj-lib-service-item\" aria-label=\"Writing\">\n\n            <div class=\"usj-lib-service-icon\">\n\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                    <!-- document -->\n\n                    <rect x=\"22\" y=\"17\" width=\"55\" height=\"68\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"4\"><\/rect>\n\n                    <!-- pen -->\n\n                    <path d=\"M58 62L76 44\" stroke=\"#1e73be\" stroke-width=\"7\" stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M55 65L50 71L57 68\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"><\/path>\n\n                    <!-- writing -->\n\n                    <path d=\"M32 72C38 69 43 69 48 67\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><\/path>\n\n                    <path d=\"M32 76H60\" stroke=\"#1e73be\" stroke-width=\"3\" stroke-linecap=\"round\"><\/path>\n\n                    <!-- sparkle -->\n\n                    <path d=\"M33 29L36 35L42 38L36 41L33 47L30 41L24 38L30 35L33 29Z\" fill=\"#1e73be\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"usj-lib-service-title\">\n                Writing Hub\n            <\/div>\n\n        <\/a>\n\n\n        <!-- 4. PRINTING -->\n\n        <a href=\"https:\/\/library.usj.edu.mo\/copy-print-scan\/\" class=\"usj-lib-service-item\" aria-label=\"Printing Service\">\n\n            <div class=\"usj-lib-service-icon\">\n\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                    <!-- paper -->\n\n                    <path d=\"M30 13H63L75 25V52H30V13Z\" fill=\"white\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linejoin=\"round\"><\/path>\n\n                    <path d=\"M63 13V26H75\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linejoin=\"round\"><\/path>\n\n                    <!-- printer -->\n\n                    <rect x=\"18\" y=\"43\" width=\"64\" height=\"31\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"4\"><\/rect>\n\n                    <circle cx=\"28\" cy=\"53\" r=\"3\" fill=\"#1e73be\"><\/circle>\n\n                    <!-- output paper -->\n\n                    <rect x=\"32\" y=\"62\" width=\"37\" height=\"23\" fill=\"white\" stroke=\"currentColor\" stroke-width=\"4\"><\/rect>\n\n                    <path d=\"M38 70H62\" stroke=\"#1e73be\" stroke-width=\"3\"><\/path>\n\n                    <path d=\"M38 77H58\" stroke=\"#1e73be\" stroke-width=\"3\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"usj-lib-service-title\">\n                Printing<br>\n                Service\n            <\/div>\n\n        <\/a>\n\n\n        <!-- 5. SIMILARITY CHECKING -->\n\n        <a href=\"https:\/\/library.usj.edu.mo\/usj-library-similarity-check-service\/\" class=\"usj-lib-service-item\" aria-label=\"Similarity Checking\">\n\n            <div class=\"usj-lib-service-icon\">\n\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                    <!-- documents -->\n\n                    <rect x=\"22\" y=\"18\" width=\"43\" height=\"57\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"4\"><\/rect>\n\n                    <path d=\"M34 34H54\" stroke=\"#1e73be\" stroke-width=\"4\"><\/path>\n\n                    <path d=\"M34 44H54\" stroke=\"#1e73be\" stroke-width=\"4\"><\/path>\n\n                    <path d=\"M34 54H48\" stroke=\"#1e73be\" stroke-width=\"4\"><\/path>\n\n                    <!-- magnifier -->\n\n                    <circle cx=\"65\" cy=\"60\" r=\"17\" fill=\"white\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n\n                    <path d=\"M78 73L89 84\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\"><\/path>\n\n                    <!-- check -->\n\n                    <path d=\"M57 60L63 66L74 53\" stroke=\"#1e73be\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"usj-lib-service-title\">\n                Similarity<br>\n                Checking\n            <\/div>\n\n        <\/a>\n\n\n        <!-- 6. EVENTS -->\n\n<a href=\"https:\/\/library.usj.edu.mo\/news-events\/\" class=\"usj-lib-service-item\" aria-label=\"Events\">\n\n    <div class=\"usj-lib-service-icon\">\n\n        <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n            <!-- Calendar body -->\n\n            <rect x=\"18\" y=\"22\" width=\"64\" height=\"62\" rx=\"7\" fill=\"white\" stroke=\"currentColor\" stroke-width=\"4\">\n            <\/rect>\n\n\n            <!-- Calendar top bar -->\n\n            <path d=\"M18 38H82\" stroke=\"currentColor\" stroke-width=\"4\">\n            <\/path>\n\n\n            <!-- Calendar rings -->\n\n            <path d=\"M32 15V29\" stroke=\"#1e73be\" stroke-width=\"5\" stroke-linecap=\"round\">\n            <\/path>\n\n            <path d=\"M68 15V29\" stroke=\"#1e73be\" stroke-width=\"5\" stroke-linecap=\"round\">\n            <\/path>\n\n\n            <!-- Event dates -->\n\n            <circle cx=\"32\" cy=\"51\" r=\"3.5\" fill=\"#1e73be\">\n            <\/circle>\n\n            <circle cx=\"50\" cy=\"51\" r=\"3.5\" fill=\"#1e73be\">\n            <\/circle>\n\n            <circle cx=\"68\" cy=\"51\" r=\"3.5\" fill=\"#1e73be\">\n            <\/circle>\n\n\n            <circle cx=\"32\" cy=\"67\" r=\"3.5\" fill=\"#1e73be\">\n            <\/circle>\n\n            <circle cx=\"50\" cy=\"67\" r=\"3.5\" fill=\"#1e73be\">\n            <\/circle>\n\n            <circle cx=\"68\" cy=\"67\" r=\"3.5\" fill=\"#1e73be\">\n            <\/circle>\n\n\n            <!-- Highlight \/ event marker -->\n\n            <path d=\"M42 77L48 83L60 71\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <\/path>\n\n        <\/svg>\n\n    <\/div>\n\n    <div class=\"usj-lib-service-title\">\n        Events\n    <\/div>\n\n<\/a>\n\n<\/div><\/section>\n\n<!-- =====================================================\n     QUICK ACTIONS\n===================================================== -->\n\n<section class=\"usj-lib-section\">\n\n<div class=\"usj-lib-section-header\">\n\n<div class=\"usj-lib-section-kicker\">\n    Start Here\n<\/div>\n\n<h2 class=\"usj-lib-section-title\">\n    What do you need?\n<\/h2>\n\n<p class=\"usj-lib-section-subtitle\">\n    Skip the menu. Go directly to the service you need.\n<\/p>\n\n<\/div>\n\n\n\n<div class=\"usj-lib-actions\">\n\n\n<a class=\"usj-lib-action\" href=\"https:\/\/library.usj.edu.mo\/thesis-archives\/\">\n\n<div class=\"usj-lib-action-icon\">\n    \ud83c\udf93\n<\/div>\n\n<h3>\n    Theses &amp; Dissertations\n<\/h3>\n\n<p>\n    Explore graduate research and institutional academic work.\n<\/p>\n\n<span class=\"usj-lib-arrow\">\n    Explore \u2192\n<\/span>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-action\" href=\"https:\/\/library.usj.edu.mo\/student\/\">\n\n<div class=\"usj-lib-action-icon\">\n    \ud83d\udcd6\n<\/div>\n\n<h3>\n    Student Resources\n<\/h3>\n\n<p>\n    Find study guides, academic writing help and learning resources.\n<\/p>\n\n<span class=\"usj-lib-arrow\">\n    Student Guide \u2192\n<\/span>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-action\" href=\"https:\/\/library.usj.edu.mo\/introduction-to-academic-research\/\">\n\n<div class=\"usj-lib-action-icon\">\n    \ud83d\udcca\n<\/div>\n\n<h3>\n    Research Support\n<\/h3>\n\n<p>\n    Discover databases, research tools, citation support and metrics.\n<\/p>\n\n<span class=\"usj-lib-arrow\">\n    Research Tools \u2192\n<\/span>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-action\" href=\"https:\/\/library.usj.edu.mo\/library-directory\/\">\n\n<div class=\"usj-lib-action-icon\">\n    \ud83d\udcac\n<\/div>\n\n<h3>\n    Ask a Librarian\n<\/h3>\n\n<p>\n    Can&#8217;t find it? Get help from the Library team.\n<\/p>\n\n<span class=\"usj-lib-arrow\">\n    Contact Us \u2192\n<\/span>\n\n<\/a>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     STUDENT \/ FACULTY \/ VISITOR\n===================================================== -->\n\n<section class=\"usj-lib-section usj-lib-audience\">\n\n<div class=\"usj-lib-section-header\">\n\n<div class=\"usj-lib-section-kicker\">\n    Quick Guides\n<\/div>\n\n<h2 class=\"usj-lib-section-title\">\n    Made for your role.\n<\/h2>\n\n<\/div>\n\n\n\n<div class=\"usj-lib-audience-grid\">\n\n\n<!-- STUDENT -->\n\n<div class=\"usj-lib-audience-card student\">\n\n<h3>\n    \ud83c\udf93 I&#8217;m a Student\n<\/h3>\n\n<p>\n    Everything you need to find resources,\n    write assignments and complete your research.\n<\/p>\n\n\n<div class=\"usj-lib-link-grid\">\n\n<a href=\"https:\/\/library.usj.edu.mo\/student\/\">\n    Student Guide\n<\/a>\n\n<a href=\"https:\/\/library.usj.edu.mo\/introduction-to-academic-research\/\">\n    Academic Writing\n<\/a>\n\n<a href=\"https:\/\/library.usj.edu.mo\/postgraduate-thesis-guidelines\/\">\n    Theses\n<\/a>\n\n<a href=\"https:\/\/library.usj.edu.mo\/citation-style\/\">\n    Citation Help\n<\/a>\n\n<\/div>\n\n<\/div>\n\n\n\n<!-- FACULTY -->\n\n<div class=\"usj-lib-audience-card faculty\">\n\n<h3>\n    \ud83d\udc69\u200d\ud83c\udfeb I&#8217;m Faculty\n<\/h3>\n\n<p>\n    Research support, scholarly resources,\n    impact tools and teaching assistance.\n<\/p>\n\n\n<div class=\"usj-lib-link-grid\">\n\n<a href=\"https:\/\/library.usj.edu.mo\/staff\/\">\n    Faculty Guide\n<\/a>\n\n<a href=\"https:\/\/library.usj.edu.mo\/scopus\/\">\n    Scopus\n<\/a>\n\n<a href=\"https:\/\/library.usj.edu.mo\/scival\/\">\n    SciVal\n<\/a>\n\n<a href=\"https:\/\/scholar.google.com\/\" target=\"_blank\">\n    Google Scholar\n<\/a>\n\n<a href=\"https:\/\/library.usj.edu.mo\/library-directory\/\">\n    Submit Research\n<\/a>\n\n<a href=\"https:\/\/library.usj.edu.mo\/scholarly-work-usj\/\">\n    Personal Research Profile\n<\/a>\n<\/div>\n\n<\/div>\n\n<!-- =====================================================\n     VISITOR\n===================================================== -->\n\n<div class=\"usj-lib-audience-card visitor\">\n\n    <h3>\n        \ud83d\udc4b I&#8217;m a Visitor\n    <\/h3>\n\n    <p>\n        Discover the Library, explore our events,\n        find useful information and get in touch with our team.\n    <\/p>\n\n\n    <div class=\"usj-lib-link-grid\">\n\n        <a href=\"https:\/\/library.usj.edu.mo\/library-visitors-registration\/\">\n            Book Your Visit\n        <\/a>\n\n        <a href=\"https:\/\/library.usj.edu.mo\/past-events\/\">\n            Library Events\n        <\/a>\n\n        <a href=\"https:\/\/library.usj.edu.mo\/libraries-spaces\/direction-parking\/\">\n            Direction &amp; Parking\n        <\/a>\n\n        <a href=\"https:\/\/library.usj.edu.mo\/library-directory\/\">\n            Contact Library\n        <\/a>\n<a href=\"https:\/\/library.usj.edu.mo\/guest-readers-and-walk-in-users\/\">\nGuest Readership Program\n<\/a>\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     RESEARCH TOOLS\n===================================================== -->\n\n<section class=\"usj-lib-section\">\n\n<div class=\"usj-lib-section-header\">\n\n<div class=\"usj-lib-section-kicker\">\n    Popular Tools\n<\/div>\n\n<h2 class=\"usj-lib-section-title\">\n    Research, writing &amp; discovery\n<\/h2>\n\n<p class=\"usj-lib-section-subtitle\">\n    Useful tools for your next paper, project or research question.\n<\/p>\n\n<\/div>\n\n\n\n<div class=\"usj-lib-tools\">\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/library.usj.edu.mo\/grammarly\/\">\n\n<div class=\"usj-lib-tool-name\">\n    Grammarly\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Writing, grammar and clarity support.\n<\/div>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/library.usj.edu.mo\/zotero\/\">\n\n<div class=\"usj-lib-tool-name\">\n    Zotero\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Organize references and create citations.\n<\/div>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/scholar.google.com\/\" target=\"_blank\">\n\n<div class=\"usj-lib-tool-name\">\n    Google Scholar\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Search scholarly literature across disciplines.\n<\/div>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/library.usj.edu.mo\/scival\/\">\n\n<div class=\"usj-lib-tool-name\">\n    SciVal\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Explore research performance and impact.\n<\/div>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/library.usj.edu.mo\/scopus\/\">\n\n<div class=\"usj-lib-tool-name\">\n    Scopus\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Discover scholarly literature and citations.\n<\/div>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/mala.hosted.exlibrisgroup.com\/primo-explore\/search?vid=MALA\" target=\"_blank\">\n\n<div class=\"usj-lib-tool-name\">\n    MALA Hub\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Access resources across Macao academic libraries.\n<\/div>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/library.usj.edu.mo\/thesis-archives\/\">\n\n<div class=\"usj-lib-tool-name\">\n    Global Theses &amp; Dissertations\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Explore graduate-level academic research.\n<\/div>\n\n<\/a>\n\n\n\n<a class=\"usj-lib-tool\" href=\"https:\/\/library.usj.edu.mo\/find-borrow\/newspaper\/\">\n\n<div class=\"usj-lib-tool-name\">\n    Newspapers &amp; Magazines\n<\/div>\n\n<div class=\"usj-lib-tool-desc\">\n    Browse current and historical publications.\n<\/div>\n\n<\/a>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     SPOTLIGHT\n===================================================== -->\n\n<section class=\"usj-lib-section\">\n\n<div class=\"usj-lib-spotlight\">\n\n<div>\n\n<h2 style=\"color:white;\">\n    New to USJ?\n<\/h2>\n\n<p>\n    Get to know your Library in a few minutes.\n    Find out where to search, borrow, study and get help.\n<\/p>\n\n<\/div>\n\n\n<a class=\"usj-lib-white-button\" href=\"https:\/\/library.usj.edu.mo\/start-with-your-library\/\" style=\"color: orange;font-weight:bold;\">\n\n    Get to Know the Library \u2192\n\n<\/a>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     OPENING HOURS\n===================================================== -->\n\n<section class=\"usj-lib-section\">\n\n<div class=\"usj-lib-section-header\">\n\n<div class=\"usj-lib-section-kicker\">\n    Visit Us\n<\/div>\n\n<h2 class=\"usj-lib-section-title\">\n    Library hours\n<\/h2>\n\n<\/div>\n\n\n\n<div class=\"usj-lib-hours\">\n\n\n<div class=\"usj-lib-hours-card\">\n\n<h3>\n    \ud83d\udccd Lo&#8217;s Library \u2014 Ilha Verde Campus\n<\/h3>\n\n\n<div class=\"usj-lib-hours-row\">\n\n<span class=\"usj-lib-hours-label\">\n    Monday \u2013 Friday\n<\/span>\n\n<span class=\"usj-lib-hours-value\">\n    Book Collection &amp; Front Desk: <br>09:00 \u2013 19:00<br>\n    Printing &amp; Self-study Area: 08:30 \u2013 22:30\n<\/span>\n\n<\/div>\n\n\n<div class=\"usj-lib-hours-row\">\n\n<span class=\"usj-lib-hours-label\">\n    Saturday\n<\/span>\n\n<span class=\"usj-lib-hours-value\">\n    Printing &amp; Self-study Area: 08:30 \u2013 22:30\n<\/span>\n\n<\/div>\n\n\n<div class=\"usj-lib-hours-row\">\n\n<span class=\"usj-lib-hours-label\">\n  All services are closed on weekends and public holidays\n<\/span>\n\n<span class=\"usj-lib-hours-value\">\n    \n<\/span>\n\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"usj-lib-hours-card\">\n\n<h3>\n    \ud83d\udccd Saint Joseph Seminary Library\n<\/h3>\n\n\n<div class=\"usj-lib-hours-row\">\n\n<span class=\"usj-lib-hours-label\">\n    Monday \u2013 Friday\n<\/span>\n\n<div class=\"usj-lib-hours-row\">\n<span class=\"usj-lib-hours-value\">\n    09:00 \u2013 19:00\n<\/span>\n\n<\/div>\n\n\n<div class=\"usj-lib-hours-row\">\n\n<span class=\"usj-lib-hours-label\">\n    All services are closed on weekends and public holidays\n<\/span>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     HELP\n===================================================== -->\n\n<section class=\"usj-lib-help\">\n\n<h2>\n    Still can&#8217;t find what you need?\n<\/h2>\n\n<p>\n    That&#8217;s what librarians are here for.\n    Ask us about research, databases, citations,\n    library resources or anything else.\n<\/p>\n\n\n<div class=\"usj-lib-help-buttons\">\n\n<a class=\"usj-lib-help-button\" href=\"https:\/\/library.usj.edu.mo\/library-directory\/\">\n\n    Ask a Librarian\n\n<\/a>\n\n\n<a class=\"usj-lib-help-button secondary\" href=\"https:\/\/library.usj.edu.mo\/get-help-support\/undergraduate-research-guide\/\">\n\n    Browse Library Guides\n\n<\/a>\n\n<\/div>\n\n<\/section>\n\n\n\n<\/div>\n\n\n\n<!-- =========================================================\n     REQUIRED USJ LIBRARY SEARCH ENGINE SCRIPT\n========================================================= -->\n\n<script src=\"https:\/\/library.usj.edu.mo\/script.js\"><\/script>\n\n\n<script>\n\n\/* =========================================================\n   USJ LIBRARY SEARCH ENGINE\n   Namespaced to prevent WordPress\/plugin conflicts\n========================================================= *\/\n\nwindow.USJLibrary = {\n\n    openSearch: function(event, targetID) {\n\n        var contents =\n            document.querySelectorAll(\n                \".usj-lib-search-content\"\n            );\n\n        var tabs =\n            document.querySelectorAll(\n                \".usj-lib-tab\"\n            );\n\n        contents.forEach(function(content) {\n            content.style.display = \"none\";\n        });\n\n        tabs.forEach(function(tab) {\n            tab.classList.remove(\"active\");\n        });\n\n        document.getElementById(targetID)\n            .style.display = \"block\";\n\n        event.currentTarget\n            .classList.add(\"active\");\n    },\n\n\n    searchPrimo: function() {\n\n        var query =\n            document.getElementById(\n                \"usj-primo-query-temp\"\n            ).value.trim();\n\n        if (!query) {\n            return false;\n        }\n\n        document.getElementById(\n            \"usj-primo-query\"\n        ).value =\n            \"any,contains,\" + query;\n\n        return true;\n    },\n\n\n    searchMala: function() {\n\n        var query =\n            document.getElementById(\n                \"usj-mala-query-temp\"\n            ).value.trim();\n\n        if (!query) {\n            return false;\n        }\n\n        document.getElementById(\n            \"usj-mala-query\"\n        ).value =\n            \"any,contains,\" + query;\n\n        return true;\n    }\n\n};\n\n<\/script>\n\n\n\n<!-- =========================================================\n     USJ LIBRARY \u2014 RANDOM DYNAMIC EVENT POPUP WITH MINIMIZE\n     RESPONSIVE DESKTOP \/ TABLET \/ MOBILE\n     ========================================================= -->\n\n\n\n\n<!-- =========================================================\n     POPUP MAIN DIALOG (DYNAMICALLY POPULATED)\n     ========================================================= -->\n\n<div id=\"usjWanfangPopup\" class=\"usj-event-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"usjWanfangTitle\" aria-hidden=\"true\">\n\n    <div class=\"usj-event-popup-box\">\n\n        <!-- CLOSE -->\n        <button type=\"button\" class=\"usj-event-popup-close\" id=\"usjWanfangClose\" aria-label=\"Close event announcement\">\n            \u00d7\n        <\/button>\n\n        <!-- POSTER -->\n        <div class=\"usj-event-popup-poster\">\n            <img decoding=\"async\" id=\"usjPopupPoster\" src=\"\" alt=\"Event Poster\">\n        <\/div>\n\n        <!-- EVENT INFORMATION -->\n        <div class=\"usj-event-popup-info\">\n\n            <div id=\"usjPopupLabel\" class=\"usj-event-popup-label\">\n                \ud83c\udf81 New Event\n            <\/div>\n\n            <h2 id=\"usjWanfangTitle\">\n                <!-- Title Injected via JS -->\n            <\/h2>\n\n            <p id=\"usjPopupSubtitle\" class=\"usj-event-popup-subtitle\">\n                <!-- Subtitle Injected via JS -->\n            <\/p>\n\n            <!-- EVENT DETAILS (META GRID) -->\n            <div id=\"usjPopupMeta\" class=\"usj-event-meta\">\n                <!-- Meta Items Injected via JS -->\n            <\/div>\n\n            <!-- PRIZES \/ HIGHLIGHT BOX -->\n            <div id=\"usjPopupHighlight\" class=\"usj-event-highlight\">\n                <strong id=\"usjPopupHighlightTitle\"><\/strong>\n                <span id=\"usjPopupHighlightText\"><\/span>\n            <\/div>\n\n            <!-- HOW TO PARTICIPATE -->\n            <div id=\"usjPopupHowto\" class=\"usj-event-howto\">\n                <div id=\"usjPopupHowtoTitle\" class=\"usj-event-howto-title\">\n                    \u5982\u4f55\u53c3\u52a0\u6d3b\u52d5\uff1f How to Participate\uff1f\n                <\/div>\n\n                <ol id=\"usjPopupSteps\" class=\"usj-event-steps\">\n                    <!-- Steps Injected via JS -->\n                <\/ol>\n            <\/div>\n\n            <!-- CTA ACTIONS -->\n            <div class=\"usj-event-actions\">\n                <a id=\"usjPopupPrimaryBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\" class=\"usj-event-btn usj-event-btn-primary\">\n                    \ud83d\udc46 \u9ede\u64ca\u53c3\u52a0\u6d3b\u52d5 \/ Join Quiz\n                <\/a>\n\n                <button type=\"button\" id=\"usjWanfangClose2\" class=\"usj-event-btn usj-event-btn-secondary\">\n                    \u7e7c\u7e8c\u524d\u5f80\u5716\u66f8\u9928\u7db2\u7ad9 Continue to Library\n                <\/button>\n            <\/div>\n\n            <div id=\"usjPopupFootnote\" class=\"usj-event-footnote\">\n                \u5982\u6709\u7591\u554f\uff0c\u6b61\u8fce\u6d3d\u8a62\u5716\u66f8\u9928\u8b80\u8005\u670d\u52d9\u90e8\u3002 <br> For inquiries, please contact the Library Services.\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     FLOATING MINI TRIGGER (\u7e2e\u5716\/\u61f8\u6d6e\u6309\u9215)\n     ========================================================= -->\n\n<div id=\"usjWanfangFloatBtn\" class=\"usj-event-float-btn\" role=\"button\" aria-label=\"Open event details\">\n    <div class=\"usj-event-float-thumb\">\n        <img decoding=\"async\" id=\"usjFloatThumb\" src=\"\" alt=\"Event Mini Banner\">\n    <\/div>\n    <div class=\"usj-event-float-text\">\n        <span id=\"usjFloatTitle\" class=\"title\">\ud83c\udf81 Event Announcement<\/span>\n        <span id=\"usjFloatBadge\" class=\"badge\">Click to view event<\/span>\n    <\/div>\n<\/div>\n\n\n<!-- =========================================================\n     JAVASCRIPT (DYNAMIC RANDOMIZER & DECK CYCLING)\n     ========================================================= -->\n\n<script>\n(function () {\n    \/* =====================================================\n       1. RANDOM EVENTS DATABASE (\u53ef\u81ea\u7531\u4fee\u6539\u6216\u65b0\u589e\u5361\u7247)\n       ===================================================== *\/\n    var popupEvents = [\n        {\n            poster: \"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/09\/2026-Macau-PQ-Quiz-Banner-CN-scaled.jpeg\",\n            floatThumb: \"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/09\/2026-Macau-PQ-Quiz-Banner-CN-scaled.jpeg\",\n            floatTitle: \"\ud83c\udf81 ProQuest Online Quiz\",\n            floatBadge: \"Click to view event\",\n            label: \"\ud83c\udf81 New Event\",\n            title: \"2026 ProQuest \u6578\u64da\u5eab<br>\u7dda\u4e0a\u6709\u734e\u5fb5\u7b54\u6d3b\u52d5 <br><span style='font-size:20px; opacity:0.85;'>2026 ProQuest Online Quiz Event<\/span>\",\n            subtitle: \"\u53c3\u52a0 2026 ProQuest \u7dda\u4e0a\u6709\u734e\u5fb5\u7b54\u6d3b\u52d5\uff0c\u4e00\u8d77\u6df1\u5165\u4e86\u89e3 ProQuest \u6578\u64da\u5eab\u8cc7\u6e90\uff0c\u9084\u6709\u6a5f\u6703\u8d0f\u53d6\u8c50\u5bcc\u5927\u734e\uff01<br>Join the 2026 ProQuest Online Quiz. Let\u2019s explore ProQuest resources together and win great rewards!\",\n            meta: [\n                { icon: \"\ud83d\udcc5\", label: \"\u6d3b\u52d5\u65e5\u671f Event Period\", value: \"\u5373\u65e5\u8d77\u81f310\u670831\u65e5\u6b62 <br>From now until October 31, 2026\" },\n                { icon: \"\ud83c\udf93\", label: \"\u6d3b\u52d5\u5c0d\u8c61 Participants\", value: \"\u8056\u82e5\u745f\u5927\u5b78\u5168\u9ad4\u5e2b\u751f\u8207\u540c\u4ec1<br>All faculty, students, and staff of USJ\" },\n                { icon: \"\ud83c\udfdb\ufe0f\", label: \"\u4e3b\u8fa6\u55ae\u4f4d Organiser\", value: \"ProQuest \/ Clarivate\" }\n            ],\n            highlight: {\n                title: \"\ud83c\udf81 \u8c50\u5bcc\u734e\u54c1 Exciting Prizes\",\n                text: \"\u4e00\u7b49\u734e 1 \u540d\uff1a\u7b4b\u819c\u69cd (Massage Gun)<br>\u4e8c\u7b49\u734e 3 \u540d\uff1a\u900f\u660e\u85cd\u7259\u6ed1\u9f20 (Transparent Bluetooth Mouse)<br>\u4e09\u7b49\u734e 4 \u540d\uff1a\u675c\u90a6\u7d19\u55ae\u80a9\u80cc\u5305 (Tyvek\u00ae Shoulder Bag)<br>\u56db\u7b49\u734e 5 \u540d\uff1aType-C \u624b\u6a5f\u5145\u96fb\u7dda (Type-C Cable)<br>\u4e94\u7b49\u734e 10 \u540d\uff1a\u7d19\u5dfe\u76d2 (Tissue Box)\"\n            },\n            howtoTitle: \"\u5982\u4f55\u53c3\u52a0\u6d3b\u52d5\uff1f How to Participate\uff1f\",\n            steps: [\n                \"<span>\u8a2a\u554f ProQuest \u5e73\u53f0\uff1awww.proquest.com <br> Access the platform: www.proquest.com<\/span>\",\n                \"<span>\u7b54\u984c\u8207\u63d0\u4ea4\uff1a\u6839\u64da\u554f\u984c\u4e0a\u50b3\u7b26\u5408\u984c\u76ee\u7684\u6709\u6548\u6587\u6a94\u6216\u5716\u7247\u3002\u6709\u6548\u63d0\u4ea4\u7b54\u6848\u8d8a\u591a\uff0c\u5f97\u5206\u8d8a\u9ad8\uff01 <br> Answer & Submit: Upload valid documents or images matching the questions.<\/span>\",\n                \"<span>\u586b\u5beb\u8cc7\u6599\uff1a\u8acb\u586b\u5beb\u500b\u4eba\u806f\u7d61\u8cc7\u6599\uff08\u8acb\u52d9\u5fc5\u4f7f\u7528\u5b78\u6821 Email\uff09\uff0c\u5373\u53ef\u53c3\u52a0\u62bd\u734e\uff01 <br> Contact Info: Fill in details using university email to participate.<\/span>\"\n            ],\n            primaryBtnText: \"\ud83d\udc46 \u9ede\u64ca\u53c3\u52a0\u554f\u7b54\u6d3b\u52d5 Click to Join Quiz\",\n            primaryBtnLink: \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSc1vXxdBPA5Ytnw1zladnCSiudgmYCxV2TmbNfrCMIxIgRqiQ\/viewform\",\n            footnote: \"\u5982\u6709\u7591\u554f\uff0c\u6b61\u8fce\u6d3d\u8a62\u5716\u66f8\u9928\u8b80\u8005\u670d\u52d9\u90e8\u3002 <br> For inquiries, please contact the Library Services.\"\n        },\n        {\n            poster: \"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/09\/website-Banner-1.png\",\n            floatThumb: \"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/09\/website-Banner-1.png\",\n            floatTitle: \"\ud83c\udf81 \u842c\u82b3\u958b\u5b78\u79ae\u904a\u6232\",\n            floatBadge: \"Click to join event\",\n            label: \"\ud83c\udf81 Limited Event\",\n            title: \"2026 \u300c\u842c\u82b3\u958b\u5b78\u79ae\u300d<br>\u6709\u734e\u554f\u7b54\u904a\u6232 <br><span style='font-size:20px; opacity:0.85;'>2026 WanFang Online Quiz<\/span>\",\n            subtitle: \"\u3010\u6fb3\u9580\u9ad8\u6821\u5e2b\u751f\u9650\u5b9a\u3011\u53c3\u52a0\u842c\u82b3\u958b\u5b78\u79ae\u6709\u734e\u554f\u7b54\u904a\u6232\uff0c\u586b\u5beb\u8cc7\u6599\u4e26\u5b8c\u6210\u7b54\u984c\u5373\u53ef\u53c3\u8207\u62bd\u734e\uff01<br>Exclusive for Macau university members! Complete the quiz to enter the draw.\",\n            meta: [\n                { icon: \"\ud83d\udcc5\", label: \"\u6d3b\u52d5\u622a\u6b62\u65e5\u671f Deadline\", value: \"2026 \u5e74 10 \u6708 31 \u65e5\u6b62 <br>Until October 31, 2026\" },\n                { icon: \"\ud83c\udf93\", label: \"\u6d3b\u52d5\u5c0d\u8c61 Eligibility\", value: \"\u6fb3\u9580\u9ad8\u6821\u5168\u9ad4\u5e2b\u751f\u9650\u5b9a <br>Macau Higher Education Staff & Students\" }\n            ],\n            highlight: {\n                title: \"\ud83d\udca1 \u7b54\u984c\u5c0f\u6487\u6b65 Quiz Tip\",\n                text: \"\u984c\u76ee\u53ef\u91cd\u8907\u5617\u8a66\u81f3\u5168\u5c0d\u70ba\u6b62\uff0c\u8acb\u52d9\u5fc5\u586b\u5beb\u771f\u5be6\u8cc7\u6599\u4ee5\u5229\u4e2d\u734e\u901a\u77e5\uff01<br>You can retry questions until all are correct.\"\n            },\n            howtoTitle: \"\u5982\u4f55\u53c3\u52a0\u904a\u6232\uff1f How to Join\uff1f\",\n            steps: [\n                \"<span>\u9ede\u64ca\u4e0b\u65b9\u6309\u9215\u524d\u5f80\u842c\u82b3\u6d3b\u52d5\u5c08\u9801\u3002 <br> Click the button below to visit the event page.<\/span>\",\n                \"<span>\u586b\u5beb\u500b\u4eba\u806f\u7e6b\u8cc7\u6599\u4e26\u958b\u59cb\u7b54\u984c\u3002 <br> Fill in your contact info and answer questions.<\/span>\",\n                \"<span>\u9001\u51fa\u7b54\u6848\uff0c\u7b49\u5f85\u62bd\u734e\u7d50\u679c\uff01 <br> Submit your answers and wait for the results!<\/span>\"\n            ],\n            primaryBtnText: \"\ud83d\udc49 \u9ede\u6211\u7acb\u5373\u53c3\u52a0\u6d3b\u52d5 Join WanFang Quiz\",\n            primaryBtnLink: \"https:\/\/library.usj.edu.mo\/%f0%9f%93%a2%e3%80%90%e6%be%b3%e9%96%80%e9%ab%98%e6%a0%a1%e5%b8%ab%e7%94%9f%e9%99%90%e5%ae%9a%e3%80%912026-%e8%90%ac%e6%96%b9%e9%96%8b%e5%ad%b8%e7%a6%ae%e6%9c%89%e7%8d%8e%e5%95%8f%e7%ad%94%e6%b4%bb\/\",\n            footnote: \"\u5982\u6709\u7591\u554f\uff0c\u6b61\u8fce\u6d3d\u8a62\u5716\u66f8\u9928\u8b80\u8005\u670d\u52d9\u90e8\u3002 <br> For inquiries, please contact the Library Services.\"\n        },\n        {\n            poster: \"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/09\/website-Banner-2.png\",\n            floatThumb: \"https:\/\/images.unsplash.com\/photo-1532094349884-543bc11b234d?auto=format&fit=crop&w=200&q=80\",\n            floatTitle: \"\u26a1 \u8cc7\u6599\u5eab\u73fe\u6b63\u8a66\u7528\",\n            floatBadge: \"Click to view trials\",\n            label: \"\u26a1 Database Trials\",\n            title: \"JoVE & \u6f22\u8a9e\u57fa\u7763\u6559\u8cc7\u6599\u5eab<br>\u73fe\u6b63\u958b\u653e\u8a66\u7528\u4e2d <br><span style='font-size:20px; opacity:0.85;'>New Database Trials Available<\/span>\",\n            subtitle: \"\u514d\u8cbb\u9ad4\u9a57 JoVE \u5168\u7cfb\u5217\u79d1\u5b78\u8207\u5546\u5b78\u5be6\u9a57\u5f71\u97f3\uff0c\u4ee5\u53ca\u5168\u7403\u898f\u6a21\u6700\u5927\u7684\u6f22\u8a9e\u57fa\u7763\u6559\u7814\u7a76\u7d9c\u5408\u8cc7\u6599\u5eab\u3002<br>Explore cutting-edge video journals and the premier Sinology resource.\",\n            meta: [\n                { icon: \"\ud83c\udfeb\", label: \"\u5b58\u53d6\u6b0a\u9650 Access Scope\", value: \"\u50c5\u9650\u6821\u5167\u7db2\u8def IP \u76f4\u9023 <br>Strictly On Campus Network Only\" },\n                { icon: \"\u23f3\", label: \"\u8a66\u7528\u671f\u9650 Trial Period\", value: \"JoVE: Nov 3 \u2013 Dec 4 | \u6f22\u8a9e\u57fa\u7763\u6559: \u5373\u65e5\u8d77 \u2013 Dec 14\" }\n            ],\n            highlight: {\n                title: \"\ud83d\udcdd \u60a8\u7684\u610f\u898b\u975e\u5e38\u91cd\u8981 Your Feedback Counts\",\n                text: \"\u8a66\u7528\u671f\u9593\u7684\u4f7f\u7528\u91cf\u8207\u610f\u898b\u56de\u994b\u5c07\u4f5c\u70ba\u5716\u66f8\u9928\u63a1\u8cfc\u8a55\u4f30\u4f9d\u64da\uff01<br>Your feedback determines our future subscription priority.\"\n            },\n            howtoTitle: \"\u5982\u4f55\u5b58\u53d6\u8a66\u7528\uff1f How to Access\uff1f\",\n            steps: [\n                \"<span>\u9023\u63a5\u81f3\u8056\u5927\u6821\u5712 Wi-Fi \u6216\u684c\u9762\u7db2\u7d61\u3002 <br> Connect to USJ Campus Network.<\/span>\",\n                \"<span>\u9ede\u64ca\u4e0b\u65b9\u6309\u9215\u5b58\u53d6\u8a66\u7528\u8cc7\u6599\u5eab\u9801\u9762\u3002 <br> Visit the Database Trials page below.<\/span>\",\n                \"<span>\u958b\u59cb\u6aa2\u7d22\u4e26\u5411\u5716\u66f8\u9928\u63d0\u4ea4\u8a66\u7528\u610f\u898b\uff01 <br> Explore search tools and submit feedback!<\/span>\"\n            ],\n            primaryBtnText: \"\ud83d\udd0d \u67e5\u770b\u8a66\u7528\u8cc7\u6599\u5eab\u5c08\u9801 View Database Trials\",\n            primaryBtnLink: \"https:\/\/library.usj.edu.mo\/databases-trials\/\",\n            footnote: \"\u5982\u6709\u7591\u554f\uff0c\u6b61\u8fce\u6d3d\u8a62\u5716\u66f8\u9928\u8b80\u8005\u670d\u52d9\u90e8\u3002 <br> For inquiries, please contact the Library Services.\"\n        }\n    ];\n\n    \/* =====================================================\n       2. NON-REPEATING DECK CYCLING ALGORITHM\n       ===================================================== *\/\n    var DECK_KEY = 'usj_popup_event_deck';\n    var deck = [];\n\n    try {\n        var storedDeck = sessionStorage.getItem(DECK_KEY);\n        if (storedDeck) deck = JSON.parse(storedDeck);\n    } catch (e) { deck = []; }\n\n    if (!Array.isArray(deck) || deck.length === 0) {\n        deck = [];\n        for (var i = 0; i < popupEvents.length; i++) {\n            deck.push(i);\n        }\n        \/\/ Fisher-Yates Shuffle\n        for (var j = deck.length - 1; j > 0; j--) {\n            var k = Math.floor(Math.random() * (j + 1));\n            var temp = deck[j];\n            deck[j] = deck[k];\n            deck[k] = temp;\n        }\n    }\n\n    var selectedIndex = deck.pop();\n    try {\n        sessionStorage.setItem(DECK_KEY, JSON.stringify(deck));\n    } catch (e) {}\n\n    var activeData = popupEvents[selectedIndex] || popupEvents[0];\n\n    \/* =====================================================\n       3. DYNAMIC DOM POPULATION\n       ===================================================== *\/\n    \/\/ Poster & Floating Button Elements\n    document.getElementById(\"usjPopupPoster\").src = activeData.poster;\n    document.getElementById(\"usjFloatThumb\").src = activeData.floatThumb || activeData.poster;\n    document.getElementById(\"usjFloatTitle\").innerHTML = activeData.floatTitle;\n    document.getElementById(\"usjFloatBadge\").innerHTML = activeData.floatBadge;\n\n    \/\/ Header Info\n    document.getElementById(\"usjPopupLabel\").innerHTML = activeData.label;\n    document.getElementById(\"usjWanfangTitle\").innerHTML = activeData.title;\n    document.getElementById(\"usjPopupSubtitle\").innerHTML = activeData.subtitle;\n\n    \/\/ Meta Grid Items\n    var metaContainer = document.getElementById(\"usjPopupMeta\");\n    if (metaContainer && Array.isArray(activeData.meta)) {\n        var metaHTML = \"\";\n        activeData.meta.forEach(function (m) {\n            metaHTML += \n                '<div class=\"usj-event-meta-item\">' +\n                    '<div class=\"usj-event-meta-icon\">' + m.icon + '<\/div>' +\n                    '<div class=\"usj-event-meta-text\">' +\n                        '<span class=\"usj-event-meta-label\">' + m.label + '<\/span>' +\n                        '<span class=\"usj-event-meta-value\">' + m.value + '<\/span>' +\n                    '<\/div>' +\n                '<\/div>';\n        });\n        metaContainer.innerHTML = metaHTML;\n    }\n\n    \/\/ Highlight Box\n    var highlightBox = document.getElementById(\"usjPopupHighlight\");\n    if (activeData.highlight) {\n        highlightBox.style.display = \"block\";\n        document.getElementById(\"usjPopupHighlightTitle\").innerHTML = activeData.highlight.title;\n        document.getElementById(\"usjPopupHighlightText\").innerHTML = activeData.highlight.text;\n    } else {\n        highlightBox.style.display = \"none\";\n    }\n\n    \/\/ How-to & Steps\n    var howtoBox = document.getElementById(\"usjPopupHowto\");\n    if (activeData.steps && activeData.steps.length > 0) {\n        howtoBox.style.display = \"block\";\n        document.getElementById(\"usjPopupHowtoTitle\").innerHTML = activeData.howtoTitle || \"How to Participate?\";\n        var stepsList = document.getElementById(\"usjPopupSteps\");\n        var stepsHTML = \"\";\n        activeData.steps.forEach(function (stepText, idx) {\n            stepsHTML += \n                '<li>' +\n                    '<span class=\"usj-event-step-number\">' + (idx + 1) + '<\/span>' +\n                    stepText +\n                '<\/li>';\n        });\n        stepsList.innerHTML = stepsHTML;\n    } else {\n        howtoBox.style.display = \"none\";\n    }\n\n    \/\/ Buttons & Footnote\n    var primaryBtn = document.getElementById(\"usjPopupPrimaryBtn\");\n    primaryBtn.innerHTML = activeData.primaryBtnText;\n    primaryBtn.href = activeData.primaryBtnLink;\n    document.getElementById(\"usjPopupFootnote\").innerHTML = activeData.footnote;\n\n\n    \/* =====================================================\n       4. SHOW \/ HIDE \/ MINIMIZE INTERACTION LOGIC\n       ===================================================== *\/\n    const popup = document.getElementById(\"usjWanfangPopup\");\n    const closeButton = document.getElementById(\"usjWanfangClose\");\n    const closeButton2 = document.getElementById(\"usjWanfangClose2\");\n    const floatBtn = document.getElementById(\"usjWanfangFloatBtn\");\n\n    if (!popup || !floatBtn) return;\n\n    function showPopup() {\n        popup.classList.add(\"is-visible\");\n        popup.setAttribute(\"aria-hidden\", \"false\");\n        document.body.style.overflow = \"hidden\";\n\n        \/\/ \u96b1\u85cf\u5de6\u4e0b\u89d2\u61f8\u6d6e\u7e2e\u5716\u6309\u9215\n        floatBtn.classList.remove(\"is-active\");\n\n        setTimeout(function () {\n            if (closeButton) closeButton.focus();\n        }, 300);\n    }\n\n    function closePopup() {\n        popup.classList.remove(\"is-visible\");\n        popup.setAttribute(\"aria-hidden\", \"true\");\n        document.body.style.overflow = \"\";\n\n        \/\/ \u6700\u5c0f\u5316\uff1a\u986f\u793a\u5de6\u4e0b\u89d2\u61f8\u6d6e\u7e2e\u5716\u6309\u9215\n        floatBtn.classList.add(\"is-active\");\n    }\n\n    if (closeButton) closeButton.addEventListener(\"click\", closePopup);\n    if (closeButton2) closeButton2.addEventListener(\"click\", closePopup);\n    if (floatBtn) floatBtn.addEventListener(\"click\", showPopup);\n\n    \/\/ \u9ede\u64ca\u906e\u7f69\u7a7a\u767d\u8655\u95dc\u9589\n    popup.addEventListener(\"click\", function (event) {\n        if (event.target === popup) closePopup();\n    });\n\n    \/\/ \u6309 Escape \u9375\u95dc\u9589\n    document.addEventListener(\"keydown\", function (event) {\n        if (event.key === \"Escape\" && popup.classList.contains(\"is-visible\")) {\n            closePopup();\n        }\n    });\n\n    \/* \u81ea\u52d5\u555f\u52d5\uff1a\u9032\u5165\u9801\u9762\u5ef6\u9072 500ms \u5f48\u51fa *\/\n    window.addEventListener(\"load\", function () {\n        setTimeout(showPopup, 500);\n    });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<style class=\"advgb-styles-renderer\">\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n.usj-lib-home {\n    --usj-blue: #386983;\n    --usj-blue-dark: #144b7c;\n    --usj-blue-light: #4A8BAD;\n    --usj-navy: #264758;\n    --usj-text: #243447;\n    --usj-muted: #687789;\n    --usj-border: #dfe7ef;\n    --usj-bg: #f7f9fc;\n    --usj-white: #ffffff;\n    --usj-yellow: #edab50;\n    --usj-grey: #EAEFF2;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Helvetica,\n        Arial,\n        sans-serif;\n\n    color: var(--usj-text);\n    background: #fff;\n\n    max-width: 1440px;\n    margin: 0 auto;\n\n    line-height: 1.55;\n}\n\n.usj-lib-home *,\n.usj-lib-home *::before,\n.usj-lib-home *::after {\n    box-sizing: border-box;\n}\n\n.usj-lib-home a {\n    color: inherit;\n}\n\n\n\/* =========================================================\n   TOP WELCOME BAR\n========================================================= *\/\n\n.usj-lib-topbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    padding: 10px 24px;\n\n    background: var(--usj-navy);\n    color: white;\n\n    font-size: 13px;\n}\n\n.usj-lib-topbar a {\n    color: white;\n    text-decoration: none;\n    margin-left: 18px;\n    opacity: .92;\n}\n\n.usj-lib-topbar a:hover {\n    opacity: 1;\n    text-decoration: underline;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.usj-lib-hero {\n    position: relative;\n    overflow: hidden;\n\n    min-height: 380px;\n    padding: 70px 45px;\n\n    width:100vw;\n    max-width:none;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n    margin-top:-5vw;\n    display: flex;\n    align-items: center;\n\n    border-radius: 0 0 28px 28px;\n\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,1) 0%,\n            rgba(0,0,0,1) 0%,\n            rgba(0,0,0,.60) 0%\n        ),\n        url(\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2025\/01\/SK__7118-scaled.jpg\");\n\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n\n    color: #ffffff;\n}\n\n.usj-lib-hero::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 420px;\n    height: 420px;\n\n    border-radius: 50%;\n\n    background: rgba(30,115,190,.07);\n    \n    right: -120px;\n    top: -160px;\n\n}\n\n\n.usj-lib-hero-content {\n\n    max-width: 1440px;\n\n    margin: 0 auto;\n\n    text-align: center;\n\n    position: relative;\n\n    z-index: 2;\n}\n\n\n.usj-lib-eyebrow {\n\n    display: inline-block;\n\n    color: white;\n\n    font-weight: 700;\n\n    font-size: 14px;\n\n    letter-spacing: .08em;\n\n    text-transform: uppercase;\n\n    margin-bottom: 14px;\n}\n\n\n.usj-lib-hero h1 {\n\n    margin: 0;\n\n    font-size: clamp(38px, 5vw, 64px);\n\n    line-height: 1.05;\n\n    color: var(--usj-grey);\n\n    letter-spacing: -.03em;\n}\n\n\n.usj-lib-hero h1 span {\n    color: var(--usj-yellow);\n}\n\n\n.usj-lib-hero p {\n\n    max-width: 700px;\n\n    margin: 20px auto 0;\n\n    color: var(--usj-grey);\n\n    font-size: 18px;\n}\n\n\n\/* =========================================================\n   SEARCH AREA\n========================================================= *\/\n\n.usj-lib-search-section {\n\n    max-width: 1120px;\n\n    margin: -35px auto 0;\n\n    padding: 0 24px;\n\n    position: relative;\n\n    z-index: 10;\n}\n\n\n.usj-lib-search-card {\n\n    background: white;\n\n    border-radius: 20px;\n\n    box-shadow:\n        0 15px 50px rgba(23,50,77,.14);\n\n    border: 1px solid rgba(30,115,190,.08);\n\n    overflow: hidden;\n}\n\n\n\/* Search tabs *\/\n\n.usj-lib-search-tabs {\n\n    display: flex;\n\n    background: #f5f8fb;\n\n    border-bottom: 1px solid var(--usj-border);\n}\n\n\n.usj-lib-tab {\n\n    flex: 1;\n\n    border: 0;\n\n    background: transparent;\n\n    padding: 17px 14px;\n\n    cursor: pointer;\n\n    font-size: 15px;\n\n    font-weight: 700;\n\n    color: #637387;\n\n    transition: .2s ease;\n}\n\n\n.usj-lib-tab:hover {\n\n    color: var(--usj-blue);\n\n    background: #eef6fd;\n}\n\n\n.usj-lib-tab.active {\n\n    color: white;\n\n    background: var(--usj-blue);\n}\n\n\n\/* Search content *\/\n\n.usj-lib-search-panel {\n\n    padding: 30px 34px 32px;\n}\n\n\n.usj-lib-search-panel-inner {\n\n    display: flex;\n\n    gap: 12px;\n\n    align-items: center;\n}\n\n\n\/* Search input *\/\n\n.usj-lib-input-wrap {\n\n    position: relative;\n    flex-wrap: wrap;\n    flex: 1;\n}\n\n\n.usj-lib-input {\n\n    width: 100%;\n\n    min-height: 58px;\n\n    padding: 0 20px;\n\n    border: 2px solid #d9e4ee;\n\n    border-radius: 12px;\n\n    background: white;\n\n    font-size: 17px;\n\n    color: var(--usj-text);\n    flex-wrap: wrap;\n    outline: none;\n\n    transition: .2s ease;\n}\n\n\n.usj-lib-input:focus {\n\n    border-color: var(--usj-blue);\n    flex-wrap: wrap;\n    box-shadow:\n        0 0 0 4px rgba(30,115,190,.10);\n}\n\n\n.usj-lib-search-button {\n\n    min-height: 58px;\n\n    padding: 0 27px;\n\n    border: 0;\n\n    border-radius: 12px;\n\n    background: var(--usj-blue);\n\n    color: white;\n\n    font-size: 16px;\n\n    font-weight: 700;\n\n    cursor: pointer;\n\n    white-space: nowrap;\n\n    transition: .2s ease;\n}\n\n\n.usj-lib-search-button:hover {\n\n    background: var(--usj-blue-dark);\n\n    transform: translateY(-1px);\n}\n\n\n\/* Advanced search *\/\n\n.usj-lib-advanced {\n\n    margin-top: 14px;\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 10px;\n}\n\n\n.usj-lib-advanced a {\n\n    color: var(--usj-blue);\n\n    text-decoration: none;\n\n    font-size: 14px;\n\n    font-weight: 600;\n}\n\n\n.usj-lib-advanced a:hover {\n\n    text-decoration: underline;\n}\n\n\n.usj-lib-search-note {\n\n    font-size: 13px;\n\n    color: var(--usj-muted);\n}\n\n\n\/* Catalogue *\/\n\n.usj-lib-catalogue-options {\n\n    display: flex;\n\n    gap: 10px;\n\n    margin-top: 14px;\n}\n\n\n.usj-lib-select {\n\n    border: 1px solid #d9e4ee;\n\n    border-radius: 10px;\n\n    padding: 13px;\n\n    background: white;\n\n    color: var(--usj-text);\n}\n\n\n.usj-lib-catalogue-button {\n\n    border: 0;\n\n    background: var(--usj-blue);\n\n    color: white;\n\n    padding: 0 22px;\n\n    border-radius: 10px;\n\n    font-weight: 700;\n\n    cursor: pointer;\n}\n\n\n.usj-lib-loan-link {\n\n    display: inline-block;\n\n    margin-top: 15px;\n\n    color: var(--usj-blue);\n\n    font-size: 14px;\n\n    font-weight: 600;\n\n    text-decoration: none;\n}\n\n \/* ========================================\n       LIBRARY SERVICES SECTION\n    ==\n.usj-lib-service-section {\n\n        max-width: 1120px;\n\n        margin: 0 auto;\n\n        padding: 55px 24px;\n\n        box-sizing: border-box;\n    }\n\n\n    \/* Section heading *\/\n\n    .usj-lib-service-heading {\n\n        display: flex;\n\n        align-items: flex-end;\n\n        justify-content: space-between;\n\n        margin-bottom: 25px;\n\n        gap: 20px;\n    }\n\n\n    .usj-lib-service-heading-left {\n\n        min-width: 0;\n        text-align:center;\n    }\n\n\n    .usj-lib-service-eyebrow {\n\n        display: block;\n\n        margin-bottom: 7px;\n\n        color: #1e73be;\n\n        font-size: 12px;\n\n        font-weight: 800;\n\n        letter-spacing: .12em;\n\n        text-transform: uppercase;\n    }\n\n\n    .usj-lib-service-heading h2 {\n\n        margin: 0;\n\n        color: #17324d;\n\n        font-size: 30px;\n\n        line-height: 1.2;\n\n        font-weight: 750;\n    }\n\n\n    .usj-lib-service-heading p {\n\n        max-width: 600px;\n\n        margin: 9px 0 0;\n\n        color: #687789;\n\n        font-size: 15px;\n\n        line-height: 1.55;\n    }\n\n\n    \/* =====================================================\n       SERVICE GRID\n    ===================================================== *\/\n\n    .usj-lib-service-grid {\n\n        display: grid;\n\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n\n        gap: 14px;\n\n        padding: 28px 16px;\n\n        background: #f7f9fc;\n\n        border-radius: 22px;\n\n        border: 1px solid #edf2f6;\n\n        box-sizing: border-box;\n    }\n\n\n    \/* =====================================================\n       SERVICE CARD\n    ===================================================== *\/\n\n    .usj-lib-service-item {\n\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: center;\n\n        justify-content: flex-start;\n\n        min-width: 0;\n\n        min-height: 215px;\n\n        padding: 18px 10px 16px;\n\n        box-sizing: border-box;\n\n        background: #ffffff;\n\n        border: 1px solid #e6edf3;\n\n        border-radius: 12px;\n\n        text-decoration: none;\n\n        box-shadow:\n            0 4px 14px rgba(23,50,77,.04);\n\n        transition:\n            transform .2s ease,\n            box-shadow .2s ease,\n            border-color .2s ease;\n    }\n\n\n    .usj-lib-service-item:hover {\n\n        transform: translateY(-4px);\n\n        border-color: rgba(30,115,190,.28);\n\n        box-shadow:\n            0 12px 28px rgba(23,50,77,.10);\n    }\n\n\n    \/* =====================================================\n       ICON\n    ===================================================== *\/\n\n    .usj-lib-service-icon {\n\n        width: 104px;\n\n        height: 104px;\n\n        margin-bottom: 13px;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        color: #17324d;\n\n        background: white;\n\n        border-radius: 4px;\n\n        flex-shrink: 0;\n    }\n\n\n    .usj-lib-service-icon svg {\n\n        width: 76px;\n\n        height: 76px;\n\n        display: block;\n    }\n\n\n    \/* =====================================================\n       SERVICE TITLE\n    ===================================================== *\/\n\n    .usj-lib-service-title {\n\n        width: 100%;\n\n        min-height: 42px;\n\n        display: flex;\n\n        align-items: flex-start;\n\n        justify-content: center;\n\n        text-align: center;\n\n        color: #17324d;\n\n        font-size: 14px;\n\n        line-height: 1.2;\n\n        font-weight: 800;\n\n        text-transform: uppercase;\n\n        letter-spacing: -.01em;\n\n        overflow-wrap: anywhere;\n\n        word-break: normal;\n    }\n\n\n    \/* =====================================================\n       TABLET\n    ===================================================== *\/\n\n    @media (max-width: 1000px) {\n\n        .usj-lib-service-grid {\n\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n\n            gap: 14px;\n        }\n\n    }\n\n\n    \/* =====================================================\n       MOBILE\n    ===================================================== *\/\n\n    @media (max-width: 700px) {\n\n        .usj-lib-service-section {\n\n            padding: 42px 16px;\n        }\n\n\n        .usj-lib-service-heading {\n\n            display: block;\n\n            margin-bottom: 20px;\n        }\n\n\n        .usj-lib-service-heading h2 {\n\n            font-size: 25px;\n        }\n\n\n        .usj-lib-service-heading p {\n\n            font-size: 14px;\n\n            line-height: 1.5;\n        }\n\n\n        .usj-lib-service-grid {\n\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n\n            gap: 10px;\n\n            padding: 14px;\n\n            border-radius: 18px;\n        }\n\n\n        .usj-lib-service-item {\n\n            min-height: 190px;\n\n            padding: 14px 8px;\n\n            border-radius: 11px;\n        }\n\n\n        .usj-lib-service-icon {\n\n            width: 82px;\n\n            height: 82px;\n\n            margin-bottom: 11px;\n        }\n\n\n        .usj-lib-service-icon svg {\n\n            width: 62px;\n\n            height: 62px;\n        }\n\n\n        .usj-lib-service-title {\n\n            min-height: 40px;\n\n            font-size: 12px;\n\n            line-height: 1.22;\n        }\n\n    }\n\n\n\/* =========================================================\n   QUICK ACTIONS\n========================================================= *\/\n\n.usj-lib-section {\n\n    padding: 70px 7%;\n\n    max-width: 1320px;\n\n    margin: 0 auto;\n}\n\n\n.usj-lib-section-header {\n\n    margin-bottom: 30px;\n}\n\n\n.usj-lib-section-kicker {\n\n    color: var(--usj-blue);\n\n    font-size: 13px;\n\n    font-weight: 800;\n\n    text-transform: uppercase;\n\n    letter-spacing: .08em;\n}\n\n\n.usj-lib-section-title {\n\n    margin: 6px 0 0;\n\n    font-size: clamp(28px, 4vw, 40px);\n\n    color: var(--usj-navy);\n\n    line-height: 1.15;\n}\n\n\n.usj-lib-section-subtitle {\n\n    color: var(--usj-muted);\n\n    margin-top: 8px;\n\n    max-width: 650px;\n}\n\n\n\n\/* =========================================================\n   ACTION CARDS\n========================================================= *\/\n\n.usj-lib-actions {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0,1fr));\n\n    gap: 18px;\n}\n\n\n.usj-lib-action {\n\n    text-decoration: none;\n\n    border: 1px solid var(--usj-border);\n\n    border-radius: 16px;\n\n    padding: 25px;\n\n    background: white;\n\n    transition: .25s ease;\n\n    position: relative;\n\n    overflow: hidden;\n}\n\n\n.usj-lib-action:hover {\n\n    transform: translateY(-5px);\n\n    border-color: #b9d7ef;\n    background: #fafbfc;\n    box-shadow:\n        0 12px 30px rgba(23,50,77,.10);\n}\n\n\n.usj-lib-action-icon {\n\n    width: 48px;\n    height: 48px;\n\n    border-radius: 12px;\n\n    background: var(--usj-grey);\n\n    color: var(--usj-grey);\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    font-size: 23px;\n\n    margin-bottom: 18px;\n}\n\n\n.usj-lib-action h3 {\n\n    color: var(--usj-navy);\n\n    margin: 0 0 7px;\n\n    font-size: 19px;\n}\n\n\n.usj-lib-action p {\n\n    color: var(--usj-muted);\n\n    font-size: 14px;\n\n    margin: 0;\n}\n\n\n.usj-lib-arrow {\n\n    display: block;\n\n    margin-top: 17px;\n\n    color: var(--usj-yellow);\n\n    font-weight: 700;\n\n    font-size: 14px;\n}\n\n\n\/* =========================================================\n   AUDIENCE GRID \u2014 STUDENT \/ FACULTY \/ VISITOR\n========================================================= *\/\n\n.usj-lib-audience-grid {\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 22px;\n}\n\n\n\/* =========================================================\n   AUDIENCE CARDS\n========================================================= *\/\n\n.usj-lib-audience-card {\n\n    padding: 34px;\n\n    border-radius: 18px;\n\n    background: white;\n\n    border: 1px solid var(--usj-border);\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.usj-lib-audience-card.student {\n\n    border-top: 5px solid var(--usj-blue);\n}\n\n\n.usj-lib-audience-card.faculty {\n\n    border-top: 5px solid var(--usj-navy);\n}\n\n\n\/* Visitor uses a different accent *\/\n\n.usj-lib-audience-card.visitor {\n\n    border-top: 5px solid var(--usj-navy);\n}\n\n\n.usj-lib-audience-card h3 {\n\n    font-size: 23px;\n\n    color: var(--usj-navy);\n\n    margin: 0 0 10px;\n\n    line-height: 1.25;\n}\n\n\n.usj-lib-audience-card p {\n\n    color: var(--usj-muted);\n\n    margin: 0 0 20px;\n\n    font-size: 14px;\n\n    line-height: 1.55;\n}\n\n\n.usj-lib-link-grid {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 9px;\n\n    margin-top: auto;\n}\n\n\n.usj-lib-link-grid a {\n\n    display: inline-block;\n\n    padding: 9px 13px;\n\n    border-radius: 8px;\n\n    background: #f1f6fb;\n\n    color: var(--usj-blue);\n\n    text-decoration: none;\n\n    font-size: 13px;\n\n    font-weight: 600;\n\n    transition: .2s ease;\n}\n\n\n.usj-lib-link-grid a:hover {\n\n    background: var(--usj-blue);\n\n    color: white;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .usj-lib-audience-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 18px;\n    }\n\n}\n\n\n\/* =========================================================\n   PHONE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .usj-lib-audience-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 16px;\n    }\n\n\n    .usj-lib-audience-card {\n\n        padding: 28px 24px;\n    }\n\n\n    .usj-lib-audience-card h3 {\n\n        font-size: 22px;\n    }\n\n}\n\n\n\/* =========================================================\n   RESEARCH TOOLS\n========================================================= *\/\n\n.usj-lib-tools {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    gap: 15px;\n}\n\n\n.usj-lib-tool {\n\n    padding: 22px;\n\n    border: 1px solid var(--usj-border);\n\n    border-radius: 14px;\n\n    text-decoration: none;\n\n    background: white;\n\n    transition: .2s ease;\n}\n\n\n.usj-lib-tool:hover {\n\n    background: var(--usj-grey);\n\n    border-color: #f0f8ff;\n}\n\n\n.usj-lib-tool-name {\n\n    font-weight: 750;\n\n    color: var(--usj-navy);\n\n    margin-bottom: 6px;\n}\n\n\n.usj-lib-tool-desc {\n\n    color: var(--usj-muted);\n\n    font-size: 13px;\n}\n\n\n\/* =========================================================\n   SPOTLIGHT\n========================================================= *\/\n\n.usj-lib-spotlight {      \nbackground-image:         \nlinear-gradient(             90deg,             rgba(54,15,90,.92) 0%,             rgba(82,32,129,.72) 55%,             rgba(218,177,218,.35) 100%         ),         url(\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2025\/01\/SK__7118-scaled.jpg\");      background-size: cover;     background-position: center;      color: white;      border-radius: 22px;      padding: 55px 45px;      min-height: 260px;      display: flex;      align-items: center;      justify-content: space-between;      gap: 30px;      position: relative;      overflow: hidden; }\n\n\/* =========================================================\n   OPENING HOURS\n========================================================= *\/\n\n.usj-lib-hours {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 20px;\n\n    padding: 45px;\n\n    border-radius: 22px;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,.88),\n            rgba(255,255,255,.88)\n        ),\n        url(\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2025\/01\/SK__6727-scaled.jpg\");\n\n    background-size: cover;\n\n    background-position: center;\n\n    overflow: hidden;\n}\n\n\n.usj-lib-hours-card {\n\n    background: white;\n\n    border-radius: 16px;\n\n    padding: 28px;\n\n}\n\n\n.usj-lib-hours-card h3 {\n\n    margin-top: 0;\n\n    color: var(--usj-navy);\n}\n\n\n.usj-lib-hours-row {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    gap: 15px;\n\n    padding: 10px 0;\n\n    border-bottom: 1px solid #e3e9ef;\n\n    font-size: 14px;\n}\n\n\n.usj-lib-hours-row:last-child {\n\n    border-bottom: 0;\n}\n\n\n.usj-lib-hours-label {\n\n    font-weight: 700;\n}\n\n\n.usj-lib-hours-value {\n\n    color: var(--usj-navy);\n\n    text-align: right;\n   \n}\n\n\n\/* =========================================================\n   FOOTER CTA\n========================================================= *\/\n\n.usj-lib-help {\n\n    text-align: center;\n\n    padding: 70px 20px;\n\n    background: #fff;\n}\n\n\n.usj-lib-help h2 {\n\n    color: var(--usj-navy);\n\n    font-size: 32px;\n\n    margin-bottom: 10px;\n}\n\n\n.usj-lib-help p {\n\n    color: var(--usj-muted);\n\n    max-width: 600px;\n\n    margin: 0 auto 22px;\n}\n\n\n.usj-lib-help-buttons {\n\n    display: flex;\n\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 10px;\n}\n\n\n.usj-lib-help-button {\n\n    display: inline-block;\n\n    padding: 12px 20px;\n\n    border-radius: 9px;\n\n    background: var(--usj-yellow);\n\n    color: white;\n\n    text-decoration: none;\n\n    font-weight: 700;\n}\n\n\n.usj-lib-help-button.secondary {\n\n    background: #edf4fa;\n\n    color: var(--usj-blue);\n}\n\n\n\/* =========================================================\n   RESPONSIVE \u2014 TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .usj-lib-actions {\n\n        grid-template-columns:\n            repeat(2,1fr);\n\n    }\n\n\n    .usj-lib-tools {\n\n        grid-template-columns:\n            repeat(2,1fr);\n\n    }\n\n\n    .usj-lib-audience-grid {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .usj-lib-hours {\n\n        grid-template-columns: 1fr;\n\n    }\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE \u2014 PHONE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .usj-lib-topbar {\n\n        justify-content: center;\n\n        text-align: center;\n\n    }\n\n\n    .usj-lib-topbar-right {\n\n        display: none;\n\n    }\n\n\n    .usj-lib-hero {\n\n        padding:\n            45px 20px 65px;\n\n    }\n\n\n    .usj-lib-hero h1 {\n\n        font-size: 38px;\n\n    }\n\n\n    .usj-lib-hero p {\n\n        font-size: 16px;\n\n    }\n\n\n    .usj-lib-search-section {\n\n        padding: 0 14px;\n\n        margin-top: -25px;\n\n    }\n\n\n    .usj-lib-search-tabs {\n\n        overflow-x: auto;\n\n    }\n\n\n    .usj-lib-tab {\n\n        min-width: 125px;\n\n        white-space: nowrap;\n\n        font-size: 13px;\n\n        padding: 14px 9px;\n\n    }\n\n\n    .usj-lib-search-panel {\n\n        padding: 22px 17px 25px;\n\n    }\n\n\n    .usj-lib-search-panel-inner {\n\n        flex-direction: column;\n\n    }\n\n\n    .usj-lib-input-wrap {\n\n        width: 100%;\n\n    }\n\n\n    .usj-lib-search-button {\n\n        width: 100%;\n\n    }\n\n\n    .usj-lib-catalogue-options {\n\n        flex-direction: column;\n\n    }\n\n\n    .usj-lib-select,\n\n    .usj-lib-catalogue-button {\n\n        width: 100%;\n\n        min-height: 48px;\n\n    }\n\n\n    .usj-lib-section {\n\n        padding: 50px 20px;\n\n    }\n\n\n    .usj-lib-actions {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .usj-lib-tools {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .usj-lib-spotlight {\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        padding: 30px;\n\n    }\n\n\n    .usj-lib-white-button {\n\n        width: 100%;\n\n        text-align: center;\n\n    }\n\n\n    .usj-lib-hours-row {\n\n        flex-direction: column;\n\n        gap: 2px;\n\n    }\n\n\n    .usj-lib-hours-value {\n\n        text-align: left;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   POPUP OVERLAY\n   ========================================================= *\/\n\n.usj-event-popup {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 20px;\n\n    background: rgba(20, 35, 55, .80);\n\n    backdrop-filter: blur(7px);\n    -webkit-backdrop-filter: blur(7px);\n\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n\n    transition:\n        opacity .35s cubic-bezier(.4, 0, .2, 1),\n        visibility .35s cubic-bezier(.4, 0, .2, 1);\n}\n\n.usj-event-popup.is-visible {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   MAIN POPUP\n   ========================================================= *\/\n\n.usj-event-popup-box {\n    position: relative;\n\n    display: grid;\n    grid-template-columns: minmax(380px, 46%) minmax(420px, 54%);\n\n    width: min(1180px, 96vw);\n    height: min(900px, 92vh);\n    min-height: 560px;\n\n    overflow: hidden;\n\n    border-radius: 24px;\n    background: #ffffff;\n\n    box-shadow: 0 30px 90px rgba(0,0,0,.35);\n\n    transform: translateY(25px) scale(.97);\n    transform-origin: bottom left;\n\n    transition: transform .4s cubic-bezier(.2,.8,.2,1);\n}\n\n.usj-event-popup.is-visible .usj-event-popup-box {\n    transform: translateY(0) scale(1);\n}\n\n\n\/* =========================================================\n   CLOSE BUTTON\n   ========================================================= *\/\n\n.usj-event-popup-close {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    z-index: 50;\n\n    width: 42px;\n    height: 42px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border: 1px solid rgba(255,255,255,.5);\n    border-radius: 50%;\n\n    background: rgba(20,35,55,.75);\n    color: #fff;\n\n    font-size: 25px;\n    line-height: 1;\n\n    cursor: pointer;\n    transition: .2s ease;\n}\n\n.usj-event-popup-close:hover {\n    background: #144b7c;\n    transform: rotate(90deg);\n}\n\n\n\/* =========================================================\n   LEFT \u2014 POSTER\n   ========================================================= *\/\n\n.usj-event-popup-poster {\n    position: relative;\n\n    width: 100%;\n    height: 100%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 18px;\n    box-sizing: border-box;\n\n    background: linear-gradient(145deg, #144b7c, #264758);\n    overflow: hidden;\n}\n\n.usj-event-popup-poster img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    max-width: 100%;\n    max-height: 100%;\n\n    object-fit: contain;\n    object-position: center;\n\n    border-radius: 8px;\n    box-shadow: 0 10px 35px rgba(30,40,60,.14);\n}\n\n\n\/* =========================================================\n   RIGHT \u2014 INFORMATION\n   ========================================================= *\/\n\n.usj-event-popup-info {\n    position: relative;\n\n    height: 100%;\n    box-sizing: border-box;\n\n    padding: 48px 48px 36px;\n\n    overflow-y: auto;\n    overflow-x: hidden;\n\n    background: linear-gradient(145deg, #ffffff 0%, #f8fbfd 100%);\n    scrollbar-width: thin;\n}\n\n.usj-event-popup-info::-webkit-scrollbar {\n    width: 7px;\n}\n\n.usj-event-popup-info::-webkit-scrollbar-track {\n    background: #f1f4f7;\n}\n\n.usj-event-popup-info::-webkit-scrollbar-thumb {\n    background: #b8c6d1;\n    border-radius: 20px;\n}\n\n\n\/* =========================================================\n   LABEL & TITLES & CONTENT\n   ========================================================= *\/\n\n.usj-event-popup-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    margin-bottom: 17px;\n    padding: 7px 13px;\n\n    border-radius: 999px;\n    background: #edf5f8;\n\n    color: #144b7c;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n}\n\n.usj-event-popup-info h2 {\n    margin: 0 0 12px;\n    color: #144b7c !important;\n    font-size: clamp(26px, 2.6vw, 40px);\n    line-height: 1.12;\n    font-weight: 800;\n    letter-spacing: -.035em;\n}\n\n.usj-event-popup-subtitle {\n    margin: 0 0 26px;\n    color: #687789;\n    font-size: 14px;\n    line-height: 1.65;\n}\n\n\n\/* =========================================================\n   EVENT META & HIGHLIGHT\n   ========================================================= *\/\n\n.usj-event-meta {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-bottom: 25px;\n}\n\n.usj-event-meta-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 13px;\n\n    border: 1px solid #dfe7ef;\n    border-radius: 12px;\n    background: #ffffff;\n}\n\n.usj-event-meta-icon {\n    flex: 0 0 32px;\n    width: 32px;\n    height: 32px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n    background: #edf5f8;\n    font-size: 15px;\n}\n\n.usj-event-meta-text {\n    min-width: 0;\n}\n\n.usj-event-meta-label {\n    display: block;\n    margin-bottom: 3px;\n    color: #687789;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: .07em;\n    text-transform: uppercase;\n}\n\n.usj-event-meta-value {\n    display: block;\n    color: #243447;\n    font-size: 13px;\n    line-height: 1.5;\n    font-weight: 700;\n}\n\n.usj-event-highlight {\n    margin-bottom: 25px;\n    padding: 17px 18px;\n\n    border-left: 4px solid #edab50;\n    border-radius: 0 12px 12px 0;\n    background: #fff8ed;\n}\n\n.usj-event-highlight strong {\n    display: block;\n    margin-bottom: 5px;\n    color: #264758;\n    font-size: 14px;\n}\n\n.usj-event-highlight span {\n    color: #687789;\n    font-size: 13px;\n    line-height: 1.6;\n}\n\n\n\/* =========================================================\n   HOW TO PARTICIPATE & BUTTONS\n   ========================================================= *\/\n\n.usj-event-howto {\n    margin-bottom: 25px;\n}\n\n.usj-event-howto-title {\n    margin-bottom: 12px;\n    color: #264758;\n    font-size: 15px;\n    font-weight: 800;\n}\n\n.usj-event-steps {\n    display: grid;\n    gap: 9px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.usj-event-steps li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n\n    color: #536575;\n    font-size: 13px;\n    line-height: 1.55;\n}\n\n.usj-event-step-number {\n    flex: 0 0 24px;\n    width: 24px;\n    height: 24px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n    background: #144b7c;\n\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 800;\n}\n\n.usj-event-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 8px;\n}\n\n.usj-event-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n\n    min-height: 48px;\n    padding: 0 20px;\n\n    border-radius: 11px;\n    text-decoration: none !important;\n\n    font-size: 13px;\n    font-weight: 800;\n\n    cursor: pointer;\n    transition: .2s ease;\n    box-sizing: border-box;\n}\n\n.usj-event-btn-primary {\n    flex: 1;\n    background: #144b7c;\n    color: #ffffff !important;\n    box-shadow: 0 8px 20px rgba(20,75,124,.20);\n}\n\n.usj-event-btn-primary:hover {\n    background: #386983;\n    color: #ffffff !important;\n    transform: translateY(-2px);\n}\n\n.usj-event-btn-secondary {\n    background: #edf5f8;\n    color: #144b7c !important;\n    border: 0;\n}\n\n.usj-event-btn-secondary:hover {\n    background: #dceefa;\n    color: #144b7c !important;\n}\n\n.usj-event-footnote {\n    margin-top: 16px;\n    padding-bottom: 8px;\n\n    color: #8a97a3;\n    font-size: 10px;\n    line-height: 1.5;\n    text-align: center;\n}\n\n\n\/* =========================================================\n   BOTTOM-LEFT FLOATING MINI TRIGGER (\u7e2e\u5716\/\u6309\u9215)\n   ========================================================= *\/\n\n.usj-event-float-btn {\n    position: fixed;\n    bottom: 24px;\n    left: 24px;\n    z-index: 999990;\n\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    padding: 8px 16px 8px 8px;\n\n    border: 2px solid #ffffff;\n    border-radius: 50px;\n\n    background: #144b7c;\n    color: #ffffff;\n\n    box-shadow: 0 10px 25px rgba(20, 35, 55, 0.3);\n\n    cursor: pointer;\n\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(30px) scale(0.8);\n\n    transition: \n        opacity .3s ease,\n        visibility .3s ease,\n        transform .3s cubic-bezier(.2,.8,.2,1),\n        box-shadow .2s ease;\n}\n\n.usj-event-float-btn.is-active {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0) scale(1);\n}\n\n.usj-event-float-btn:hover {\n    background: #1d5b94;\n    transform: translateY(-3px) scale(1.03);\n    box-shadow: 0 14px 30px rgba(20, 35, 55, 0.4);\n}\n\n\/* \u5c0f\u6d77\u5831\u9810\u89bd\u5716 *\/\n.usj-event-float-thumb {\n    width: 38px;\n    height: 38px;\n\n    border-radius: 50%;\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    flex-shrink: 0;\n}\n\n.usj-event-float-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.usj-event-float-text {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n    padding-right: 4px;\n}\n\n.usj-event-float-text .title {\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.2;\n    white-space: nowrap;\n}\n\n.usj-event-float-text .badge {\n    font-size: 10px;\n    opacity: 0.85;\n}\n\n\n\/* =========================================================\n   MEDIA QUERIES (RESPONSIVE)\n   ========================================================= *\/\n\n@media (min-width: 1200px) {\n    .usj-event-popup-box {\n        width: min(1200px, 94vw);\n        height: min(900px, 90vh);\n        grid-template-columns: minmax(470px, 47%) minmax(470px, 53%);\n    }\n\n    .usj-event-popup-info {\n        padding: 55px 55px 40px;\n    }\n}\n\n@media (max-width: 900px) {\n    .usj-event-popup {\n        padding: 15px;\n    }\n\n    .usj-event-popup-box {\n        width: 96vw;\n        height: 90vh;\n        grid-template-columns: minmax(320px, 44%) minmax(350px, 56%);\n    }\n\n    .usj-event-popup-poster {\n        padding: 12px;\n    }\n\n    .usj-event-popup-info {\n        padding: 38px 30px 30px;\n    }\n\n    .usj-event-popup-info h2 {\n        font-size: 30px;\n    }\n}\n\n@media (max-width: 650px) {\n    .usj-event-popup {\n        padding: 10px;\n        align-items: center;\n    }\n\n    .usj-event-popup-box {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 94vh;\n        min-height: 0;\n        max-height: 94vh;\n        border-radius: 18px;\n    }\n\n    .usj-event-popup-poster {\n        flex: 0 0 40%;\n        width: 100%;\n        height: 40%;\n        min-height: 0;\n        padding: 10px;\n    }\n\n    .usj-event-popup-poster img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n    }\n\n    .usj-event-popup-info {\n        flex: 1;\n        width: 100%;\n        height: auto;\n        min-height: 0;\n        padding: 24px 20px 24px;\n        overflow-y: auto;\n    }\n\n    .usj-event-popup-info h2 {\n        font-size: 24px;\n    }\n\n    .usj-event-popup-subtitle {\n        font-size: 13px;\n        margin-bottom: 18px;\n    }\n\n    .usj-event-meta {\n        margin-bottom: 18px;\n    }\n\n    .usj-event-highlight {\n        margin-bottom: 18px;\n        padding: 13px 14px;\n    }\n\n    .usj-event-howto {\n        margin-bottom: 18px;\n    }\n\n    .usj-event-actions {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 8px;\n    }\n\n    .usj-event-btn {\n        width: 100%;\n        min-height: 45px;\n    }\n\n    .usj-event-popup-close {\n        top: 8px;\n        right: 8px;\n        width: 36px;\n        height: 36px;\n        font-size: 21px;\n    }\n\n    .usj-event-float-btn {\n        bottom: 16px;\n        left: 16px;\n        padding: 6px 14px 6px 6px;\n    }\n\n    .usj-event-float-thumb {\n        width: 32px;\n        height: 32px;\n    }\n\n    .usj-event-float-text .title {\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 390px) {\n    .usj-event-popup-box {\n        height: 95vh;\n        max-height: 95vh;\n    }\n\n    .usj-event-popup-poster {\n        flex-basis: 35%;\n        height: 35%;\n    }\n\n    .usj-event-popup-info {\n        padding: 20px 17px 20px;\n    }\n\n    .usj-event-popup-info h2 {\n        font-size: 22px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .usj-event-popup,\n    .usj-event-popup-box,\n    .usj-event-popup-close,\n    .usj-event-btn,\n    .usj-event-float-btn {\n        transition: none !important;\n    }\n}\n\n<\/style>","protected":false},"excerpt":{"rendered":"<p>USJ Library Beyond Reading. Connect, Create, and Collabrate \ud83d\udd0e OneSearch \ud83d\udcda Library Catalogue \ud83d\udd17 MALA Hub Search Search across the Library&#8217;s discovery system Advanced Search \u2192 Search Catalogue Keyword Title Author Subject ISBN Series Call Number \u2192 Manage My Loans \/ Renew Items Search MALA LIBRARY SUPPORT Library Services Resources and support to help you [&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-465352","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 \u9031 ago","modified":"Updated 2 \u5929 ago"},"absolute_dates":{"created":"Posted on 17 9 \u6708, 2026","modified":"Updated on 8 10 \u6708, 2026"},"absolute_dates_time":{"created":"Posted on 17 9 \u6708, 2026 4:39 \u4e0b\u5348","modified":"Updated on 8 10 \u6708, 2026 4:09 \u4e0b\u5348"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/465352","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=465352"}],"version-history":[{"count":51,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/465352\/revisions"}],"predecessor-version":[{"id":466298,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/465352\/revisions\/466298"}],"wp:attachment":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media?parent=465352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}