{"id":701,"date":"2025-02-24T06:31:07","date_gmt":"2025-02-24T06:31:07","guid":{"rendered":"https:\/\/school.csrp.hku.hk\/?page_id=701"},"modified":"2026-02-27T14:59:21","modified_gmt":"2026-02-27T06:59:21","slug":"background-and-previous-efforts","status":"publish","type":"page","link":"https:\/\/school.csrp.hku.hk\/zh\/background-and-previous-efforts\/","title":{"rendered":"\u9805\u76ee\u7c21\u4ecb\u8207\u65e9\u524d\u6210\u679c"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">    <!-- About Start here -->\r\n    <section class=\"about   project-result-container\"  >\r\n      <div class=\"overlay padding-120\" style=\"background-color: rgba(255,255,255,0.3)\" >\r\n        <div class=\"container\">\r\n          <div class=\"row\">\r\n                        <div class=\"col-md-6\">\r\n              <div class=\"about-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/school.csrp.hku.hk\/wp-content\/uploads\/2026\/01\/4-\u5b78\u751f\u5b88\u9580\u54e1\u57f9\u8a13\u9805\u76ee\u7c21\u4ecb\u8207\u65e9\u524d\u6210\u679c.png\" alt=\"\" class=\"img-responsive\">\r\n              <\/div>\r\n            <\/div>\r\n                        <div class=\"col-md-6\">\r\n              <div class=\"about-content\">\r\n                <h3>\u7cbe\u795e\u5065\u5eb7\u5b78\u751f\u5b88\u9580\u54e1\u57f9\u8a13<\/h3>\r\n                <p>\u7cbe\u795e\u5065\u5eb7\u5b78\u751f\u5b88\u9580\u54e1\u57f9\u8a13 (S.H.I.E.L.D.S.) \u81f4\u529b\u57f9\u8a13\u9ad8\u4e2d\u8207\u9ad8\u5c0f\u5b78\u751f\u70ba\u670b\u8f29\u9818\u8896\uff0c\u5728\u9632\u6b62\u81ea\u6bba\u53ca\u63a8\u64f4\u7cbe\u795e\u5065\u5eb7\u4e0a\u6210\u70ba\u5b88\u9580\u4eba\u3002\u6bcf\u500b\u4eba\u90fd\u53ef\u4ee5\u6210\u7232\u5b88\u9580\u4eba\uff0c\u8fa8\u8a8d\u81ea\u6bba\u53ca\u7cbe\u795e\u56f0\u64fe\u7684\u5fb5\u5146\uff0c\u70ba\u6709\u9700\u8981\u7684\u4eba\u63d0\u4f9b\u652f\u6301\u548c\u8f49\u4ecb\u6709\u95dc\u8cc7\u6e90\u7d66\u4ed6\u5011\u3002<\/p>\n<p>\u6709\u7814\u7a76\u6307\u51fa\u5b88\u9580\u4eba\u8a08\u5283\u5728\u793e\u5340\u9632\u6b62\u81ea\u6bba\u53ca\u63d0\u5347\u6c42\u52a9\u884c\u70ba\u4e0a\u6709\u6b63\u9762\u7684\u5f71\u97ff\u3002\u6211\u5011\u7684\u7814\u7a76\u4ea6\u6307\u51fa\uff0c\u5e74\u8f15\u4eba\u9858\u610f\u5411\u6709\u9700\u8981\u7684\u670b\u8f29\u4f38\u51fa\u63f4\u624b\uff0c\u800c\u57f9\u8a13\u5b78\u751f\u5728\u5b78\u6821\u7fa4\u9ad4\u4e2d\u6210\u70ba\u9818\u8896\u5c0d\u652f\u63f4\u53d7\u56f0\u64fe\u7684\u540c\u5b78\u6709\u660e\u986f\u7684\u597d\u8655\u3002<\/p>\n<p>S.H.I.E.L.D.S.\u8a08\u5283\u6700\u521d\u7531\u9999\u6e2f\u7279\u5225\u884c\u653f\u5340\u653f\u5e9c\u91ab\u52d9\u885e\u751f\u5c40\u300c\u7cbe\u795e\u5065\u5eb7\u9805\u76ee\u8cc7\u52a9\u8a08\u5283\u300d\u652f\u6301\uff0c\u65bc2022\u5e74\u81f32024\u5e74\u9032\u884c\uff0c\u73fe\u5e0c\u671b\u900f\u904e\u512a\u8cea\u6559\u80b2\u57fa\u91d1\u7684\u8cc7\u52a9\u64f4\u5927\u5176\u8986\u84cb\u7bc4\u570d\u548c\u5f71\u97ff\u529b\u3002\u53c3\u8207\u5b78\u6821\u7684\u6578\u91cf\u73fe\u64f4\u5927\u81f340\u6240\uff0c\u4e26\u5c07\u7bc4\u570d\u5f9e\u50c5\u9650\u65bc\u4e2d\u5b78\u64f4\u5c55\u81f3\u5c0f\u5b78\u3002<\/p>\r\n              <ul>\r\n                                                 <\/ul>\r\n              <\/div><!-- about content -->\r\n            <\/div>\r\n                      <\/div><!-- row -->\r\n        <\/div><!-- container -->\r\n      <\/div><!-- overlay -->\r\n    <\/section><!-- about -->\r\n    <!-- About End here -->\r\n\r\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n:root {\n    --brand-orange: #e85d33; \/* \u5716\u7247\u4e2d\u7684\u6a58\u7d05\u8272 *\/\n    --text-grey: #555;\n}\n\n\n.container {\n    max-width: 1100px;\n    margin: 0 auto;\n}\n\n.main-header h2 {\n    color: var(--brand-orange);\n    font-size: 2rem!important;\n    letter-spacing: 5px;\n    margin-bottom: 20px;\n}\n\n.main-header p {\n    color: #888;\n    font-size: 16px;\n    line-height: 1.8;\n    max-width: 850px;\n    margin: 0 auto 60px;\n}\n\n\n.quote-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n.quote-card.left-align{\n    margin-bottom: 65px;\n}\n\n\/* \u5c0d\u8a71\u6846\u4e3b\u9ad4 *\/\n.bubble-container {\n    border: 2px solid var(--brand-orange);\n    border-radius: 10px;\n    padding: 40px 30px;\n    position: relative;\n    background: white;\n    min-height: 300px;\n    display: flex;\n    flex-direction: column;\n}\n\n.content {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    text-align: left;\n    color: var(--text-grey);\n    font-size: 0.9rem;\n}\n\n.content li {\n    margin-bottom: 15px;\n    position: relative;\n    padding-left: 15px;\n}\n\n.content li::before {\n    content: \"\u25cf\";\n    position: absolute;\n    left: 0;\n    font-size: 10px;\n    top: 2px;\n}\n\n.author {\n    margin-top: auto;\n    font-weight: bold;\n    color: #666;\n    text-align: left;\n    padding-bottom: 10px;\n}\n\n\/* \u5c16\u89d2\u8a2d\u8a08\uff1a\u9019\u662f\u6700\u96e3\u7684\u90e8\u5206 *\/\n.pointer {\n    position: absolute;\n    bottom: -20px;\n    width: 40px;\n    height: 40px;\n    background: white;\n    border-left: 2px solid var(--brand-orange);\n    border-bottom: 2px solid var(--brand-orange);\n    transform: rotate(-32deg) skewX(30deg); \/* \u8abf\u6574\u89d2\u5ea6\u4ee5\u7b26\u5408\u5716\u7247 *\/\n}\n\n\/* \u5de6\u5074\u5361\u7247\u7684\u5c16\u89d2\u9760\u8fd1\u53f3\u908a\uff0c\u53f3\u5074\u5361\u7247\u7684\u5c16\u89d2\u9760\u8fd1\u5de6\u908a *\/\n.left-align .pointer { left: 60px; }\n.right-align .pointer { left: 60px; }\n\n\/* \u982d\u50cf *\/\n.avatar-wrapper {\n    margin-top: 35px;\n    display: flex;\n}\n\n\/* \u8abf\u6574\u5de6\u908a\u5361\u7247\u982d\u50cf\u9760\u5de6\uff0c\u53f3\u908a\u5361\u7247\u982d\u50cf\u9760\u5de6 (\u6839\u64da\u5716\u7247) *\/\n.left-align .avatar-wrapper { padding-left: 45px; }\n.right-align .avatar-wrapper { padding-left: 45px; }\n\n.avatar-wrapper img {\n    width: 90px;\n    height: 90px;\n    border-radius: 50%;\n    border: 3px solid var(--brand-orange);\n    object-fit: cover;\n}\n<\/style>\n\n\n<div class=\"container\">\n    <header class=\"main-header\">\n        <h2>\u5206\u4eab<\/h2>\n        <p>\u5171\u6709\u4f86\u81ea\u516b\u6240\u672c\u5730\u4e2d\u5b78\u768490\u540d\u5b78\u751f\u9818\u8896\u548c37\u540d\u6559\u8077\u54e1\u53c3\u52a0\u4e86 S.H.I.E.L.D.S. \u7684\u9996\u8f2a\u6d3b\u52d5\u3002\u5b78\u751f\u9818\u8896\u65bc\u8a08\u5283\u5f8c\u5206\u4eab\u9053\uff0c\u57f9\u8a13\u63d0\u5347\u4e86\u4ed6\u5011\u8a55\u4f30\u8207\u652f\u6301\u670b\u8f29\u7684\u6280\u5de7\uff0c\u662f\u4e00\u500b\u5bf6\u8cb4\u7684\u5b78\u7fd2\u7d93\u9a57\u3002\u6b64\u5916\uff0c\u4ed6\u5011\u53cd\u601d\u8aaa\uff0c\u900f\u904e\u5206\u4eab\u4ed6\u5011\u6240\u5b78\uff0c\u5b78\u751f\u4e3b\u5c0e\u8a08\u5283\u4e0d\u50c5\u80fd\u63d0\u9ad8\u670b\u8f29\u5c0d\u7cbe\u795e\u5065\u5eb7\u7684\u8a8d\u8b58\uff0c\u4e5f\u662f\u4ed6\u5011\u5b78\u7fd2\u8a08\u5283\u548c\u5be6\u65bd\u5b78\u6821\u793e\u5340\u6d3b\u52d5\u7684\u5bf6\u8cb4\u7d93\u9a57\uff01<\/p>\n    <\/header>\n\n    <div class=\"quotes-section\">\n        <div class=\"quote-card left-align\">\n            <div class=\"bubble-container\">\n                <ul class=\"content\">\n                    <li>\u6e2f\u5927\u7684\u57f9\u8a13\u4ee4\u6211\u5b78\u6703\u600e\u9ebc\u53bb\u8a55\u4f30\u540c\u8f29\u7684\u72c0\u614b\u3002\u7576\u6211\u9047\u5230\u540c\u8f29\u6709\u60c5\u7dd2\u554f\u984c\u6642\uff0c\u6211\u5011\u8b8a\u5f97\u66f4\u52c7\u6562\u5730\u76f4\u63a5\u8a62\u554f\u3002<\/li>\n                    <li>\u9019\u500b\u8a08\u5283\u8457\u91cd\u6559\u6703\u5b78\u751f\u81ea\u6211\u95dc\u6ce8\u3002\u6211\u5b78\u6703\u4e86\u5728\u5e6b\u52a9\u4ed6\u4eba\u524d\uff0c\u9700\u8981\u5148\u7167\u9867\u597d\u81ea\u5df1\u3002\u5982\u679c\u7121\u6cd5\u5148\u597d\u597d\u7167\u9867\u81ea\u5df1\uff0c\u9019\u5c0d\u81ea\u8eab\u548c\u5c0d\u65b9\u90fd\u6c92\u6709\u597d\u8655\u3002\u56e0\u6b64\uff0c\u9019\u500b\u8a08\u5283\u8b93\u6211\u601d\u8003\u5982\u4f55\u52a0\u5f37\u81ea\u6211\u95dc\u6ce8\uff0c\u4e26\u9032\u4e00\u6b65\u95dc\u6ce8\u81ea\u5df1\u7684\u60f3\u6cd5\u3002<\/li>\n                    <li>\u6211\u5e0c\u671b\u6210\u70ba\u9019\u500b\u5b78\u751f\u9818\u8896\u89d2\u8272\u5f8c\uff0c\u6211\u80fd\u627f\u64d4\u4e00\u5b9a\u7a0b\u5ea6\u7684\u8077\u8cac\uff0c\u9032\u4e00\u6b65\u95dc\u6ce8\u8eab\u908a\u4eba\u7684\u60c5\u611f\u53ca\u7cbe\u795e\u5065\u5eb7\u3002<\/li>\n                <\/ul>\n                <div class=\"author\"> \u4e2d\u5b78\u9818\u8896\u7562\u696d\u751f\u5206\u4eab<\/div>\n                <div class=\"pointer\"><\/div>\n            <\/div>\n            <div class=\"avatar-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/v3dev.dextech.studio\/csrp-ow1\/wp-content\/uploads\/2025\/05\/student-leader-avatar.png\" alt=\"Avatar\">\n            <\/div>\n        <\/div>\n\n        <div class=\"quote-card right-align\">\n            <div class=\"bubble-container\">\n                <ul class=\"content\">\n                    <li>\u6211\u5f88\u69ae\u5e78\u53c3\u52a0\u9019\u6b21\u57f9\u8a13\uff0c\u4e5f\u5f88\u9ad8\u8208\u770b\u5230\u5b78\u751f\u5011\u8b8a\u5f97\u66f4\u6709\u81ea\u4fe1\u5730\u70ba\u670b\u8f29\u63d0\u4f9b\u652f\u63f4\u3002\u5e0c\u671b\u4ed6\u5011\u80fd\u5b78\u4ee5\u81f4\u7528\uff0c\u66f4\u52c7\u65bc\u5617\u8a66\u3002<\/li>\n                    <li>\u9019\u500b\u8a08\u5283\u8b93\u6211\u5011\u6709\u6a5f\u6703\u5be6\u73fe\u5922\u60f3\u7740\u5617\u8a66\u7684\u6d3b\u52d5\uff0c\u751a\u81f3\u80fd\u9032\u884c\u6e2c\u8a66\u8207\u63a2\u7d22\u3002<\/li>\n                    <li>\u6211\u8a8d\u70ba SHIELDS \u6700\u73cd\u8cb4\u4e4b\u8655\u662f\u80fd\u5920\u70ba\u8001\u5e2b\u548c\u5b78\u751f\u5275\u9020\u50b3\u627f\u77e5\u8b58\u8207\u6280\u80fd\u7684\u6a5f\u6703\u3002<\/li>\n                <\/ul>\n                <div class=\"author\">\u8001\u5e2b\u5206\u4eab<\/div>\n                <div class=\"pointer\"><\/div>\n            <\/div>\n            <div class=\"avatar-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/v3dev.dextech.studio\/csrp-ow1\/wp-content\/uploads\/2025\/05\/teacher-avatar.png\" alt=\"Avatar\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"\u7cbe\u795e\u5065\u5eb7\u5b78\u751f\u5b88\u9580\u54e1\u57f9\u8a13 \u7cbe\u795e\u5065\u5eb7\u5b78\u751f\u5b88\u9580\u54e1\u57f9\u8a13 ( ","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":56,"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":3772,"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/pages\/701\/revisions\/3772"}],"wp:attachment":[{"href":"https:\/\/school.csrp.hku.hk\/zh\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}