{"id":465527,"date":"2026-09-18T19:17:52","date_gmt":"2026-09-18T11:17:52","guid":{"rendered":"https:\/\/library.usj.edu.mo\/?p=465527"},"modified":"2026-09-29T20:03:53","modified_gmt":"2026-09-29T12:03:53","slug":"knowledge-cafe","status":"publish","type":"post","link":"https:\/\/library.usj.edu.mo\/zh\/knowledge-cafe\/","title":{"rendered":"Knowledge Caf\u00e9"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!-- =========================================================\n     USJ LIBRARY \u2014 KNOWLEDGE CAF\u00c9\n     SECTION 1 \u2014 HERO\n     ========================================================= -->\n\n\n\n\n<section class=\"usj-kc-v2-hero\">\n\n    <div class=\"usj-kc-v2-hero-main\">\n\n        <span class=\"usj-kc-v2-dot d1\"><\/span>\n        <span class=\"usj-kc-v2-dot d2\"><\/span>\n        <span class=\"usj-kc-v2-dot d3\"><\/span>\n        <span class=\"usj-kc-v2-dot d4\"><\/span>\n\n\n        <div class=\"usj-kc-v2-container\">\n\n            <div class=\"usj-kc-v2-grid\">\n\n\n                <!-- =================================================\n                     LEFT\n                     ================================================= -->\n\n                <div>\n\n                    <div class=\"usj-kc-v2-brand\">\n\n                        <span class=\"usj-kc-v2-brand-name\">\n                            \u8056\u82e5\u745f\u5927\u5b78\u5716\u66f8\u9928\n                        <\/span>\n\n                        <span class=\"usj-kc-v2-brand-line\" aria-hidden=\"true\">\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"usj-kc-v2-eyebrow\">\n\n                        \u2615 DROP-IN LIBRARY EVENT\n\n                    <\/div>\n\n\n                    <h1 class=\"usj-kc-v2-title\">\n\n                        Knowledge\n\n                        <span class=\"coffee-word\">\n                            Caf\u00e9\n                        <\/span>\n\n                    <\/h1>\n\n\n                    <div class=\"usj-kc-v2-tagline\">\n\n                        Where curiosity meets confidence.\n\n                    <\/div>\n\n\n                    <p class=\"usj-kc-v2-description\">\n\n                        Join us for a relaxed session to chat about\n                        academic work, research, study strategies,\n                        library resources \u2014 or whatever is on your mind.\n\n                    <\/p>\n\n\n                    <div class=\"usj-kc-v2-dropin\">\n\n                        \u2615\n                        No registration \u00b7 Just drop in\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =================================================\n                     RIGHT \u2014 EVENT CARD\n                     ================================================= -->\n\n                <aside class=\"usj-kc-v2-event\">\n\n                    <div class=\"usj-kc-v2-date-top\">\n                        Save the afternoon\n                    <\/div>\n\n\n                    <div class=\"usj-kc-v2-date\">\n                        September 21\n                    <\/div>\n\n\n                    <div class=\"usj-kc-v2-free\">\n\n                        \u2615 Free tea &amp; coffee\n\n                    <\/div>\n\n\n                    <div class=\"usj-kc-v2-info\">\n\n\n                        <div class=\"usj-kc-v2-info-row\">\n\n                            <div class=\"usj-kc-v2-info-icon\" aria-hidden=\"true\">\n                                \ud83d\udd52\n                            <\/div>\n\n                            <div>\n\n                                <span class=\"usj-kc-v2-info-label\">\n                                    Drop-in Hours\n                                <\/span>\n\n                                <div class=\"usj-kc-v2-info-value\">\n                                    15:00 \u2013 18:45\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"usj-kc-v2-info-row\">\n\n                            <div class=\"usj-kc-v2-info-icon\" aria-hidden=\"true\">\n                                \ud83d\udccd\n                            <\/div>\n\n                            <div>\n\n                                <span class=\"usj-kc-v2-info-label\">\n                                    \u5730\u5740\n                                <\/span>\n\n                                <div class=\"usj-kc-v2-info-value\">\n                                    Lo\u2019s Library\n                                    <br>\n                                    \u9752\u6d32\u6821\u5340\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"usj-kc-v2-info-row\">\n\n                            <div class=\"usj-kc-v2-info-icon\" aria-hidden=\"true\">\n                                \ud83d\udc4b\n                            <\/div>\n\n                            <div>\n\n                                <span class=\"usj-kc-v2-info-label\">\n                                    Format\n                                <\/span>\n\n                                <div class=\"usj-kc-v2-info-value\">\n                                    Casual \u00b7 One-to-one support\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                    <div class=\"usj-kc-v2-card-bottom\">\n\n                        <strong>\n                            No registration required.\n                        <\/strong>\n\n                        Drop by anytime during the session.\n\n                    <\/div>\n\n                <\/aside>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     USJ LIBRARY \u2014 KNOWLEDGE CAF\u00c9\n     SECTION 2 \u2014 WHAT'S AT THE CAF\u00c9\n     ========================================================= -->\n\n\n\n\n<section class=\"usj-kc-v2-services\">\n\n    <div class=\"usj-kc-v2-services-inner\">\n\n\n        <div class=\"usj-kc-v2-services-header\">\n\n            <div>\n\n                <div class=\"usj-kc-v2-services-label\">\n                    Bring your questions\n                <\/div>\n\n                <h2>\n                    What&#8217;s on the menu?\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"usj-kc-v2-services-intro\">\n\n                You don&#8217;t need to know exactly what you need.\n                Tell us what you&#8217;re working on and we&#8217;ll help\n                you find a way forward.\n\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"usj-kc-v2-service-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"usj-kc-v2-service-card\">\n\n                <span class=\"usj-kc-v2-service-number\">\n                    01\n                <\/span>\n\n                <div\n                    class=\"usj-kc-v2-service-icon\"\n                    aria-hidden=\"true\">\n                    \ud83d\udd0e\n                <\/div>\n\n                <h3>\n                    Research Strategies\n                <\/h3>\n\n                <p>\n\n                    Navigate academic databases,\n                    discover peer-reviewed sources,\n                    and narrow down your topic.\n\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"usj-kc-v2-service-card\">\n\n                <span class=\"usj-kc-v2-service-number\">\n                    02\n                <\/span>\n\n                <div\n                    class=\"usj-kc-v2-service-icon\"\n                    aria-hidden=\"true\">\n                    \ud83d\udcda\n                <\/div>\n\n                <h3>\n                    Citation &amp; Referencing\n                <\/h3>\n\n                <p>\n\n                    Get clearer on APA, MLA, Chicago,\n                    and reference management software.\n\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"usj-kc-v2-service-card\">\n\n                <span class=\"usj-kc-v2-service-number\">\n                    03\n                <\/span>\n\n                <div\n                    class=\"usj-kc-v2-service-icon\"\n                    aria-hidden=\"true\">\n                    \u26a1\n                <\/div>\n\n                <h3>\n                    Learning &amp; Study Tools\n                <\/h3>\n\n                <p>\n\n                    Explore library resources,\n                    digital archives, and efficient\n                    study workflows.\n\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"usj-kc-v2-service-card\">\n\n                <span class=\"usj-kc-v2-service-number\">\n                    04\n                <\/span>\n\n                <div\n                    class=\"usj-kc-v2-service-icon\"\n                    aria-hidden=\"true\">\n                    \ud83d\udcac\n                <\/div>\n\n                <h3>\n                    Open Q&amp;A\n                <\/h3>\n\n                <p>\n\n                    Ask us anything about making\n                    the most of library tools for\n                    your academic work.\n\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n\n        <div class=\"usj-kc-v2-chat-strip\">\n\n            <div\n                class=\"usj-kc-v2-chat-icon\"\n                aria-hidden=\"true\">\n\n                \u2615\n\n            <\/div>\n\n            <div>\n\n                <strong>\n                    Big research. Small details. Pure curiosity.\n                <\/strong>\n\n                <span>\n                    No matter the size of your question, the Library Knowledge Caf\u00e9 is open for you.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<div class=\"survey-wrapper\">\n  <!-- Event Header Section -->\n  <div class=\"event-header\">\n    <h2 class=\"event-title\">Join the Event!<\/h2>\n    <p class=\"event-subtitle\">\n      Please complete the pre-survey before participating and the post-survey once you&#8217;re finished.\n    <\/p>\n  <\/div>\n\n<div class=\"survey-container\">\n  <!-- Pre-Survey Card -->\n  <div class=\"survey-card pre-survey\">\n    <div class=\"survey-badge\">Step 1<\/div>\n    <h3 class=\"survey-title\">Pre-Survey<\/h3>\n    <p class=\"survey-description\">\n      Please complete this brief questionnaire prior to starting the program or session to help us understand your baseline experience.\n    <\/p>\n    <a href=\"https:\/\/forms.gle\/Y2mN1xNvzLS3DdcM7\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"survey-button pre-button\">\n      Take Pre-Survey\n    <\/a>\n  <\/div>\n\n  <!-- Post-Survey Card -->\n  <div class=\"survey-card post-survey\">\n    <div class=\"survey-badge\">Step 2<\/div>\n    <h3 class=\"survey-title\">Post-Survey<\/h3>\n    <p class=\"survey-description\">\n      Complete this feedback form after finishing the program or session so we can evaluate your experience and outcomes.\n    <\/p>\n    <a href=\"https:\/\/forms.gle\/pKvG7UWNM5RWgVik6\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"survey-button post-button\">\n      Take Post-Survey\n    <\/a>\n  <\/div>\n<\/div>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<style class=\"advgb-styles-renderer\">\n\n.usj-kc-v2-hero,\n.usj-kc-v2-hero * {\n    box-sizing:border-box;\n}\n\n.usj-kc-v2-hero {\n\n    --blue:#386983;\n    --blue-dark:#144b7c;\n    --navy:#264758;\n\n    --coffee:#815b43;\n    --coffee-dark:#5c4030;\n\n    --cream:#fbf5ed;\n    --cream-2:#f4e8da;\n\n    width:100;\n    max-width:none;\n    overflow:hidden;\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(--navy);\n\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.usj-kc-v2-hero-main {\n\n    position:relative;\n\n    min-height:690px;\n\n    display:flex;\n    align-items:center;\n\n    background:\n\n        radial-gradient(\n            circle at 78% 22%,\n            rgba(255,255,255,.22),\n            transparent 20%\n        ),\n\n        radial-gradient(\n            circle at 92% 78%,\n            rgba(255,255,255,.13),\n            transparent 24%\n        ),\n\n        linear-gradient(\n            135deg,\n            #244f68 0%,\n            #386983 45%,\n            #5b8292 100%\n        );\n\n    overflow:hidden;\n\n}\n\n\n\/* =========================================================\n   DECORATIVE SHAPES\n   ========================================================= *\/\n\n.usj-kc-v2-hero-main::before {\n\n    content:\"\";\n\n    position:absolute;\n\n    width:650px;\n    height:650px;\n\n    right:-230px;\n    top:-270px;\n\n    border-radius:50%;\n\n    border:\n        100px solid\n        rgba(255,255,255,.07);\n\n}\n\n\n.usj-kc-v2-hero-main::after {\n\n    content:\"\";\n\n    position:absolute;\n\n    width:300px;\n    height:300px;\n\n    left:-170px;\n    bottom:-190px;\n\n    border-radius:50%;\n\n    background:\n        rgba(255,255,255,.055);\n\n}\n\n\n\/* =========================================================\n   FLOATING DOTS\n   ========================================================= *\/\n\n.usj-kc-v2-dot {\n\n    position:absolute;\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:\n        rgba(255,255,255,.35);\n\n}\n\n\n.usj-kc-v2-dot.d1 {\n    top:18%;\n    right:31%;\n}\n\n.usj-kc-v2-dot.d2 {\n    top:67%;\n    right:11%;\n    width:12px;\n    height:12px;\n}\n\n.usj-kc-v2-dot.d3 {\n    top:29%;\n    left:8%;\n    width:6px;\n    height:6px;\n}\n\n.usj-kc-v2-dot.d4 {\n    bottom:17%;\n    left:37%;\n    width:10px;\n    height:10px;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.usj-kc-v2-container {\n\n    position:relative;\n\n    z-index:3;\n\n    width:100%;\n\n    max-width:1440px;\n\n    margin:0 auto;\n\n    padding:\n        65px 42px\n        105px;\n\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.usj-kc-v2-grid {\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1.1fr)\n        minmax(390px,.9fr);\n\n    align-items:center;\n\n    gap:70px;\n\n}\n\n\n\/* =========================================================\n   LIBRARY BRAND\n   ========================================================= *\/\n\n.usj-kc-v2-brand {\n\n    display:flex;\n\n    align-items:center;\n\n    gap:16px;\n\n    margin-bottom:38px;\n\n    color:#fff;\n\n}\n\n\n.usj-kc-v2-brand-name {\n\n    font-size:20px;\n\n    font-weight:800;\n\n    letter-spacing:-.02em;\n\n}\n\n\n.usj-kc-v2-brand-line {\n\n    width:95px;\n    height:2px;\n\n    background:\n        rgba(255,255,255,.72);\n\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.usj-kc-v2-eyebrow {\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    margin-bottom:18px;\n\n    padding:\n        8px 14px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.25);\n\n    border-radius:999px;\n\n    background:\n        rgba(255,255,255,.10);\n\n    color:#fff;\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:.11em;\n\n    text-transform:uppercase;\n\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n   ========================================================= *\/\n\n.usj-kc-v2-title {\n\n    margin:0;\n\n    color:#fff !important;\n\n    font-size:\n        clamp(54px,7vw,94px);\n\n    line-height:1.2;\n\n    letter-spacing:0em;\n\n    font-weight:950;\n\n}\n\n\n.usj-kc-v2-title .coffee-word {\n\n    display:block;\n\n    color:#f9e6d0;\n\n    text-shadow:\n        0 7px 20px rgba(0,0,0,.13);\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n   ========================================================= *\/\n\n.usj-kc-v2-tagline {\n\n    max-width:610px;\n\n    margin:\n        29px 0 0;\n\n    color:\n        rgba(255,255,255,.91);\n\n    font-size:\n        clamp(18px,2.1vw,24px);\n\n    line-height:1.4;\n\n    font-weight:650;\n\n}\n\n\n.usj-kc-v2-description {\n\n    max-width:620px;\n\n    margin:\n        18px 0 0;\n\n    color:\n        rgba(255,255,255,.73);\n\n    font-size:15px;\n\n    line-height:1.75;\n\n}\n\n\n\/* =========================================================\n   DROP-IN PILL\n   ========================================================= *\/\n\n.usj-kc-v2-dropin {\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    margin-top:27px;\n\n    padding:\n        12px 17px;\n\n    border-radius:12px;\n\n    background:#fff;\n\n    color:var(--blue-dark);\n\n    font-size:13px;\n\n    font-weight:900;\n\n    box-shadow:\n        0 10px 28px\n        rgba(0,0,0,.15);\n\n}\n\n\n\/* =========================================================\n   EVENT CARD\n   ========================================================= *\/\n\n.usj-kc-v2-event {\n\n    position:relative;\n\n    padding:\n        34px 34px 30px;\n\n    border-radius:26px;\n\n    background:\n        rgba(255,255,255,.97);\n\n    box-shadow:\n        0 30px 70px\n        rgba(18,48,63,.27);\n\n    overflow:hidden;\n\n}\n\n\n\/* Coffee circle *\/\n\n.usj-kc-v2-event::after {\n\n    content:\"\u2615\";\n\n    position:absolute;\n\n    right:-18px;\n    top:-25px;\n\n    font-size:105px;\n\n    opacity:.075;\n\n    transform:rotate(10deg);\n\n}\n\n\n\/* =========================================================\n   DATE\n   ========================================================= *\/\n\n.usj-kc-v2-date-top {\n\n    color:#92725d;\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:.12em;\n\n    text-transform:uppercase;\n\n}\n\n\n.usj-kc-v2-date {\n\n    margin-top:7px;\n\n    color:var(--coffee-dark);\n\n    font-size:\n        clamp(42px,4.5vw,59px);\n\n    line-height:1;\n\n    letter-spacing:-.055em;\n\n    font-weight:950;\n\n}\n\n\n\/* =========================================================\n   FREE COFFEE BADGE\n   ========================================================= *\/\n\n.usj-kc-v2-free {\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:7px;\n\n    margin-top:14px;\n\n    padding:\n        8px 11px;\n\n    border-radius:8px;\n\n    background:#f5e9dc;\n\n    color:var(--coffee-dark);\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:.04em;\n\n    text-transform:uppercase;\n\n}\n\n\n\/* =========================================================\n   EVENT INFO\n   ========================================================= *\/\n\n.usj-kc-v2-info {\n\n    margin-top:25px;\n\n}\n\n\n.usj-kc-v2-info-row {\n\n    display:flex;\n\n    align-items:center;\n\n    gap:13px;\n\n    padding:\n        14px 0;\n\n    border-top:\n        1px solid\n        #eee7e1;\n\n}\n\n\n.usj-kc-v2-info-icon {\n\n    flex:0 0 39px;\n\n    width:39px;\n    height:39px;\n\n    display:grid;\n\n    place-items:center;\n\n    border-radius:11px;\n\n    background:#edf4f7;\n\n    font-size:17px;\n\n}\n\n\n.usj-kc-v2-info-label {\n\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#927c6e;\n\n    font-size:9px;\n\n    font-weight:900;\n\n    letter-spacing:.10em;\n\n    text-transform:uppercase;\n\n}\n\n\n.usj-kc-v2-info-value {\n\n    color:var(--navy);\n\n    font-size:14px;\n\n    line-height:1.4;\n\n    font-weight:750;\n\n}\n\n\n\/* =========================================================\n   BOTTOM CARD MESSAGE\n   ========================================================= *\/\n\n.usj-kc-v2-card-bottom {\n\n    margin-top:18px;\n\n    padding:\n        13px 15px;\n\n    border-radius:11px;\n\n    background:#f7f2ed;\n\n    color:#715d50;\n\n    font-size:12px;\n\n    line-height:1.5;\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(max-width:980px){\n\n    .usj-kc-v2-grid {\n\n        grid-template-columns:1fr;\n\n        gap:42px;\n\n    }\n\n    .usj-kc-v2-event {\n\n        max-width:680px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:600px){\n\n    .usj-kc-v2-hero-main {\n\n        min-height:auto;\n\n    }\n\n    .usj-kc-v2-container {\n\n        padding:\n            45px 17px\n            78px;\n\n    }\n\n    .usj-kc-v2-brand {\n\n        margin-bottom:29px;\n\n    }\n\n    .usj-kc-v2-brand-name {\n\n        font-size:18px;\n\n    }\n\n    .usj-kc-v2-brand-line {\n\n        width:55px;\n\n    }\n\n    .usj-kc-v2-title {\n\n        font-size:75px;\n\n    }\n\n    .usj-kc-v2-tagline {\n\n        font-size:18px;\n\n    }\n\n    .usj-kc-v2-description {\n\n        font-size:14px;\n\n    }\n\n    .usj-kc-v2-event {\n\n        padding:\n            25px 21px 23px;\n\n        border-radius:20px;\n\n    }\n\n    .usj-kc-v2-date {\n\n        font-size:38px;\n\n    }\n\n}\n\n\n\n.usj-kc-v2-services,\n.usj-kc-v2-services * {\n    box-sizing:border-box;\n}\n\n.usj-kc-v2-services {\n\n    --blue:#386983;\n    --blue-dark:#144b7c;\n    --navy:#264758;\n\n    --coffee:#815b43;\n    --cream:#fbf5ed;\n    --cream-2:#f4e8da;\n\n    --text:#243447;\n    --muted:#687789;\n    --border:#dfe7ef;\n\n    width:100;\n    background:#fff;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Helvetica,\n        Arial,\n        sans-serif;\n\n}\n\n\n.usj-kc-v2-services-inner {\n\n    width:100%;\n\n    max-width:1440px;\n\n    margin:0 auto;\n\n    padding:\n        82px 42px\n        88px;\n\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.usj-kc-v2-services-header {\n\n    display:flex;\n\n    justify-content:space-between;\n\n    align-items:end;\n\n    gap:30px;\n\n}\n\n\n.usj-kc-v2-services-label {\n\n    margin-bottom:9px;\n\n    color:var(--blue);\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:.12em;\n\n    text-transform:uppercase;\n\n}\n\n\n.usj-kc-v2-services h2 {\n\n    margin:0;\n\n    color:var(--navy) !important;\n\n    font-size:\n        clamp(31px,4vw,47px);\n\n    line-height:1.05;\n\n    letter-spacing:-.045em;\n\n    font-weight:950;\n\n}\n\n\n.usj-kc-v2-services-intro {\n\n    max-width:500px;\n\n    margin:0;\n\n    color:var(--muted) !important;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   CARDS\n   ========================================================= *\/\n\n.usj-kc-v2-service-grid {\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,minmax(0,1fr));\n\n    gap:15px;\n\n    margin-top:43px;\n\n}\n\n\n.usj-kc-v2-service-card {\n\n    position:relative;\n\n    min-height:270px;\n\n    padding:27px;\n\n    border:\n        1px solid\n        var(--border);\n\n    border-radius:20px;\n\n    background:#fff;\n\n    overflow:hidden;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease,\n        border-color .2s ease;\n\n}\n\n\n.usj-kc-v2-service-card:hover {\n\n    transform:translateY(-5px);\n\n    border-color:#b9ccd7;\n\n    box-shadow:\n        0 17px 38px\n        rgba(36,52,71,.10);\n\n}\n\n\n\/* Number *\/\n\n.usj-kc-v2-service-number {\n\n    position:absolute;\n\n    right:19px;\n    top:16px;\n\n    color:#e9eef1;\n\n    font-size:52px;\n\n    line-height:1;\n\n    font-weight:950;\n\n}\n\n\n\/* Icon *\/\n\n.usj-kc-v2-service-icon {\n\n    width:54px;\n    height:54px;\n\n    display:grid;\n\n    place-items:center;\n\n    margin-bottom:25px;\n\n    border-radius:15px;\n\n    background:#edf4f7;\n\n    font-size:24px;\n\n}\n\n\n\/* Text *\/\n\n.usj-kc-v2-service-card h3 {\n\n    margin:0 0 10px;\n\n    color:var(--navy) !important;\n\n    font-size:18px;\n\n    line-height:1.25;\n\n    font-weight:900;\n\n}\n\n\n.usj-kc-v2-service-card p {\n\n    margin:0;\n\n    color:var(--muted) !important;\n\n    font-size:13px;\n\n    line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   BOTTOM STRIP\n   ========================================================= *\/\n\n.usj-kc-v2-chat-strip {\n\n    display:flex;\n\n    align-items:center;\n\n    gap:18px;\n\n    margin-top:27px;\n\n    padding:\n        20px 23px;\n\n    border-radius:16px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--cream),\n            #f9f5ef\n        );\n\n}\n\n\n.usj-kc-v2-chat-icon {\n\n    flex:0 0 45px;\n\n    width:45px;\n    height:45px;\n\n    display:grid;\n\n    place-items:center;\n\n    border-radius:12px;\n\n    background:#fff;\n\n    box-shadow:\n        0 5px 14px\n        rgba(83,62,48,.08);\n\n    font-size:20px;\n\n}\n\n\n.usj-kc-v2-chat-strip strong {\n\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#624737;\n\n    font-size:14px;\n\n}\n\n\n.usj-kc-v2-chat-strip span {\n\n    color:#78695f;\n\n    font-size:13px;\n\n    line-height:1.5;\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(max-width:1000px){\n\n    .usj-kc-v2-service-grid {\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n    }\n\n}\n\n\n@media(max-width:800px){\n\n    .usj-kc-v2-services-header {\n\n        display:block;\n\n    }\n\n    .usj-kc-v2-services-intro {\n\n        margin-top:13px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:600px){\n\n    .usj-kc-v2-services-inner {\n\n        padding:\n            58px 17px\n            65px;\n\n    }\n\n    .usj-kc-v2-service-grid {\n\n        grid-template-columns:1fr;\n\n        gap:12px;\n\n        margin-top:30px;\n\n    }\n\n    .usj-kc-v2-service-card {\n\n        min-height:auto;\n\n        padding:23px;\n\n    }\n\n    .usj-kc-v2-chat-strip {\n\n        align-items:flex-start;\n\n    }\n\n}\n\n\n  \/* Layout Container *\/\n  .survey-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin: 25px 0;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  \/* Base Card Styles *\/\n  .survey-card {\n    flex: 1 1 300px;\n    background-color: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    padding: 24px;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-sizing: border-box;\n  }\n\n  \/* Badge Indicator *\/\n  .survey-badge {\n    align-self: flex-start;\n    background-color: #f1f5f9;\n    color: #475569;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 4px 10px;\n    border-radius: 12px;\n    margin-bottom: 12px;\n  }\n\n  \/* Content Typography *\/\n  .survey-title {\n    margin: 0 0 10px 0;\n    color: #1e293b;\n    font-size: 20px;\n    font-weight: 600;\n  }\n\n  .survey-description {\n    color: #64748b;\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 20px 0;\n    flex-grow: 1;\n  }\n\n  \/* Action Buttons *\/\n  .survey-button {\n    display: inline-block;\n    text-align: center;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 15px;\n    padding: 12px 20px;\n    border-radius: 6px;\n    transition: background-color 0.2s ease, transform 0.1s ease;\n  }\n\n  .pre-button {\n    background-color: #8090c0;\n    color: #ffffff !important;\n  }\n\n  .pre-button:hover {\n    background-color: #8090c0;\n  }\n\n  .post-button {\n    background-color: #f29b8f;\n    color: #ffffff !important;\n  }\n\n  .post-button:hover {\n    background-color: #f29b8f;\n  }\n\n  \/* Responsive Stacking *\/\n  @media (max-width: 640px) {\n    .survey-card {\n      flex: 1 1 100%;\n    }\n  }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>USJ Library \u2615 DROP-IN LIBRARY EVENT Knowledge Caf\u00e9 Where curiosity meets confidence. Join us for a relaxed session to chat about academic work, research, study strategies, library resources \u2014 or whatever is on your mind. \u2615 No registration \u00b7 Just drop in Save the afternoon September 21 \u2615 Free tea &amp; coffee \ud83d\udd52 Drop-in Hours [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":466144,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-465527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-events_act"],"gutentor_comment":0,"author_meta":{"display_name":"emily chan","author_link":"https:\/\/library.usj.edu.mo\/zh\/author\/emilychan\/"},"featured_img":"https:\/\/library.usj.edu.mo\/wp-content\/uploads\/2026\/09\/knowledge-Cafe_banner-300x158.jpeg","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/library.usj.edu.mo\/zh\/category\/news\/events_act\/\" class=\"advgb-post-tax-term\">Events<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Events<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 2 \u9031 ago","modified":"Updated 3 \u5929 ago"},"absolute_dates":{"created":"Posted on 18 9 \u6708, 2026","modified":"Updated on 29 9 \u6708, 2026"},"absolute_dates_time":{"created":"Posted on 18 9 \u6708, 2026 7:17 \u4e0b\u5348","modified":"Updated on 29 9 \u6708, 2026 8:03 \u4e0b\u5348"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts\/465527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/comments?post=465527"}],"version-history":[{"count":11,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts\/465527\/revisions"}],"predecessor-version":[{"id":465582,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/posts\/465527\/revisions\/465582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media\/466144"}],"wp:attachment":[{"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/media?parent=465527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/categories?post=465527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/library.usj.edu.mo\/zh\/wp-json\/wp\/v2\/tags?post=465527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}