{"id":120,"date":"2021-07-29T07:02:28","date_gmt":"2021-07-29T07:02:28","guid":{"rendered":"http:\/\/library.usj.edu.mo\/?page_id=120"},"modified":"2026-10-06T12:33:05","modified_gmt":"2026-10-06T04:33:05","slug":"libraries-spaces","status":"publish","type":"page","link":"https:\/\/library.usj.edu.mo\/zh\/libraries-spaces\/","title":{"rendered":"\u5716\u66f8\u9928\u53ca\u7a7a\u9593"},"content":{"rendered":"<div class=\"usj-ls-wrapper\">\n  \n  <!-- Section Header -->\n  <div class=\"usj-ls-header\">\n    <div class=\"usj-ls-header-left\">\n      <span class=\"usj-ls-badge\">LIBRARIES &amp; SPACES<\/span>\n      <h1 class=\"usj-ls-title\">\u5230\u8a2a\u5716\u66f8\u9928<\/h1>\n      <p class=\"usj-ls-subtitle\">Explore our modern study spaces, heritage collections, digital services, and visitor amenities across two campuses.<\/p>\n    <\/div>\n    <div class=\"usj-ls-header-tags\">\n      <span class=\"usj-ls-tag\">\u2728 Quiet Study &amp; Collab Zones<\/span>\n      <span class=\"usj-ls-tag\">\u26a1 Ultra-fast Wi-Fi<\/span>\n      <span class=\"usj-ls-tag\">\u2615 Chill Lounge Areas<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Quick Access Services Grid (4 Core Navigation Cards) -->\n  <div class=\"usj-ls-services-grid\">\n    \n    <!-- Card 1: Opening Hours & Spaces -->\n    <a href=\"https:\/\/library.usj.edu.mo\/zh\/libraries-spaces\/opening-hours\/\" class=\"usj-ls-service-card\">\n      <div class=\"usj-ls-card-icon\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"usj-ls-card-content\">\n        <h3>\u958b\u653e\u6642\u9593\u53ca\u7a7a\u9593<\/h3>\n        <p>Check daily operating hours, study zone availability, and reserve group discussion rooms.<\/p>\n        <span class=\"usj-ls-card-link\">Explore Hours &amp; Spaces \u2197<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Card 2: Print, Copy & Scan Services -->\n    <a href=\"https:\/\/library.usj.edu.mo\/zh\/copy-print-scan\/\" class=\"usj-ls-service-card\">\n      <div class=\"usj-ls-card-icon\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9V2h12v7\"><\/path><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"><\/path><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"><\/rect><\/svg>\n      <\/div>\n      <div class=\"usj-ls-card-content\">\n        <h3>\u5f71\u5370\uff0c\u5217\u5370&amp;\u6383\u63cf<\/h3>\n        <p>Wireless printing, cloud scanning, high-speed copying, and multi-function printers.<\/p>\n        <span class=\"usj-ls-card-link\">View Printing Guide \u2197<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Card 3: Visitor Access -->\n    <a href=\"https:\/\/library.usj.edu.mo\/zh\/library-visitors-registration\/\" target=\"_blank\" rel=\"noopener\" class=\"usj-ls-service-card usj-ls-featured-card\">\n      <div class=\"usj-ls-card-icon\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line><\/svg>\n      <\/div>\n      <div class=\"usj-ls-card-content\">\n        <span class=\"usj-ls-hot-badge\">Pre-Registration<\/span>\n        <h3>Visitor Access &amp; Pass<\/h3>\n        <p>Information for external visitors, alumni, and online guest entry registration.<\/p>\n        <span class=\"usj-ls-card-link\">Online Registration \u2197<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Card 4: Directions & Parking -->\n    <a href=\"https:\/\/library.usj.edu.mo\/zh\/libraries-spaces\/direction-parking\/\" class=\"usj-ls-service-card\">\n      <div class=\"usj-ls-card-icon\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n      <\/div>\n      <div class=\"usj-ls-card-content\">\n        <h3>Directions &amp; Parking<\/h3>\n        <p>Bus routes, taxi addresses in Chinese\/English, and nearby public parking spaces.<\/p>\n        <span class=\"usj-ls-card-link\">Get Directions \u2197<\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  \n        <\/div>\n      \n\n    \n  \n\n\n\n\n<style class=\"advgb-styles-renderer\">\n  \/* =========================================================\n     USJ LIBRARIES & SPACES - SCOPED CUSTOM CSS THEME\n     ========================================================= *\/\n\n  \/* Global Reset within block *\/\n  .usj-ls-wrapper,\n  .usj-ls-wrapper *,\n  .usj-ls-wrapper *::before,\n  .usj-ls-wrapper *::after {\n    box-sizing: border-box !important;\n  }\n\n  .usj-ls-wrapper {\n    \/* Color Palette Variables *\/\n    --blue: #1e73be;\n    --navy: #264758;\n    --dark-blue: #144b7c;\n    --mid-blue: #386983;\n    --light-blue: #eef6fb;\n\n    --yellow: #edab50;\n\n    --text: #24343d;\n    --muted: #687983;\n\n    --border: #dce6ec;\n    --soft: #f5f8fa;\n\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--text);\n    background-color: var(--soft);\n    border-radius: 16px;\n    padding: 32px 24px;\n    margin: 20px 0;\n    line-height: 1.5;\n    width: 100%;\n  }\n\n  \/* Header Section *\/\n  .usj-ls-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    flex-wrap: wrap;\n    gap: 20px;\n    padding-bottom: 24px;\n    border-bottom: 2px solid var(--border);\n    margin-bottom: 32px;\n  }\n\n  .usj-ls-badge {\n    display: inline-block;\n    background-color: var(--light-blue);\n    color: var(--blue);\n    font-size: 11px;\n    font-weight: 800;\n    padding: 4px 12px;\n    border-radius: 20px;\n    letter-spacing: 1px;\n    margin-bottom: 8px;\n    border: 1px solid var(--border);\n  }\n\n  .usj-ls-title {\n    font-size: 32px !important;\n    font-weight: 800 !important;\n    color: var(--navy) !important;\n    margin: 0 0 8px 0 !important;\n    letter-spacing: -0.5px;\n  }\n\n  .usj-ls-subtitle {\n    font-size: 15px;\n    color: var(--muted);\n    margin: 0;\n    max-width: 600px;\n  }\n\n  .usj-ls-header-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .usj-ls-tag {\n    background-color: #ffffff;\n    border: 1px solid var(--border);\n    color: var(--mid-blue);\n    font-size: 12px;\n    font-weight: 600;\n    padding: 6px 14px;\n    border-radius: 20px;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);\n  }\n\n  \/* 4 Core Navigation Cards (2x2 Grid on Desktop) *\/\n  .usj-ls-services-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n  }\n\n  .usj-ls-service-card {\n    background: #ffffff;\n    border: 1px solid var(--border);\n    border-radius: 14px;\n    padding: 24px;\n    display: flex;\n    gap: 18px;\n    text-decoration: none !important;\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 4px 12px rgba(38, 71, 88, 0.03);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .usj-ls-service-card:hover {\n    transform: translateY(-4px);\n    border-color: var(--blue);\n    box-shadow: 0 12px 24px rgba(30, 115, 190, 0.12);\n  }\n\n  .usj-ls-card-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background-color: var(--light-blue);\n    color: var(--blue);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.2s ease;\n  }\n\n  .usj-ls-service-card:hover .usj-ls-card-icon {\n    background-color: var(--blue);\n    color: #ffffff;\n  }\n\n  .usj-ls-card-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .usj-ls-card-content {\n    flex: 1;\n  }\n\n  .usj-ls-card-content h3 {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: var(--navy) !important;\n    margin: 0 0 6px 0 !important;\n  }\n\n  .usj-ls-card-content p {\n    font-size: 13px;\n    color: var(--muted);\n    margin: 0 0 12px 0;\n    line-height: 1.4;\n  }\n\n  .usj-ls-card-link {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--blue);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  \/* Featured Visitor Card Styling *\/\n  .usj-ls-featured-card {\n    border-left: 4px solid var(--yellow);\n  }\n\n  .usj-ls-hot-badge {\n    background-color: rgba(237, 171, 80, 0.18);\n    color: #b07217;\n    font-size: 10px;\n    font-weight: 800;\n    padding: 2px 8px;\n    border-radius: 4px;\n    display: inline-block;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n  }\n\n  \/* Showcase Section *\/\n  .usj-ls-showcase-section {\n    background: #ffffff;\n    border: 1px solid var(--border);\n    border-radius: 16px;\n    padding: 28px;\n  }\n\n  .usj-ls-section-title {\n    margin-bottom: 24px;\n  }\n\n  .usj-ls-section-title h2 {\n    font-size: 22px !important;\n    font-weight: 800 !important;\n    color: var(--navy) !important;\n    margin: 0 0 4px 0 !important;\n  }\n\n  .usj-ls-section-title p {\n    font-size: 14px;\n    color: var(--muted);\n    margin: 0;\n  }\n\n  .usj-ls-locations-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n\n  .usj-ls-location-card {\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    overflow: hidden;\n    background-color: var(--soft);\n    display: flex;\n    flex-direction: column;\n  }\n\n  .usj-ls-photo-box {\n    position: relative;\n    height: 180px;\n    overflow: hidden;\n  }\n\n  .usj-ls-photo {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s ease;\n  }\n\n  .usj-ls-location-card:hover .usj-ls-photo {\n    transform: scale(1.04);\n  }\n\n  .usj-ls-photo-tag {\n    position: absolute;\n    bottom: 12px;\n    left: 12px;\n    background: rgba(38, 71, 88, 0.85);\n    backdrop-filter: blur(4px);\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 4px 10px;\n    border-radius: 6px;\n  }\n\n  .usj-ls-location-body {\n    padding: 20px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .usj-ls-location-body h3 {\n    font-size: 17px !important;\n    font-weight: 700 !important;\n    color: var(--navy) !important;\n    margin: 0 0 8px 0 !important;\n  }\n\n  .usj-ls-loc-desc {\n    font-size: 13px;\n    color: var(--muted);\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  .usj-ls-features-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n\n  .usj-ls-features-list span {\n    background: #ffffff;\n    border: 1px solid var(--border);\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--dark-blue);\n    padding: 4px 8px;\n    border-radius: 6px;\n  }\n\n  \/* Embedded Map Component *\/\n  .usj-ls-map-card {\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--border);\n    margin-top: auto;\n  }\n\n  .usj-ls-map-header {\n    background-color: var(--navy);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 8px 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .usj-ls-map-header a {\n    color: var(--yellow) !important;\n    text-decoration: none !important;\n    font-size: 11px;\n  }\n\n  .usj-ls-map-header a:hover {\n    text-decoration: underline !important;\n  }\n\n  .usj-ls-map-card iframe {\n    display: block;\n  }\n\n  \/* =========================================================\n     RESPONSIVE BREAKPOINTS (Desktop, Tablet & Mobile)\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n    .usj-ls-services-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .usj-ls-locations-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .usj-ls-wrapper {\n      padding: 20px 14px;\n    }\n\n    .usj-ls-title {\n      font-size: 24px !important;\n    }\n\n    .usj-ls-service-card {\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 18px;\n      gap: 12px;\n    }\n\n    .usj-ls-showcase-section {\n      padding: 18px 14px;\n    }\n\n    .usj-ls-photo-box {\n      height: 150px;\n    }\n  }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>LIBRARIES &amp; SPACES Visit the Library Explore our modern study spaces, heritage collections, digital services, and visitor amenities across two campuses. \u2728 Quiet Study &amp; Collab Zones \u26a1 Ultra-fast Wi-Fi \u2615 Chill Lounge Areas Opening Hours &amp; Spaces Check daily operating hours, study zone availability, and reserve group discussion rooms. Explore Hours &amp; Spaces \u2197 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":3,"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-120","page","type-page","status-publish","hentry"],"coauthors":[],"author_meta":{"author_link":"https:\/\/library.usj.edu.mo\/zh\/author\/emilychan\/","display_name":"emily chan"},"relative_dates":{"created":"Posted 5 \u5e74 ago","modified":"Updated 4 \u9031 ago"},"absolute_dates":{"created":"Posted on 29 7 \u6708, 2021","modified":"Updated on 6 10 \u6708, 2026"},"absolute_dates_time":{"created":"Posted on 29 7 \u6708, 2021 7:02 \u4e0a\u5348","modified":"Updated on 6 10 \u6708, 2026 12:33 \u4e0b\u5348"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/120","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":15,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":466261,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/120\/revisions\/466261"}],"wp:attachment":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}