{"id":150,"date":"2021-07-29T08:52:20","date_gmt":"2021-07-29T08:52:20","guid":{"rendered":"http:\/\/library.usj.edu.mo\/?page_id=150"},"modified":"2026-10-06T12:26:53","modified_gmt":"2026-10-06T04:26:53","slug":"direction-parking","status":"publish","type":"page","link":"https:\/\/library.usj.edu.mo\/zh\/libraries-spaces\/direction-parking\/","title":{"rendered":"\u5982\u4f55\u524d\u5f80\u5716\u66f8\u9928"},"content":{"rendered":"<div class=\"usj-dp-wrapper\">\n  \n  <!-- Header Section -->\n  <div class=\"usj-dp-header\">\n    <div class=\"usj-dp-header-content\">\n      <span class=\"usj-dp-top-badge\">\ud83d\udccd VISIT USJ LIBRARY<\/span>\n      <h1 class=\"usj-dp-main-title\">Directions &#038; Parking<\/h1>\n      <p class=\"usj-dp-main-subtitle\">Choose your destination library below to find bus routes, parking facilities, interactive maps, and visitor access pass.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Visitor Registration Quick Banner -->\n  <div class=\"usj-dp-visitor-banner\">\n    <div class=\"usj-dp-visitor-icon-box\">\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-dp-visitor-info\">\n      <span class=\"usj-dp-visitor-badge\">External Visitor Notice \/ \u8a2a\u5ba2\u9808\u77e5<\/span>\n      <p><strong>Planning to visit as a non-USJ member?<\/strong> Pre-register online before arrival to ensure smooth library entry.<\/p>\n      <p class=\"usj-dp-zh-hint\">\u975e\u8056\u82e5\u745f\u5927\u5b78\u5e2b\u751f\u8acb\u65bc\u53c3\u89c0\u524d\u586b\u5beb\u7dda\u4e0a\u8a2a\u5ba2\u767b\u8a18\u8868\u3002<\/p>\n    <\/div>\n    <a href=\"https:\/\/library.usj.edu.mo\/zh\/library-visitors-registration\/\" target=\"_blank\" rel=\"noopener\" class=\"usj-dp-visitor-btn\">\n      Visitor Registration \u767b\u8a18 \u2197\n    <\/a>\n  <\/div>\n\n  <!-- Tab Controls (Pure CSS Radio Tabs) -->\n  <input type=\"radio\" id=\"usj-tab-1\" name=\"usj-campus-tab\" class=\"usj-dp-tab-input\" checked>\n  <input type=\"radio\" id=\"usj-tab-2\" name=\"usj-campus-tab\" class=\"usj-dp-tab-input\">\n\n  <div class=\"usj-dp-tab-bar\">\n    <label for=\"usj-tab-1\" class=\"usj-dp-tab-btn usj-dp-tab-1-label\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n      Main Library (Ilha Verde)\n    <\/label>\n    <label for=\"usj-tab-2\" class=\"usj-dp-tab-btn usj-dp-tab-2-label\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path><\/svg>\n      Seminary Library (St. Agostinho)\n    <\/label>\n  <\/div>\n\n  <!-- ==================== TAB 1: MAIN LIBRARY (ILHA VERDE) ==================== -->\n  <div class=\"usj-dp-content usj-dp-content-1\">\n    <div class=\"usj-dp-grid\">\n      \n      <!-- Left Column: Transport Guide -->\n      <div class=\"usj-dp-info-col\">\n        \n        <div class=\"usj-dp-vibe-bar\">\n          <span class=\"usj-dp-vibe-pill\">\ud83d\udeb6 5 min walk from Qingmao Border<\/span>\n          <span class=\"usj-dp-vibe-pill\">\ud83d\udca7 Near Macao Water Supply Co.<\/span>\n        <\/div>\n\n        <!-- Taxi Driver Address Card -->\n        <div class=\"usj-dp-card usj-dp-taxi-card\">\n          <div class=\"usj-dp-card-head\">\n            <svg class=\"usj-dp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"><\/path><circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle><circle cx=\"17\" cy=\"17\" r=\"2\"><\/circle><\/svg>\n            <h3>Show Taxi Driver \/ \u4e58\u642d\u7684\u58eb<\/h3>\n          <\/div>\n          <div class=\"usj-dp-address-box\">\n            <p class=\"usj-dp-zh-addr\">\u6fb3\u9580\u9752\u6d32\u6cb3\u908a\u99ac\u8def 14-17 \u865f\uff08\u8056\u82e5\u745f\u5927\u5b78\u4e3b\u6821\u5340\uff09<\/p>\n            <p class=\"usj-dp-en-addr\">Estrada Marginal da Ilha Verde, 14-17, Macau, China<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Bus Routes Card -->\n        <div class=\"usj-dp-card\">\n          <div class=\"usj-dp-card-head\">\n            <svg class=\"usj-dp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M7 21l2-4h6l2 4\"><\/path><line x1=\"8\" y1=\"8\" x2=\"8.01\" y2=\"8\"><\/line><line x1=\"16\" y1=\"8\" x2=\"16.01\" y2=\"8\"><\/line><\/svg>\n            <h3>Get There by Bus \/ \u5df4\u58eb\u8def\u7dda<\/h3>\n          <\/div>\n          <div class=\"usj-dp-bus-lines\">\n            <span class=\"usj-dp-bus-badge\">8<\/span>\n            <span class=\"usj-dp-bus-badge\">8A<\/span>\n            <span class=\"usj-dp-bus-badge\">23<\/span>\n            <span class=\"usj-dp-bus-badge\">28B<\/span>\n            <span class=\"usj-dp-bus-badge\">29<\/span>\n            <span class=\"usj-dp-bus-badge\">H2<\/span>\n          <\/div>\n          <ul class=\"usj-dp-list\">\n            <li>\n              <span class=\"usj-dp-stop-code\">M24<\/span>\n              <div>\n                <strong>Cons. Borja \/ Col\u00e9gio S. Jos\u00e9<\/strong>\n                <span>\u9752\u6d32 \/ \u8056\u82e5\u745f\u4e2d\u5b78<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <span class=\"usj-dp-stop-code\">M25<\/span>\n              <div>\n                <strong>Ilha Verde \/ Macao Water Co.<\/strong>\n                <span>\u9752\u6d32 \/ \u81ea\u4f86\u6c34\u516c\u53f8<\/span>\n              <\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Parking Card -->\n        <div class=\"usj-dp-card\">\n          <div class=\"usj-dp-card-head\">\n            <svg class=\"usj-dp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><path d=\"M9 17V7h4a3 3 0 0 1 0 6H9\"><\/path><\/svg>\n            <h3>Nearby Parking \/ \u9644\u8fd1\u516c\u5171\u505c\u8eca\u5834<\/h3>\n          <\/div>\n          <div class=\"usj-dp-parking-grid\">\n            <div class=\"usj-dp-parking-item\">\n              <span class=\"usj-dp-park-icon\">\ud83c\udd7f\ufe0f<\/span>\n              <div>\n                <strong>Cheng Chun Carpark<\/strong>\n                <span>\u9752\u6cc9\u6a13\u505c\u8eca\u5834<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"usj-dp-parking-item\">\n              <span class=\"usj-dp-park-icon\">\ud83c\udd7f\ufe0f<\/span>\n              <div>\n                <strong>Cheng Choi Carpark<\/strong>\n                <span>\u9752\u7fe0\u6a13\u505c\u8eca\u5834<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Right Column: Visual Photo + Google Map Embed -->\n      <div class=\"usj-dp-media-col\">\n        <div class=\"usj-dp-photo-card\">\n          <div class=\"usj-dp-photo-frame\">\n            <img decoding=\"async\" src=\"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2024\/07\/USJjan18_0204-scaled.jpeg\" alt=\"USJ Main Library Ilha Verde Campus\" class=\"usj-dp-img\" \/>\n            <span class=\"usj-dp-img-tag\">Ilha Verde Campus Entry<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"usj-dp-map-card\">\n          <div class=\"usj-dp-map-header\">\n            <span>\ud83d\udccd Live Location Map<\/span>\n            <a href=\"https:\/\/maps.google.com\/?q=University+of+Saint+Joseph+Macau\" target=\"_blank\" rel=\"noopener\" class=\"usj-dp-map-link\">Open in Google Maps \u2197<\/a>\n          <\/div>\n          <div class=\"usj-dp-map-wrapper\">\n            <iframe \n              src=\"https:\/\/maps.google.com\/maps?q=University+of+Saint+Joseph+Macau&#038;t=&#038;z=16&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" \n              width=\"100%\" height=\"320\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\">\n            <\/iframe>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ==================== TAB 2: SEMINARY LIBRARY (ST. AGOSTINHO) ==================== -->\n  <div class=\"usj-dp-content usj-dp-content-2\">\n    <div class=\"usj-dp-grid\">\n      \n      <!-- Left Column: Transport Guide -->\n      <div class=\"usj-dp-info-col\">\n        \n        <div class=\"usj-dp-vibe-bar\">\n          <span class=\"usj-dp-vibe-pill\">\ud83c\udfdb\ufe0f UNESCO World Heritage Area<\/span>\n          <span class=\"usj-dp-vibe-pill\">\ud83d\udeaa Main Entrance: Rua do Semin\u00e1rio<\/span>\n        <\/div>\n\n        <!-- Taxi Driver Address Card -->\n        <div class=\"usj-dp-card usj-dp-taxi-card\">\n          <div class=\"usj-dp-card-head\">\n            <svg class=\"usj-dp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"><\/path><circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle><circle cx=\"17\" cy=\"17\" r=\"2\"><\/circle><\/svg>\n            <h3>Show Taxi Driver \/ \u4e58\u642d\u7684\u58eb<\/h3>\n          <\/div>\n          <div class=\"usj-dp-address-box\">\n            <p class=\"usj-dp-zh-addr\">\u5d17\u9802\u524d\u5730 5 \u865f\uff08\u8acb\u5f9e\u4e09\u5df4\u4ed4\u6a6b\u8857\u8056\u82e5\u745f\u4fee\u9662\u8056\u5802\u5165\u53e3\u9032\u5165\uff09<\/p>\n            <p class=\"usj-dp-en-addr\">Largo de Sto. Agostinho, 5, Macau (Please enter via Rua do Semin\u00e1rio entrance)<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Bus Routes Card -->\n        <div class=\"usj-dp-card\">\n          <div class=\"usj-dp-card-head\">\n            <svg class=\"usj-dp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M7 21l2-4h6l2 4\"><\/path><line x1=\"8\" y1=\"8\" x2=\"8.01\" y2=\"8\"><\/line><line x1=\"16\" y1=\"8\" x2=\"16.01\" y2=\"8\"><\/line><\/svg>\n            <h3>Get There by Bus \/ \u5df4\u58eb\u8def\u7dda<\/h3>\n          <\/div>\n          \n          <div class=\"usj-dp-route-group\">\n            <div class=\"usj-dp-bus-lines\">\n              <span class=\"usj-dp-bus-badge\">9<\/span>\n              <span class=\"usj-dp-bus-badge\">16<\/span>\n              <span class=\"usj-dp-bus-badge\">18<\/span>\n              <span class=\"usj-dp-bus-badge\">28B<\/span>\n            <\/div>\n            <ul class=\"usj-dp-list\">\n              <li>\n                <span class=\"usj-dp-stop-code\">M180<\/span>\n                <div>\n                  <strong>Rua S. Louren\u00e7o<\/strong>\n                  <span>\u98a8\u9806\u5802\u8857\u7ad9<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"usj-dp-route-divider\"><\/div>\n\n          <div class=\"usj-dp-route-group\">\n            <div class=\"usj-dp-bus-lines\">\n              <span class=\"usj-dp-bus-badge\">3<\/span>\n              <span class=\"usj-dp-bus-badge\">3X<\/span>\n              <span class=\"usj-dp-bus-badge\">4<\/span>\n              <span class=\"usj-dp-bus-badge\">6A<\/span>\n              <span class=\"usj-dp-bus-badge\">8A<\/span>\n              <span class=\"usj-dp-bus-badge\">18A<\/span>\n              <span class=\"usj-dp-bus-badge\">19<\/span>\n              <span class=\"usj-dp-bus-badge\">26A<\/span>\n              <span class=\"usj-dp-bus-badge\">33<\/span>\n              <span class=\"usj-dp-bus-badge\">101X<\/span>\n            <\/div>\n            <ul class=\"usj-dp-list\">\n              <li>\n                <span class=\"usj-dp-stop-code\">M134<\/span>\n                <div>\n                  <strong>Almeida Ribeiro \/ Weng Hang<\/strong>\n                  <span>\u65b0\u99ac\u8def \/ \u6c38\u4ea8\u7ad9<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Parking Card -->\n        <div class=\"usj-dp-card\">\n          <div class=\"usj-dp-card-head\">\n            <svg class=\"usj-dp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><path d=\"M9 17V7h4a3 3 0 0 1 0 6H9\"><\/path><\/svg>\n            <h3>Nearby Parking \/ \u9644\u8fd1\u516c\u5171\u505c\u8eca\u5834<\/h3>\n          <\/div>\n          <div class=\"usj-dp-parking-grid\">\n            <div class=\"usj-dp-parking-item\">\n              <span class=\"usj-dp-park-icon\">\ud83c\udd7f\ufe0f<\/span>\n              <div>\n                <strong>Pak Lane Carpark<\/strong>\n                <span>\u67cf\u5be7\u505c\u8eca\u5834<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"usj-dp-parking-item\">\n              <span class=\"usj-dp-park-icon\">\ud83c\udd7f\ufe0f<\/span>\n              <div>\n                <strong>Nam Van (Pak Wu) Carpark<\/strong>\n                <span>\u67cf\u6e56\u505c\u8eca\u5834\uff08\u5357\u7063\uff09<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Right Column: Visual Photo + Google Map Embed -->\n      <div class=\"usj-dp-media-col\">\n        <div class=\"usj-dp-photo-card\">\n          <div class=\"usj-dp-photo-frame\">\n            <img decoding=\"async\" src=\"https:\/\/chestnutjournal.com\/wp-content\/uploads\/2025\/07\/Chestnut-Blog-Macau-History-11.webp\" alt=\"St. Joseph Seminary Library Exterior\" class=\"usj-dp-img\" \/>\n            <span class=\"usj-dp-img-tag\">Seminary Library Heritage Entrance<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"usj-dp-map-card\">\n          <div class=\"usj-dp-map-header\">\n            <span>\ud83d\udccd Live Location Map<\/span>\n            <a href=\"https:\/\/maps.google.com\/?q=St.+Joseph+Seminary+Macau\" target=\"_blank\" rel=\"noopener\" class=\"usj-dp-map-link\">Open in Google Maps \u2197<\/a>\n          <\/div>\n          <div class=\"usj-dp-map-wrapper\">\n            <iframe \n              src=\"https:\/\/maps.google.com\/maps?q=St.+Joseph+Seminary+Macau&#038;t=&#038;z=16&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" \n              width=\"100%\" height=\"320\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\">\n            <\/iframe>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n<style class=\"advgb-styles-renderer\">\n  \/* =========================================================\n     USJ LIBRARY DIRECTIONS & PARKING - FIXED MOBILE LAYOUT\n     ========================================================= *\/\n\n  \/* Global CSS Reset within block to avoid theme conflicts *\/\n  .usj-dp-wrapper,\n  .usj-dp-wrapper *,\n  .usj-dp-wrapper *::before,\n  .usj-dp-wrapper *::after {\n    box-sizing: border-box !important;\n  }\n\n  .usj-dp-wrapper {\n    \/* Custom 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: 24px;\n    box-shadow: 0 10px 30px rgba(38, 71, 88, 0.05);\n    margin: 20px 0;\n    line-height: 1.5;\n    width: 100%;\n  }\n\n  \/* Header Design *\/\n  .usj-dp-header {\n    background: linear-gradient(135deg, var(--navy) 0%, var(--dark-blue) 60%, var(--blue) 100%);\n    color: #ffffff;\n    padding: 36px 28px;\n    border-radius: 12px;\n    margin-bottom: 18px;\n  }\n\n  .usj-dp-top-badge {\n    display: inline-block;\n    background-color: rgba(237, 171, 80, 0.18);\n    color: var(--yellow);\n    border: 1px solid rgba(237, 171, 80, 0.4);\n    font-size: 11px;\n    font-weight: 700;\n    padding: 4px 12px;\n    border-radius: 20px;\n    letter-spacing: 1px;\n    margin-bottom: 12px;\n  }\n\n  .usj-dp-main-title {\n    font-size: 28px !important;\n    font-weight: 800 !important;\n    color: #ffffff !important;\n    margin: 0 0 8px 0 !important;\n    letter-spacing: -0.5px;\n  }\n\n  .usj-dp-main-subtitle {\n    font-size: 14px;\n    color: var(--light-blue);\n    margin: 0;\n    max-width: 680px;\n    opacity: 0.9;\n  }\n\n  \/* Visitor Registration Quick Banner *\/\n  .usj-dp-visitor-banner {\n    background-color: #ffffff;\n    border: 1px solid var(--border);\n    border-left: 5px solid var(--yellow);\n    border-radius: 12px;\n    padding: 16px 20px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    box-shadow: 0 4px 14px rgba(38, 71, 88, 0.06);\n    width: 100%;\n  }\n\n  .usj-dp-visitor-icon-box {\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\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  }\n\n  .usj-dp-visitor-icon-box svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  .usj-dp-visitor-info {\n    flex: 1;\n    min-width: 0; \/* Prevents text overflow in flexbox *\/\n  }\n\n  .usj-dp-visitor-badge {\n    display: inline-block;\n    background-color: rgba(237, 171, 80, 0.2);\n    color: #b07217;\n    font-size: 11px;\n    font-weight: 800;\n    padding: 2px 8px;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n\n  .usj-dp-visitor-info p {\n    margin: 0;\n    font-size: 13px;\n    color: var(--text);\n  }\n\n  .usj-dp-zh-hint {\n    font-size: 12px !important;\n    color: var(--muted) !important;\n    margin-top: 2px !important;\n  }\n\n  .usj-dp-visitor-btn {\n    background-color: var(--navy);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 700;\n    padding: 12px 20px;\n    border-radius: 8px;\n    white-space: nowrap;\n    transition: all 0.2s ease;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    border: 1px solid var(--navy);\n    flex-shrink: 0;\n  }\n\n  .usj-dp-visitor-btn:hover {\n    background-color: var(--dark-blue);\n    border-color: var(--dark-blue);\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(20, 75, 124, 0.25);\n  }\n\n  \/* Pure CSS Radio Tab Controls *\/\n  .usj-dp-tab-input {\n    display: none !important;\n  }\n\n  .usj-dp-tab-bar {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 24px;\n    background-color: var(--light-blue);\n    padding: 6px;\n    border-radius: 10px;\n    border: 1px solid var(--border);\n  }\n\n  .usj-dp-tab-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 12px 16px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--muted);\n    cursor: pointer;\n    transition: all 0.2s ease;\n    user-select: none;\n  }\n\n  .usj-dp-tab-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  \/* Active Tab States via Radio *\/\n  #usj-tab-1:checked ~ .usj-dp-tab-bar .usj-dp-tab-1-label,\n  #usj-tab-2:checked ~ .usj-dp-tab-bar .usj-dp-tab-2-label {\n    background-color: #ffffff;\n    color: var(--blue);\n    box-shadow: 0 4px 12px rgba(38, 71, 88, 0.08);\n  }\n\n  .usj-dp-content {\n    display: none;\n  }\n\n  #usj-tab-1:checked ~ .usj-dp-content-1,\n  #usj-tab-2:checked ~ .usj-dp-content-2 {\n    display: block;\n    animation: usjFadeIn 0.3s ease-in-out;\n  }\n\n  @keyframes usjFadeIn {\n    from { opacity: 0; transform: translateY(6px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Grid Layout *\/\n  .usj-dp-grid {\n    display: grid;\n    grid-template-columns: 1fr 380px;\n    gap: 24px;\n  }\n\n  \/* Vibe Bar Pills *\/\n  .usj-dp-vibe-bar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n\n  .usj-dp-vibe-pill {\n    background-color: #ffffff;\n    border: 1px solid var(--border);\n    color: var(--navy);\n    font-size: 12px;\n    font-weight: 600;\n    padding: 6px 12px;\n    border-radius: 20px;\n  }\n\n  \/* Card Base *\/\n  .usj-dp-card {\n    background: #ffffff;\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    padding: 20px;\n    margin-bottom: 18px;\n    box-shadow: 0 2px 8px rgba(38, 71, 88, 0.02);\n  }\n\n  .usj-dp-card-head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 14px;\n  }\n\n  .usj-dp-icon {\n    width: 20px;\n    height: 20px;\n    color: var(--blue);\n  }\n\n  .usj-dp-card-head h3 {\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    color: var(--navy) !important;\n    margin: 0 !important;\n  }\n\n  \/* Taxi Card Focus *\/\n  .usj-dp-taxi-card {\n    background: var(--navy);\n    color: #ffffff;\n    border: none;\n  }\n\n  .usj-dp-taxi-card .usj-dp-icon {\n    color: var(--yellow);\n  }\n\n  .usj-dp-taxi-card h3 {\n    color: #ffffff !important;\n  }\n\n  .usj-dp-address-box {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px dashed rgba(237, 171, 80, 0.5);\n    padding: 14px 16px;\n    border-radius: 8px;\n  }\n\n  .usj-dp-zh-addr {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--yellow);\n    margin: 0 0 4px 0;\n  }\n\n  .usj-dp-en-addr {\n    font-size: 12px;\n    color: var(--light-blue);\n    margin: 0;\n    opacity: 0.9;\n  }\n\n  \/* Bus Lines & Badges *\/\n  .usj-dp-bus-lines {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 14px;\n  }\n\n  .usj-dp-bus-badge {\n    background-color: var(--mid-blue);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 800;\n    padding: 3px 10px;\n    border-radius: 6px;\n    letter-spacing: 0.5px;\n  }\n\n  .usj-dp-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n\n  .usj-dp-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin-bottom: 10px !important;\n    padding: 0 !important;\n  }\n\n  .usj-dp-list li:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  .usj-dp-stop-code {\n    background-color: var(--light-blue);\n    color: var(--dark-blue);\n    font-size: 11px;\n    font-weight: 700;\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid var(--border);\n    white-space: nowrap;\n  }\n\n  .usj-dp-list strong {\n    display: block;\n    font-size: 13px;\n    color: var(--text);\n  }\n\n  .usj-dp-list span {\n    font-size: 12px;\n    color: var(--muted);\n  }\n\n  .usj-dp-route-divider {\n    height: 1px;\n    background-color: var(--border);\n    margin: 14px 0;\n  }\n\n  \/* Parking Grid *\/\n  .usj-dp-parking-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n\n  .usj-dp-parking-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: var(--soft);\n    border: 1px solid var(--border);\n    padding: 10px 12px;\n    border-radius: 8px;\n  }\n\n  .usj-dp-park-icon {\n    font-size: 18px;\n  }\n\n  .usj-dp-parking-item strong {\n    display: block;\n    font-size: 12px;\n    color: var(--text);\n  }\n\n  .usj-dp-parking-item span {\n    font-size: 11px;\n    color: var(--muted);\n  }\n\n  \/* Right Media Column *\/\n  .usj-dp-photo-card {\n    margin-bottom: 18px;\n  }\n\n  .usj-dp-photo-frame {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    height: 180px;\n    box-shadow: 0 4px 12px rgba(38, 71, 88, 0.08);\n  }\n\n  .usj-dp-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .usj-dp-img-tag {\n    position: absolute;\n    bottom: 10px;\n    left: 10px;\n    background: rgba(38, 71, 88, 0.85);\n    backdrop-filter: blur(4px);\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: 4px;\n  }\n\n  \/* Google Map Frame *\/\n  .usj-dp-map-card {\n    background: #ffffff;\n    border-radius: 12px;\n    border: 1px solid var(--border);\n    overflow: hidden;\n  }\n\n  .usj-dp-map-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background-color: var(--navy);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .usj-dp-map-link {\n    color: var(--yellow) !important;\n    text-decoration: none !important;\n    font-size: 11px;\n  }\n\n  .usj-dp-map-link:hover {\n    text-decoration: underline !important;\n  }\n\n  .usj-dp-map-wrapper {\n    position: relative;\n    line-height: 0;\n  }\n\n  \/* =========================================================\n     RESPONSIVE BREAKPOINTS (Mobile & Tablet Fixes)\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n    .usj-dp-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .usj-dp-photo-frame {\n      height: 200px;\n    }\n  }\n\n  @media (max-width: 650px) {\n    .usj-dp-wrapper {\n      padding: 14px;\n    }\n\n    .usj-dp-header {\n      padding: 24px 18px;\n    }\n\n    .usj-dp-main-title {\n      font-size: 22px !important;\n    }\n\n    \/* Fix Visitor Registration Banner Mobile Layout *\/\n    .usj-dp-visitor-banner {\n      flex-direction: column;\n      align-items: stretch !important;\n      gap: 12px;\n      padding: 16px;\n    }\n\n    .usj-dp-visitor-btn {\n      width: 100% !important;\n      display: flex !important;\n      justify-content: center !important;\n      align-items: center !important;\n      text-align: center !important;\n      margin-top: 4px;\n    }\n\n    .usj-dp-tab-bar {\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .usj-dp-parking-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udccd VISIT USJ LIBRARY Directions &#038; Parking Choose your destination library below to find bus routes, parking facilities, interactive maps, and visitor access pass. External Visitor Notice \/ \u8a2a\u5ba2\u9808\u77e5 Planning to visit as a non-USJ member? Pre-register online before arrival to ensure smooth library entry. \u975e\u8056\u82e5\u745f\u5927\u5b78\u5e2b\u751f\u8acb\u65bc\u53c3\u89c0\u524d\u586b\u5beb\u7dda\u4e0a\u8a2a\u5ba2\u767b\u8a18\u8868\u3002 Visitor Registration \u767b\u8a18 \u2197 Main Library (Ilha Verde) Seminary [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":120,"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-150","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 21 \u5c0f\u6642 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 8:52 \u4e0a\u5348","modified":"Updated on 6 10 \u6708, 2026 12:26 \u4e0b\u5348"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/150","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=150"}],"version-history":[{"count":73,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/150\/revisions"}],"predecessor-version":[{"id":466258,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/150\/revisions\/466258"}],"up":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/pages\/120"}],"wp:attachment":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media?parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}