\u672a\u6765\u5b66\u672f GECA – 1\u5bf91\u5b9a\u5236\u79d1\u7814<\/title>\n <style>\n :root {\n --apple-blue: #0071e3;\n --bg-white: #ffffff;\n --bg-light-blue: #e3f2fd;\n --text-black: #000000;\n --text-gray: #6e6e73;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; font-family: \"SF Pro Display\", \"PingFang SC\", sans-serif; }\n \n body { \n background: linear-gradient(to bottom, var(--bg-white) 0%, var(--bg-white) 30%, var(--bg-light-blue) 100%);\n color: var(--text-black); \n line-height: 1.5;\n min-height: 100vh;\n }\n\n \/* 1. Hero \u533a\u57df *\/\n .hero-section {\n padding: 120px 8% 80px;\n text-align: center;\n background: var(--bg-white);\n }\n\n .hero-title { \n font-size: 64px; font-weight: 700; margin-bottom: 24px; \n letter-spacing: -1.5px; color: var(--text-black);\n }\n\n .hero-sub { \n font-size: 26px; font-weight: 500; color: var(--text-black); \n max-width: 850px; margin: 0 auto;\n }\n\n \/* 2. \u7cfb\u7edf\u5316\u57f9\u517b\u4f53\u7cfb *\/\n .system-section {\n padding: 80px 8%;\n display: flex;\n align-items: center;\n gap: 60px;\n }\n .system-text { flex: 1; }\n .system-text h2 { font-size: 36px; font-weight: 700; margin-bottom: 24px; color: var(--text-black); }\n .system-text p { font-size: 18px; color: var(--text-black); opacity: 0.8; line-height: 1.8; }\n \n .system-image { \n flex: 1; \n height: 420px; \n background: #f2f2f7; \n border-radius: 20px; \n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n }\n\n .research-roadmap {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n padding: 25px;\n width: 100%;\n }\n .step-box {\n background: #fff;\n padding: 20px;\n border-radius: 15px;\n text-align: left;\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n border: 1px solid #eee;\n transition: 0.3s;\n }\n .step-box h4 { font-size: 16px; margin-bottom: 5px; color: #000; }\n .step-box p { font-size: 12px; line-height: 1.4; color: #666; margin: 0; opacity: 0.9; }\n\n \/* 3. \u79d1\u7814\u4f18\u52bf\u7f51\u683c - \u7eaf\u9ed1\u5b57\u4f53 *\/\n .highlights-section { padding: 80px 8%; }\n .section-title { font-size: 42px; font-weight: 700; margin-bottom: 60px; text-align: center; color: var(--text-black); }\n\n .highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }\n .h-card {\n background: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(10px);\n padding: 40px; border-radius: 24px; \n border: 1px solid rgba(0,0,0,0.05);\n color: #000000;\n }\n .h-card h3 { color: #000000; margin-bottom: 15px; }\n .h-card p { color: #000000; opacity: 1; }\n\n \/* 4. \u8bfe\u9898\u5e93\u7b5b\u9009\u5668 *\/\n .filter-bar { \n display: flex; justify-content: space-between; align-items: center; \n margin: 60px 0 40px; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 20px; \n }\n .tags { display: flex; gap: 12px; }\n .tag {\n padding: 10px 24px; border-radius: 50px; \n background: #ffffff; border: 1px solid #ddd;\n font-size: 14px; font-weight: 600; cursor: pointer; color: #000; transition: 0.3s;\n }\n .tag.active { background: #000000; color: #ffffff; border-color: #000; }\n\n \/* \u8bfe\u9898\u7f51\u683c *\/\n .course-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; padding-bottom: 100px; }\n .c-card {\n background: #fff; border-radius: 20px; overflow: hidden;\n display: flex; flex-direction: column;\n border: 1px solid rgba(0,0,0,0.05); transition: 0.3s;\n cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n }\n .c-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }\n\n .c-header { \n height: 180px; display: flex; flex-direction: column; align-items: center; \n justify-content: center; color: #fff; position: relative; text-align: center; padding: 20px;\n }\n .c-header .en-title { font-size: 18px; font-weight: 800; margin-bottom: 5px; }\n .c-header .methods { font-size: 11px; opacity: 0.9; font-weight: 500; }\n \n .c-tag-label { \n position: absolute; bottom: 20px; right: 20px; \n padding: 4px 12px; border-radius: 6px; font-size: 11px; font-weight: 700; color: #fff;\n background: rgba(0,0,0,0.2);\n }\n \n .c-info { padding: 25px; background: #fff; flex: 1; display: flex; flex-direction: column; }\n .c-title { font-size: 17px; font-weight: 700; margin-bottom: 15px; height: 50px; overflow: hidden; color: #000000; }\n .c-innovation { font-size: 12px; color: #444; margin-bottom: 20px; line-height: 1.4; }\n .c-footer { font-size: 11px; color: #666; border-top: 1px solid #f2f2f7; padding-top: 15px; margin-top: auto; }\n\n .grad-ai { background: linear-gradient(135deg, #0071e3 0%, #00d2ff 100%); }\n .grad-biz { background: linear-gradient(135deg, #ff6b00 0%, #ffcc00 100%); }\n .grad-sci { background: linear-gradient(135deg, #34c759 0%, #9ef100 100%); }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"hero-section\">\n <h1 class=\"hero-title\">\u91cd\u65b0\u5b9a\u4e49\u79d1\u7814\u60f3\u8c61<\/h1>\n <h2 class=\"hero-sub\">\u4ee5\u4f60\u7684\u597d\u5947\u5fc3\u4e3a\u6e90\uff0c\u70b9\u71c3\u672a\u6765\u7684\u5b66\u672f\u6f5c\u80fd<\/h2>\n <\/section>\n\n <div style=\"padding: 0 8%;\">\n <section class=\"system-section\">\n <div class=\"system-text\">\n <h2>\u7cfb\u7edf\u5316\u79d1\u7814\u57f9\u517b\u4f53\u7cfb<\/h2>\n <p>\u57fa\u4e8e\u771f\u5b9e\u79d1\u7814\u6d41\u7a0b\uff0c\u6784\u5efa\u4ece\u201c\u79d1\u7814\u9009\u9898\u3001\u6587\u732e\u8c03\u7814\u3001\u65b9\u6cd5\u8bbe\u8ba1\u3001\u5b9e\u9a8c\u9a8c\u8bc1\u201d\u5230\u201c\u8bba\u6587\u53d1\u8868\u201d\u7684\u5b8c\u6574\u8def\u5f84\u3002<\/p>\n <\/div>\n <div class=\"system-image\">\n <div class=\"research-roadmap\">\n <div class=\"step-box\"><h4>\u9009\u9898\u4e0e\u6587\u732e<\/h4><p>\u6316\u6398\u5174\u8da3\u70b9\uff0c\u5b8c\u6210\u6838\u5fc3\u6587\u732e\u7efc\u8ff0\u4e0eGap\u5206\u6790\u3002<\/p><\/div>\n <div class=\"step-box\"><h4>\u65b9\u6cd5\u8bba\u6784\u5efa<\/h4><p>\u786e\u5b9a\u6280\u672f\u8def\u7ebf\uff0c\u9009\u62e9\u6700\u4f18\u6570\u5b66\u6a21\u578b\u3002<\/p><\/div>\n <div class=\"step-box\"><h4>\u6570\u636e\u4e0e\u5b9e\u9a8c<\/h4><p>\u5f00\u5c55\u5b9e\u9a8c\u5ba4\u64cd\u4f5c\u6216\u6570\u636e\u722c\u53d6\uff0c\u9a8c\u8bc1\u7814\u7a76\u5047\u8bbe\u3002<\/p><\/div>\n <div class=\"step-box\"><h4>\u8bba\u6587\u6210\u7a3f<\/h4><p>\u5b66\u672f\u82f1\u8bed\u6da6\u8272\uff0c\u64b0\u5199\u9ad8\u8d28\u91cf\u56fe\u8868\u3002<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"highlights-section\">\n <h2 class=\"section-title\">\u6c89\u6d78\u5f0f\u79d1\u7814\u4f18\u52bf<\/h2>\n <div class=\"highlights\">\n <div class=\"h-card\"><h3>\u63a2\u7a76\u5f0f\u79d1\u7814\u8def\u5f84<\/h3><p>\u4ece\u5b66\u4e60\u601d\u7ef4\u8f6c\u53d8\u4e3a\u7814\u7a76\u601d\u7ef4\uff0c\u638c\u63e1\u5e95\u5c42\u5b66\u672f\u903b\u8f91\u3002<\/p><\/div>\n <div class=\"h-card\"><h3>\u6ee1\u8db3\u4e2a\u6027\u5316\u9700\u6c42<\/h3><p>\u5c0a\u91cd\u5174\u8da3\u70b9\uff0c\u5b9a\u5236\u7279\u8272\u8bfe\u9898\uff0c\u5339\u914d\u5168\u7403\u6700\u9002\u5408\u5bfc\u5e08\u3002<\/p><\/div>\n <div class=\"h-card\"><h3>\u5bfc\u5e08\u5236\u9886\u822a<\/h3><p>\u624b\u628a\u624b\u4f20\u6388\u5b66\u672f\u201c\u5185\u529f\u201d\uff0c\u52a9\u529b\u4ea7\u51fa\u9ad8\u6c34\u5e73\u5b66\u672f\u8bba\u6587\u3002<\/p><\/div>\n <div class=\"h-card\"><h3>\u6570\u5b57\u5316\u5c65\u5386<\/h3><p>\u5efa\u7acb\u4e13\u5c5e\u6210\u679c\u5e93\uff0c\u5c06\u79d1\u7814\u79ef\u6dc0\u8f6c\u5316\u4e3a\u76f4\u89c2\u7ade\u4e89\u529b\u3002<\/p><\/div>\n <\/div>\n <\/section>\n\n <div class=\"filter-bar\">\n <h3 style=\"font-size: 24px;\">\u5b66\u672f\u8bfe\u9898\u8d44\u6e90\u5e93<\/h3>\n <div class=\"tags\">\n <button class=\"tag active\" data-filter=\"all\">\u5168\u90e8<\/button>\n <button class=\"tag\" data-filter=\"ai\">\u4eba\u5de5\u667a\u80fd\/CV\/NLP<\/button>\n <button class=\"tag\" data-filter=\"business\">\u91d1\u878d\/\u5546\u79d1\/\u51b3\u7b56<\/button>\n <button class=\"tag\" data-filter=\"science\">\u7406\u5de5\/\u533b\u5b66\/\u5e94\u7528<\/button>\n <\/div>\n <\/div>\n\n <div class=\"course-grid\" id=\"courseGrid\">\n \n <div class=\"c-card\" data-cat=\"business\">\n <div class=\"c-header grad-biz\">\n <div class=\"en-title\">House Price Prediction<\/div>\n <div class=\"methods\">Linear Regression, Random Forest, XGBoost<\/div>\n <span class=\"c-tag-label\">\u91d1\u878d\u5546\u79d1<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u623f\u4ef7\u9884\u6d4b\u6a21\u578b\u6bd4\u8f83\u7814\u7a76<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u6a21\u578b\u5bf9\u6bd4 + \u7279\u5f81\u91cd\u8981\u6027\u5206\u6790<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aApplied Sciences, IEEE Access<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"business\">\n <div class=\"c-header grad-biz\">\n <div class=\"en-title\">Credit Card Fraud Detection<\/div>\n <div class=\"methods\">Logistic Regression, SMOTE, XGBoost<\/div>\n <span class=\"c-tag-label\">\u91d1\u878d\u5546\u79d1<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u4fe1\u7528\u5361\u6b3a\u8bc8\u68c0\u6d4b\u7814\u7a76<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u4e0d\u5e73\u8861\u6570\u636e\u5904\u7406\u6280\u672f<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aExpert Systems with Applications<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"ai\">\n <div class=\"c-header grad-ai\">\n <div class=\"en-title\">Garbage Classification<\/div>\n <div class=\"methods\">CNN, ResNet<\/div>\n <span class=\"c-tag-label\">\u4eba\u5de5\u667a\u80fd<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u5783\u573e\u5206\u7c7b\u56fe\u50cf\u8bc6\u522b\u4e0e\u4f18\u5316<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u6570\u636e\u589e\u5f3a\u4e0e\u6a21\u578b\u4f18\u5316<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aJournal of Imaging<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"ai\">\n <div class=\"c-header grad-ai\">\n <div class=\"en-title\">Fake News Detection<\/div>\n <div class=\"methods\">TF-IDF, BERT<\/div>\n <span class=\"c-tag-label\">\u4eba\u5de5\u667a\u80fd<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u793e\u4ea4\u5a92\u4f53\u5047\u65b0\u95fb\u81ea\u52a8\u68c0\u6d4b<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u4f20\u7edf\u673a\u5668\u5b66\u4e60 vs. \u6df1\u5ea6\u5b66\u4e60\u5bf9\u6bd4<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aIEEE Access<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"business\">\n <div class=\"c-header grad-biz\">\n <div class=\"en-title\">Customer Churn Prediction<\/div>\n <div class=\"methods\">XGBoost<\/div>\n <span class=\"c-tag-label\">\u5546\u79d1\u51b3\u7b56<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u57fa\u4e8e\u7535\u4fe1\u6570\u636e\u7684\u5ba2\u6237\u6d41\u5931\u9884\u6d4b<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1aSHAP \u5f52\u56e0\u53ef\u89e3\u91ca\u6027\u5206\u6790<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aDecision Support Systems<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"science\">\n <div class=\"c-header grad-sci\">\n <div class=\"en-title\">Medical Disease Prediction<\/div>\n <div class=\"methods\">Random Forest<\/div>\n <span class=\"c-tag-label\">\u533b\u7597\u5e94\u7528<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u533b\u7597\u75be\u75c5\u98ce\u9669\u9884\u6d4b\u6a21\u578b\u7814\u7a76<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u57fa\u4e8e\u533b\u5b66\u80cc\u666f\u7684\u53ef\u89e3\u91ca AI<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aBMC Medical Informatics<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"ai\">\n <div class=\"c-header grad-ai\">\n <div class=\"en-title\">AI Text Detection<\/div>\n <div class=\"methods\">BERT<\/div>\n <span class=\"c-tag-label\">\u4eba\u5de5\u667a\u80fd<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">AI \u751f\u6210\u6587\u672c\u68c0\u6d4b\u4e0e\u8bc6\u522b\u6280\u672f<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1aChatGPT \u7b49\u5927\u6a21\u578b\u8bc6\u522b\u4f18\u5316<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aIEEE Access<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"business\">\n <div class=\"c-header grad-biz\">\n <div class=\"en-title\">Stock Market Prediction<\/div>\n <div class=\"methods\">LSTM, ARIMA<\/div>\n <span class=\"c-tag-label\">\u91d1\u878d\u5546\u79d1<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u57fa\u4e8e\u6df1\u5ea6\u5b66\u4e60\u7684\u80a1\u7968\u8d8b\u52bf\u9884\u6d4b<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u65f6\u95f4\u5e8f\u5217\u6a21\u578b\u5bf9\u6bd4\u7814\u7a76<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aPhysica A<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"ai\">\n <div class=\"c-header grad-ai\">\n <div class=\"en-title\">Emotion Recognition<\/div>\n <div class=\"methods\">CNN<\/div>\n <span class=\"c-tag-label\">\u4eba\u5de5\u667a\u80fd<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u57fa\u4e8e\u4eba\u8138\u8868\u60c5\u7684\u60c5\u7eea\u8bc6\u522b\u7814\u7a76<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u591a\u5e94\u7528\u573a\u666f\u4e0b\u7684\u9c81\u68d2\u6027\u5206\u6790<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aPattern Recognition Letters<\/div>\n <\/div>\n <\/div>\n\n <div class=\"c-card\" data-cat=\"business\">\n <div class=\"c-header grad-biz\">\n <div class=\"en-title\">Recommendation System<\/div>\n <div class=\"methods\">Collaborative Filtering<\/div>\n <span class=\"c-tag-label\">\u5546\u79d1\u51b3\u7b56<\/span>\n <\/div>\n <div class=\"c-info\">\n <div class=\"c-title\">\u4e2a\u6027\u5316\u7535\u5f71\/\u7535\u5546\u63a8\u8350\u7cfb\u7edf\u7814\u7a76<\/div>\n <div class=\"c-innovation\">\u521b\u65b0\u70b9\uff1a\u51b7\u542f\u52a8\u95ee\u9898\u4e0e\u4e2a\u6027\u5316\u4f18\u5316<\/div>\n <div class=\"c-footer\">\u671f\u520a\uff1aInformation Sciences<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <script>\n const tags = document.querySelectorAll('.tag');\n const cards = document.querySelectorAll('.c-card');\n tags.forEach(tag => {\n tag.addEventListener('click', () => {\n tags.forEach(t => t.classList.remove('active'));\n tag.classList.add('active');\n const filter = tag.getAttribute('data-filter');\n cards.forEach(card => {\n const cat = card.getAttribute('data-cat');\n card.style.display = (filter === 'all' || cat === filter) ? 'flex' : 'none';\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e00\u5bf9\u4e00\u79d1\u7814 \u4e00\u5bf9\u4e00\u79d1\u7814\u56f4\u7ed5\u5b66\u751f\u5174\u8da3\u4e0e\u53d1\u5c55\u65b9\u5411\u5b9a\u5236\u4e13\u5c5e\u8bfe\u9898\uff0c\u5728\u5bfc\u5e08\u6df1\u5ea6\u6307\u5bfc\u4e0b\u7cfb\u7edf\u63d0\u5347\u72ec\u7acb\u7814\u7a76\u4e0e\u5b66\u672f\u601d\u8fa8\u80fd\u529b\u3002 \u672a… <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":94,"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":562,"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/562"}],"wp:attachment":[{"href":"https:\/\/mpa.hopeembark.org\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}