{"id":459,"date":"2023-10-05T00:11:29","date_gmt":"2023-10-04T16:11:29","guid":{"rendered":"http:\/\/aidh2023.nkust.org\/?page_id=459"},"modified":"2026-10-06T23:17:20","modified_gmt":"2026-10-06T15:17:20","slug":"microfilm","status":"publish","type":"page","link":"http:\/\/aidh2023.nkust.org\/index.php\/microfilm\/","title":{"rendered":"\u5fae\u5f71\u7247"},"content":{"rendered":"\n<!-- =====================================================================\n     TCDH \u5fae\u5f71\u7247\u9801\uff5cWordPress \u5d4c\u5165\u78bc\n     \u7528\u6cd5\uff1a\u5728\u300c\u5fae\u5f71\u7247\u300d\u9801\u9762\u653e\u4e00\u500b\u300c\u81ea\u8a02 HTML\u300d\u5340\u584a\uff0c\u6574\u6bb5\u8cbc\u4e0a\u5373\u53ef\u3002\n     - \u7248\u578b\uff1a\u985e\u5225 \u2192 \u8ab2\u7a0b\uff08\u540d\u7a31\uff0b\u8aaa\u660e\uff09\u2192 \u5f71\u7247\u5361\uff08\u5ba3\u5c0e\u578b\uff0f\u6559\u5b78\u578b\uff0f\u5c55\u793a\u578b\uff09\n     - \u5167\u5bb9\u5168\u90e8\u5728\u4e0b\u65b9 <script> \u7684\u300c\u8a2d\u5b9a\u5340\u300d\uff1aCATEGORIES\uff08\u985e\u5225\u9806\u5e8f\uff09\u3001COURSES\uff08\u8ab2\u7a0b\u8207\u5f71\u7247\uff09\n     - \u5f71\u7247\u9ede\u64ca\u5f8c\u624d\u8f09\u5165 YouTube\uff08youtube-nocookie\uff09\uff0c\u9801\u9762\u4e0d\u6703\u4e00\u6b21\u8f09\u5165 18 \u500b iframe\n     - \u82e5\u5340\u584a\u88ab\u4f48\u666f\u5167\u5bb9\u5bec\u5ea6\u9650\u5236\u3001\u7121\u6cd5\u6eff\u7248\uff0c\u5728\u6700\u5916\u5c64 div \u52a0\u4e0a class\u300ctcdh-page--bleed\u300d\n     - \u82e5\u6574\u7ad9\u5df2\u653e\u904e\u300c\u57fa\u790e CSS\u300d\uff0c\u53ef\u522a\u6389 <style> \u4e2d\u6a19\u793a\u300c\u57fa\u790e CSS\u300d\u7684\u90a3\u4e00\u6bb5\n     ===================================================================== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@500;700;800&#038;display=swap\">\n<style>\n\/* ---------- \u57fa\u790e CSS\uff08\u8207\u5176\u4ed6 TCDH \u9801\u5171\u7528\uff09 ---------- *\/\n.tcdh-page{\n  --tcdh-navy:#16163f; --tcdh-yellow:#f9d150; --tcdh-orange:#f8b64a; --tcdh-orange2:#ea964b;\n  --tcdh-mauve:#8c688e; --tcdh-purple:#645c9d; --tcdh-indigo:#5459a4; --tcdh-blue:#2f68bc; --tcdh-sky:#308bc4;\n  --tcdh-ink:#3a3a5c;\n  --tcdh-gutter:clamp(20px,5vw,96px);\n  --tcdh-line-grad:linear-gradient(90deg,#f9d150 0%,#f8b64a 30%,#8c688e 55%,#5459a4 80%,#308bc4 100%);\n  font-family:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",system-ui,sans-serif;\n  line-height:1.7; box-sizing:border-box;\n}\n.tcdh-page *, .tcdh-page *::before, .tcdh-page *::after{box-sizing:inherit;}\n.tcdh-page--bleed{width:100vw; margin-left:calc(50% - 50vw);}\n.tcdh-page--dark{position:relative; isolation:isolate; overflow:hidden; background:var(--tcdh-navy); color:#fff;}\n.tcdh-page--dark::before{\n  content:\"\"; position:absolute; inset:-20%; z-index:-1; pointer-events:none;\n  background:\n    radial-gradient(40% 36% at 22% 86%, rgba(249,209,80,.2), transparent 70%),\n    radial-gradient(36% 34% at 50% 70%, rgba(140,104,142,.22), transparent 70%),\n    radial-gradient(35% 35% at 80% 36%, rgba(48,139,196,.28), transparent 70%);\n}\n.tcdh-page--dark::after{\n  content:\"\"; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.045;\n  background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%' height='100%' filter='url(%23n)'\/><\/svg>\");\n}\n.tcdh-page--light{background:#fff; color:var(--tcdh-navy);}\n.tcdh-section{\n  padding:clamp(48px,10vh,120px) calc(var(--tcdh-gutter) + env(safe-area-inset-right,0px))\n          clamp(48px,10vh,120px) calc(var(--tcdh-gutter) + env(safe-area-inset-left,0px));\n}\n.tcdh-container{max-width:1200px; margin:0 auto;}\n.tcdh-eyebrow{display:block; margin:0 0 .7em; font-size:clamp(.8rem,.5vw + .4vh,1.1rem); font-weight:700; letter-spacing:.2em; color:var(--tcdh-yellow);}\n.tcdh-page--light .tcdh-eyebrow{color:var(--tcdh-blue);}\n.tcdh-h1{margin:0; font-size:clamp(2rem,3.6vw + 1vh,4.5rem); line-height:1.15; font-weight:800; letter-spacing:.04em;}\n.tcdh-h2{margin:0 0 .6em; font-size:clamp(1.5rem,2.2vw + .6vh,2.75rem); line-height:1.25; font-weight:800; letter-spacing:.03em;}\n.tcdh-sub{display:block; margin-top:.5em; font-size:clamp(1rem,1.1vw + .5vh,1.7rem); line-height:1.5; font-weight:500; text-wrap:balance;}\n.tcdh-lead{margin:.9em 0 0; font-size:clamp(.9rem,.6vw + .4vh,1.25rem); line-height:1.7;}\n.tcdh-page--dark .tcdh-lead{color:rgba(255,255,255,.75);}\n.tcdh-rule{height:3px; border:0; border-radius:3px; background:var(--tcdh-line-grad); margin:1.5em 0;}\n.tcdh-grid{display:grid; gap:clamp(16px,2vw,32px); grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));}\n.tcdh-card{position:relative; padding:1em 1.125em .875em; border-radius:14px; background:rgba(255,255,255,.97); color:var(--tcdh-navy);\n  box-shadow:0 18px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.4);}\n.tcdh-page--light .tcdh-card{box-shadow:0 12px 32px rgba(22,22,63,.12), 0 0 0 1px rgba(22,22,63,.08);}\n.tcdh-card::before{content:\"\"; position:absolute; left:18px; right:18px; top:0; height:4px; border-radius:0 0 4px 4px; background:var(--tcdh-c,var(--tcdh-yellow));}\n.tcdh-card__tag{display:inline-flex; align-items:center; gap:.5em; margin-bottom:.35em; font-size:.72em; font-weight:700; letter-spacing:.12em; color:var(--tcdh-navy);}\n.tcdh-swatch{display:inline-block; width:.75em; height:.75em; border-radius:50%; flex:none; background:var(--tcdh-c,var(--tcdh-yellow)); box-shadow:0 0 0 1px rgba(22,22,63,.15);}\n.tcdh-card__title{margin:0 0 .4em; font-size:1em; font-weight:700; line-height:1.4;}\n.tcdh-clamp-2{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}\n.tcdh-btn{display:inline-flex; align-items:center; gap:.4em; min-height:44px; padding:.55em 1.1em; border-radius:999px; border:1px solid rgba(255,255,255,.55);\n  background:transparent; color:#fff; font:inherit; font-size:.9rem; font-weight:700; letter-spacing:.1em; text-decoration:none; cursor:pointer;\n  transition:background .2s ease, color .2s ease, border-color .2s ease;}\n.tcdh-btn:hover,.tcdh-btn:focus-visible{background:var(--tcdh-yellow); border-color:var(--tcdh-yellow); color:var(--tcdh-navy); outline:none;}\n.tcdh-page--light :focus-visible{outline:2px solid var(--tcdh-blue); outline-offset:1px;}\n.tcdh-rise{opacity:0; transform:translateY(12px); animation:tcdh-rise .9s ease-out var(--tcdh-delay,.2s) forwards;}\n@keyframes tcdh-rise{to{opacity:1; transform:none;}}\n@media (prefers-reduced-motion:reduce){\n  .tcdh-page *, .tcdh-page *::before, .tcdh-page *::after{animation-duration:0s !important; animation-delay:0s !important; transition:none !important;}\n}\n\n\/* ---------- \u5fae\u5f71\u7247\u9801\u5c08\u7528 ---------- *\/\n\/* Astra \u7684 .entry-content \u6703\u8986\u5beb\u6a19\u984c\u984f\u8272\u3001\u5916\u8ddd\u3001\u884c\u9ad8\uff1a\u7528 #tcdh-microfilm \u63d0\u9ad8\u6b0a\u91cd\u84cb\u56de\u4f86 *\/\n#tcdh-microfilm h1,#tcdh-microfilm h2,#tcdh-microfilm h3,#tcdh-microfilm h4,\n#tcdh-microfilm p,#tcdh-microfilm ul{font-family:inherit; margin-left:0; margin-right:0;}\n#tcdh-microfilm .tcdh-h1{margin:0; line-height:1.15; color:#fff;}\n#tcdh-microfilm .tcdh-h2{margin:0; line-height:1.25; color:var(--tcdh-navy);}\n#tcdh-microfilm .tcdh-mf-course__name{margin:0; line-height:1.35; color:var(--tcdh-navy);}\n#tcdh-microfilm .tcdh-card__title{margin:0; line-height:1.4; color:var(--tcdh-navy);}\n#tcdh-microfilm .tcdh-lead{margin:.9em 0 0; color:rgba(255,255,255,.75);}\n#tcdh-microfilm .tcdh-mf-course__desc{margin:.45em 0 0; color:var(--tcdh-ink);}\n#tcdh-microfilm a{text-decoration:none;}\n\/* Astra \u900f\u660e\u9801\u9996\u662f position:absolute\uff0c\u6703\u58d3\u5728\u4e3b\u8996\u89ba\u4e0a\uff1a\u7531 JS \u91cf\u9801\u9996\u9ad8\u5ea6\u5beb\u5165 --tcdh-hdr-push *\/\n#tcdh-microfilm .tcdh-mf-hero{padding-top:calc(clamp(48px,10vh,120px) + var(--tcdh-hdr-push,0px));}\n\n\/* \u4e3b\u8996\u89ba\uff1a\u985e\u578b\u5716\u4f8b *\/\n.tcdh-mf-legend{display:flex; flex-wrap:wrap; gap:.5em 1.5em; margin:1.6em 0 0; padding:0; list-style:none;\n  font-size:.9rem; font-weight:700; letter-spacing:.04em; color:rgba(255,255,255,.92);}\n.tcdh-mf-legend li{display:inline-flex; align-items:center; gap:.5em; margin:0;}\n.tcdh-mf-legend .tcdh-swatch{box-shadow:none;}\n\n\/* \u8ab2\u7a0b\u76ee\u9304\uff1a\u4f9d\u985e\u5225\u5206\u7d44 *\/\n.tcdh-mf-navsec{padding-top:clamp(32px,6vh,64px); padding-bottom:0;}\n.tcdh-mf-nav{margin:0; padding:1.1em 1.25em 1.25em; border-radius:14px; background:#fff; color:var(--tcdh-navy);\n  box-shadow:0 12px 32px rgba(22,22,63,.12), 0 0 0 1px rgba(22,22,63,.08);}\n.tcdh-mf-nav__label{display:block; margin:0 0 .9em; font-size:.8125rem; font-weight:700; letter-spacing:.12em;}\n.tcdh-mf-toc{display:grid; gap:14px 28px; margin:0; padding:0; list-style:none;\n  grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));}\n.tcdh-mf-toc > li{margin:0; padding-left:12px; border-left:3px solid var(--tcdh-cat,var(--tcdh-yellow));}\n.tcdh-mf-toc__cat{display:inline-block; margin:0 0 .35em; font-size:.875rem; font-weight:800; letter-spacing:.04em; color:var(--tcdh-navy);}\n.tcdh-mf-toc__cat:hover,.tcdh-mf-toc__cat:focus-visible{color:var(--tcdh-blue);}\n.tcdh-mf-jump{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;}\n.tcdh-mf-jump li{margin:0;}\n.tcdh-mf-jump .tcdh-btn{min-height:40px; padding:.4em 1em; font-size:.85rem; letter-spacing:.04em; background:var(--tcdh-navy); border-color:var(--tcdh-navy); color:#fff;}\n.tcdh-mf-jump .tcdh-btn:hover,.tcdh-mf-jump .tcdh-btn:focus-visible{background:var(--tcdh-yellow); border-color:var(--tcdh-yellow); color:var(--tcdh-navy);}\n.tcdh-mf-jump .tcdh-btn:focus-visible{outline:2px solid var(--tcdh-blue); outline-offset:2px;}\n\n\/* \u985e\u5225\u5340\u584a *\/\n.tcdh-mf-alt{background:rgba(22,22,63,.04);}\n.tcdh-mf-cat-head{margin-bottom:clamp(24px,4vw,48px);}\n.tcdh-mf-cat-head .tcdh-h2{margin:0;}\n\/* \u5206\u9694\u7dda\u6539\u7528\u8a72\u985e\u5225\u7684\u8272\u689d\uff08\u539f\u672c\u7531\u5c0f\u6a19\u7684\u8272\u9ede\u627f\u64d4\u985e\u5225\u8fa8\u8b58\uff09 *\/\n.tcdh-rule--short{width:96px; margin:1.1em 0 0; background:var(--tcdh-cat,var(--tcdh-line-grad));}\n\n\/* \u8ab2\u7a0b\uff08\u985e\u5225\u5e95\u4e0b\uff09 *\/\n.tcdh-mf-course + .tcdh-mf-course{margin-top:clamp(40px,6vw,72px); padding-top:clamp(28px,4vw,48px); border-top:1px solid rgba(22,22,63,.1);}\n.tcdh-mf-course__head{margin-bottom:clamp(16px,2.4vw,28px);}\n.tcdh-mf-course__name{margin:0; font-size:clamp(1.2rem,1.4vw + .5vh,1.75rem); line-height:1.35; font-weight:800; letter-spacing:.03em; color:var(--tcdh-navy);}\n.tcdh-mf-course__desc{max-width:72ch; margin:.45em 0 0; font-size:clamp(.95rem,.6vw + .4vh,1.15rem); line-height:1.65; font-weight:500; color:var(--tcdh-ink);}\n\n\/* \u5f71\u7247\u5361 *\/\n.tcdh-card--video{display:flex; flex-direction:column; font-size:16px;}\n.tcdh-video{position:relative; display:block; width:100%; aspect-ratio:16\/9; margin:.4em 0 .8em; padding:0; border:0; border-radius:8px; overflow:hidden;\n  background:var(--tcdh-navy) center\/cover no-repeat; cursor:pointer;}\n.tcdh-video iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}\n.tcdh-video__play{position:absolute; left:50%; top:50%; width:56px; height:56px; margin:-28px 0 0 -28px; border-radius:50%;\n  background:rgba(22,22,63,.82); box-shadow:0 0 0 2px rgba(255,255,255,.85); transition:background .2s ease, transform .2s ease;}\n.tcdh-video__play::after{content:\"\"; position:absolute; left:22px; top:17px; border-style:solid; border-width:11px 0 11px 17px; border-color:transparent transparent transparent #fff; transition:border-color .2s ease;}\n.tcdh-video:hover .tcdh-video__play,.tcdh-video:focus-visible .tcdh-video__play{background:var(--tcdh-yellow); transform:scale(1.06);}\n.tcdh-video:hover .tcdh-video__play::after,.tcdh-video:focus-visible .tcdh-video__play::after{border-left-color:var(--tcdh-navy);}\n.tcdh-video:focus-visible{outline:2px solid var(--tcdh-blue); outline-offset:2px;}\n.tcdh-card--video .tcdh-card__title{margin:0; color:var(--tcdh-navy);}\n\n.tcdh-page [id]{scroll-margin-top:24px;}\n\n\/* \u6eff\u7248\uff1a\u89e3\u9664 Astra \u5167\u5bb9\u5bec\u5ea6\uff081920px\uff09\u5c0d\u5340\u584a\u7684\u9650\u5236\uff0c\u6bd4\u7167\u300c\u95dc\u65bc\u300d\u9801 *\/\n.entry-content .tcdh-page,.entry-content .tcdh-page > *{max-width:none !important; width:100%;}\n<\/style>\n\n<div class=\"tcdh-page\" id=\"tcdh-microfilm\">\n  <!-- \u6df1\u8272\u4e3b\u8996\u89ba -->\n  <div class=\"tcdh-page--dark\">\n    <section class=\"tcdh-section tcdh-mf-hero\">\n      <div class=\"tcdh-container\">\n        <span class=\"tcdh-eyebrow\">\u6559\u80b2\u90e8\u6578\u4f4d\u4eba\u6587\u8de8\u57df\u4eba\u624d\u667a\u6167\u9818\u822a\u8a08\u756b<\/span>\n        <h1 class=\"tcdh-h1 tcdh-rise\">\u5fae\u5f71\u7247<\/h1>\n        <ul class=\"tcdh-mf-legend\" aria-label=\"\u5f71\u7247\u985e\u578b\">\n          <li><i class=\"tcdh-swatch\" style=\"--tcdh-c:#f9d150\"><\/i>\u5ba3\u5c0e\u578b<\/li>\n          <li><i class=\"tcdh-swatch\" style=\"--tcdh-c:#645c9d\"><\/i>\u6559\u5b78\u578b<\/li>\n          <li><i class=\"tcdh-swatch\" style=\"--tcdh-c:#2f68bc\"><\/i>\u5c55\u793a\u578b<\/li>\n        <\/ul>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <!-- \u6dfa\u8272\u5167\u5bb9\u5340\uff1a\u8ab2\u7a0b\u76ee\u9304\uff0b\u5404\u985e\u5225\u5340\u584a\uff08\u7531\u4e0b\u65b9\u8cc7\u6599\u7522\u751f\uff09 -->\n  <div class=\"tcdh-page--light\">\n    <section class=\"tcdh-section tcdh-mf-navsec\">\n      <div class=\"tcdh-container\">\n        <nav class=\"tcdh-mf-nav\" aria-labelledby=\"tcdh-mf-nav-label\">\n          <span class=\"tcdh-mf-nav__label\" id=\"tcdh-mf-nav-label\">\u8ab2\u7a0b\u76ee\u9304<\/span>\n          <ul class=\"tcdh-mf-toc\" id=\"tcdh-mf-toc\"><\/ul>\n        <\/nav>\n      <\/div>\n    <\/section>\n    <div id=\"tcdh-mf-list\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/* \u2605 \u8a2d\u5b9a\u5340 ------------------------------------------------------------\n     CATEGORIES\uff1a\u985e\u5225\u986f\u793a\u9806\u5e8f\uff08id \u7528\u65bc\u9328\u9ede\u7db2\u5740\uff0ccolor \u70ba\u985e\u5225\u8272\u689d\uff09\n     COURSES   \uff1acat \u9700\u8207\u985e\u5225\u540d\u7a31\u5b8c\u5168\u76f8\u540c\uff1bdesc \u70ba\u8ab2\u7a0b\u8aaa\u660e\uff08\u53ef\u7559\u7a7a\uff09\n     videos    \uff1a[\u985e\u578b, YouTube \u5f71\u7247 ID, \u5f71\u7247\u6a19\u984c]\uff0c\u4f9d\u9663\u5217\u9806\u5e8f\u986f\u793a\n     ------------------------------------------------------------------ *\/\n  var TYPE_COLOR = { '\u5ba3\u5c0e\u578b':'#f9d150', '\u6559\u5b78\u578b':'#645c9d', '\u5c55\u793a\u578b':'#2f68bc' };\n\n  var CATEGORIES = [\n    { id:'ai-sdg',  name:'AI\u9a45\u52d5\u6c38\u7e8c\u767c\u5c55\u5275\u65b0',   color:'#f8b64a' },\n    { id:'ai-esd',  name:'AI\u8ce6\u80fd\u6c38\u7e8c\u767c\u5c55\u63a2\u7d22',   color:'#ea964b' },\n    { id:'xcult',   name:'\u8de8\u6587\u5316\u8f49\u8b6f\u8207\u6578\u4f4d\u6558\u4e8b', color:'#8c688e' },\n    { id:'esp',     name:'\u82f1\u6587\u5c08\u696d\u9818\u57df\u8ab2\u7a0b',     color:'#5459a4' },\n    { id:'dh-base', name:'\u6578\u4f4d\u4eba\u6587\u57fa\u790e\u8ab2\u7a0b',     color:'#2f68bc' },\n    { id:'ai-plus', name:'\u4eba\u5de5\u667a\u6167\u589e\u80fd\u8ab2\u7a0b',     color:'#308bc4' }\n  ];\n\n  var COURSES = [\n    { id:'web', cat:'AI\u9a45\u52d5\u6c38\u7e8c\u767c\u5c55\u5275\u65b0', name:'\u5546\u52d9\u7db2\u7ad9\u8a2d\u8a08', desc:'', videos:[\n      ['\u5ba3\u5c0e\u578b','gg3K0OebRII','ESG\u8207\u5546\u52d9\u7db2\u7ad9\u8a2d\u8a08'],\n      ['\u6559\u5b78\u578b','hccy5HoptWY','ESG\u7db2\u7ad9\u8207\u8a2d\u8a08\u601d\u8003\u4e4b\u5be6\u8e10'],\n      ['\u5c55\u793a\u578b','oNTEdlpR31A','ESG\u5546\u52d9\u7db2\u7ad9\u8a2d\u8a08\u8207\u5275\u610f\u5448\u73fe'] ]},\n    { id:'data', cat:'AI\u9a45\u52d5\u6c38\u7e8c\u767c\u5c55\u5275\u65b0', name:'\u5927\u6578\u64da\u5546\u696d\u5206\u6790\u61c9\u7528', desc:'', videos:[\n      ['\u5ba3\u5c0e\u578b','4dXy4EaprDs','\u6578\u64da\u4e0b\u7684SDGs\u6c38\u7e8c\u8b70\u984c'],\n      ['\u6559\u5b78\u578b','RXGtOGTSAH0','\u5f9e\u8cc7\u6599\u8490\u96c6\u5230\u6d1e\u5bdf\u8207\u5206\u6790'],\n      ['\u5c55\u793a\u578b','mtm9nX9dqFc','\u8cc7\u6599\u5275\u65b0\u601d\u7dad\u8207\u6c38\u7e8c\u5be6\u8e10'] ]},\n    { id:'aidh', cat:'AI\u8ce6\u80fd\u6c38\u7e8c\u767c\u5c55\u63a2\u7d22', name:'AI \u6578\u4f4d\u4eba\u6587\u5c0e\u8ad6', desc:'', videos:[\n      ['\u5ba3\u5c0e\u578b','cPjkZxDNXpI',''],\n      ['\u6559\u5b78\u578b','w1bXVtZTWk4',''],\n      ['\u5c55\u793a\u578b','uI666TDAcqs',''] ]},   \/* \u26a0 \u4e09\u652f\u5f71\u7247\u5c1a\u672a\u63d0\u4f9b\u6a19\u984c\uff0c\u88dc\u4e0a\u5f8c\u586b\u5165\u7b2c\u4e09\u6b04 *\/\n    { id:'anim', cat:'\u8de8\u6587\u5316\u8f49\u8b6f\u8207\u6578\u4f4d\u6558\u4e8b', name:'\u52d5\u756b\u5f71\u7247\u88fd\u4f5c', desc:'', videos:[\n      ['\u5ba3\u5c0e\u578b','4ay9z_AHu-I','SDGs\u52d5\u756b\u5275\u4f5c\u8207\u8a2d\u8a08\u601d\u8003'],\n      ['\u6559\u5b78\u578b','x59cuGLLspE','\u7528\u8996\u89ba\u52d5\u756b\u50b3\u9054\u8aaa\u51fa\u6c38\u7e8c\u8b70\u984c'],\n      ['\u5c55\u793a\u578b','Euv64lXPxhE','\u5275\u610f\u52d5\u756b\u8a2d\u8a08\u8207\u6c38\u7e8c\u5be6\u8e10'] ]},\n    { id:'edit', cat:'\u8de8\u6587\u5316\u8f49\u8b6f\u8207\u6578\u4f4d\u6558\u4e8b', name:'\u6578\u4f4d\u526a\u8f2f\u8207\u5f71\u50cf\u8655\u7406', desc:'', videos:[\n      ['\u5ba3\u5c0e\u578b','NDOgXO7jW-s',''],\n      ['\u6559\u5b78\u578b','darX1Rg4IBg',''],\n      ['\u5c55\u793a\u578b','hULXKjPqC6o',''] ]},   \/* \u26a0 \u4e09\u652f\u5f71\u7247\u5c1a\u672a\u63d0\u4f9b\u6a19\u984c\uff0c\u88dc\u4e0a\u5f8c\u586b\u5165\u7b2c\u4e09\u6b04 *\/\n    { id:'lit', cat:'\u82f1\u6587\u5c08\u696d\u9818\u57df\u8ab2\u7a0b', name:'\u6587\u5b78\u4f5c\u54c1\u8b80\u6cd5', desc:'\u6578\u4f4d\u4eba\u6587\u8996\u89d2\u4e0b\u7684\u6587\u5b78\u63a2\u7d22\uff1a\u79d1\u6280\u8f14\u52a9\u7684\u6df1\u5ea6\u5206\u6790\u8207\u5275\u65b0\u8a6e\u91cb', videos:[\n      ['\u5ba3\u5c0e\u578b','TzePOSC9GjE','\u6578\u4f4d\u5316\u8fd1\u9060\u8b80\u7279\u8272\u4ecb\u7d39'],\n      ['\u6559\u5b78\u578b','APJIdJPgem8','\u6587\u5b78\u4f5c\u54c1\u8b80\u6cd5\u8ab2\u7a0b\u91cd\u9ede\u4ecb\u7d39'],\n      ['\u5c55\u793a\u578b','WEfELHpVll8','\u6587\u5b78\u6545\u4e8b\u53ca\u6232\u5287\u6578\u4f4d\u5316\u5206\u6790\u5831\u544a'] ]},\n    { id:'code', cat:'\u6578\u4f4d\u4eba\u6587\u57fa\u790e\u8ab2\u7a0b', name:'\u7a0b\u5f0f\u8a2d\u8a08\u8207\u8a9e\u8a00\u61c9\u7528', desc:'\u7a0b\u5f0f\u8a9e\u8a00\u4e4b\u9470\uff1a\u6587\u672c\u5206\u6790\u3001\u8a9e\u8a00\u6559\u5b78\u8207\u7ffb\u8b6f\u7684\u9769\u65b0\u6280\u80fd\u57f9\u990a', videos:[\n      ['\u6559\u5b78\u578b','QD9492QE_W8','\u7a0b\u5f0f\u8a2d\u8a08\u8207\u8a9e\u8a00\u61c9\u7528\u8ab2\u7a0b\u91cd\u9ede\u4ecb\u7d39'],\n      ['\u5c55\u793a\u578b','QD9492QE_W8','Chatbots\u8207\u7a0b\u5f0f\u5316\u8a9e\u8a00\u61c9\u7528\u5de5\u5177\u4e4b\u5c55\u793a'] ]},   \/* \u26a0 \u5169\u652f\u5f71\u7247 ID \u76f8\u540c\uff0c\u8acb\u78ba\u8a8d\u5c55\u793a\u578b\u7684\u6b63\u78ba ID *\/\n    { id:'corpus', cat:'\u4eba\u5de5\u667a\u6167\u589e\u80fd\u8ab2\u7a0b', name:'\u8a9e\u6599\u5eab\u7406\u8ad6\u8207\u5be6\u52d9', desc:'\u4eba\u5de5\u667a\u6167\u8ce6\u80fd\u7684\u6587\u672c\u5206\u6790\uff1a\u9444\u9020\u672a\u4f86\u8a9e\u6599\u5eab\u6559\u6750\u8207\u7522\u696d\u61c9\u7528\u4e4b\u5c08\u696d', videos:[\n      ['\u5ba3\u5c0e\u578b','4ET67v7cgbg','\u51fa\u984c\u6280\u5de7\u53ca\u81ea\u52d5\u5316\u5de5\u5177'],\n      ['\u5ba3\u5c0e\u578b','JFzHQqKzHyw','AI\u6280\u8853\u8207\u61c9\u7528\u8b80\u66f8\u6703'],\n      ['\u6559\u5b78\u578b','bn4e6OelAoc','\u8a9e\u6599\u5eab\u7406\u8ad6\u8207\u5be6\u52d9\u8ab2\u7a0b\u91cd\u9ede\u4ecb\u7d39'],\n      ['\u5c55\u793a\u578b','xb1zAdPO39E','\u6587\u672c\u5206\u7d1a\u8207\u95b1\u8b80\u6e2c\u9a57\u51fa\u984c\u65b9\u5f0f\u6bd4\u8f03\u5831\u544a'] ]}\n  ];\n  \/* ------------------------------------------------------------------ *\/\n\n  function el(tag, cls, text){ var e=document.createElement(tag); if(cls) e.className=cls; if(text!=null) e.textContent=text; return e; }\n\n  \/* \u4f48\u666f\u9801\u9996\u9078\u64c7\u5668\uff08Astra\uff1a#masthead\uff09\uff1b\u9801\u9996\u70ba absolute\/fixed \u4e14\u84cb\u5230\u672c\u5340\u584a\u6642\uff0c\u4e3b\u8996\u89ba\u81ea\u52d5\u4e0b\u63a8 *\/\n  var HEADER_SELECTOR = '#masthead';\n\n  var root=document.getElementById('tcdh-microfilm');\n  var toc=document.getElementById('tcdh-mf-toc'), list=document.getElementById('tcdh-mf-list');\n  if(!root || !toc || !list) return;\n\n  function syncHeader(){\n    var hd=HEADER_SELECTOR && document.querySelector(HEADER_SELECTOR), push=0;\n    if(hd){\n      var pos=getComputedStyle(hd).position;\n      if(pos==='absolute' || pos==='fixed'){\n        root.style.setProperty('--tcdh-hdr-push','0px');\n        var y=window.pageYOffset||0;\n        var hb=hd.getBoundingClientRect().bottom + (pos==='fixed' ? 0 : y);   \/* \u63db\u7b97\u6210\u6587\u4ef6\u5ea7\u6a19 *\/\n        var rt=root.getBoundingClientRect().top + y;\n        push=Math.max(0, Math.round(hb - rt));\n      }\n    }\n    root.style.setProperty('--tcdh-hdr-push', push+'px');\n  }\n  syncHeader();\n  window.addEventListener('resize', syncHeader);\n  window.addEventListener('load', syncHeader);\n\n  function videoCard(v, label, courseName){\n    var type=v[0], yt=v[1], title=v[2];\n    var name=title || (courseName+'\u3000'+label);   \/* \u5c1a\u672a\u63d0\u4f9b\u6a19\u984c\u6642\uff0c\u7528\u300c\u8ab2\u7a0b\u540d\u3000\u985e\u578b\u300d\u7576\u5f71\u7247\u540d\u7a31 *\/\n    var card=el('article','tcdh-card tcdh-card--video'); card.style.setProperty('--tcdh-c',TYPE_COLOR[type]||'#f9d150');\n    var tag=el('span','tcdh-card__tag'); tag.appendChild(el('i','tcdh-swatch')); tag.appendChild(document.createTextNode(label));\n    card.appendChild(tag);\n    var btn=el('button','tcdh-video'); btn.type='button';\n    btn.setAttribute('aria-label','\u64ad\u653e\u5f71\u7247\uff1a'+name);\n    btn.style.backgroundImage='url(\"https:\/\/i.ytimg.com\/vi\/'+encodeURIComponent(yt)+'\/hqdefault.jpg\")';\n    btn.appendChild(el('span','tcdh-video__play'));\n    btn.addEventListener('click',function(){\n      var f=document.createElement('iframe');\n      f.src='https:\/\/www.youtube-nocookie.com\/embed\/'+encodeURIComponent(yt)+'?autoplay=1&rel=0';\n      f.title=name; f.allow='autoplay; encrypted-media; picture-in-picture'; f.allowFullscreen=true;\n      var wrap=el('div','tcdh-video'); wrap.appendChild(f); btn.replaceWith(wrap); f.focus();\n    });\n    card.appendChild(btn);\n    if(title) card.appendChild(el('h4','tcdh-card__title tcdh-clamp-2',title));   \/* \u6c92\u6709\u6a19\u984c\u5c31\u4e0d\u6e32\u67d3\u6a19\u984c\u5217 *\/\n    return card;\n  }\n\n  var n=0;\n  CATEGORIES.forEach(function(cat){\n    var courses=COURSES.filter(function(c){ return c.cat===cat.name; });\n    if(!courses.length) return;\n    n++;\n\n    \/* \u76ee\u9304\uff1a\u985e\u5225\u540d\u7a31\uff0b\u5e95\u4e0b\u8ab2\u7a0b\u6309\u9215 *\/\n    var li=el('li'); li.style.setProperty('--tcdh-cat',cat.color);\n    var ca=el('a','tcdh-mf-toc__cat',cat.name); ca.href='#tcdh-mf-'+cat.id; li.appendChild(ca);\n    var jump=el('ul','tcdh-mf-jump');\n    courses.forEach(function(c){ var j=el('li'), a=el('a','tcdh-btn',c.name); a.href='#tcdh-mf-'+c.id; j.appendChild(a); jump.appendChild(j); });\n    li.appendChild(jump); toc.appendChild(li);\n\n    \/* \u985e\u5225\u5340\u584a *\/\n    var sec=el('section','tcdh-section'+(n%2===0?' tcdh-mf-alt':'')); sec.id='tcdh-mf-'+cat.id;\n    sec.setAttribute('aria-labelledby','tcdh-mf-h-'+cat.id); sec.style.setProperty('--tcdh-cat',cat.color);\n    var box=el('div','tcdh-container'), head=el('header','tcdh-mf-cat-head');\n    var h2=el('h2','tcdh-h2',cat.name); h2.id='tcdh-mf-h-'+cat.id; head.appendChild(h2);\n    head.appendChild(el('hr','tcdh-rule tcdh-rule--short'));\n    box.appendChild(head);\n\n    \/* \u985e\u5225\u5e95\u4e0b\u7684\u8ab2\u7a0b *\/\n    courses.forEach(function(c){\n      var cs=el('div','tcdh-mf-course'); cs.id='tcdh-mf-'+c.id;\n      var ch=el('div','tcdh-mf-course__head');\n      var h3=el('h3','tcdh-mf-course__name',c.name); h3.id='tcdh-mf-h-'+c.id; ch.appendChild(h3);\n      if(c.desc) ch.appendChild(el('p','tcdh-mf-course__desc',c.desc));\n      cs.appendChild(ch);\n\n      var grid=el('div','tcdh-grid'), count={}, seen={};\n      c.videos.forEach(function(v){ count[v[0]]=(count[v[0]]||0)+1; });\n      c.videos.forEach(function(v){\n        seen[v[0]]=(seen[v[0]]||0)+1;\n        grid.appendChild(videoCard(v, v[0]+(count[v[0]]!==1?' \u00b7 '+seen[v[0]]:''), c.name));\n      });\n      cs.appendChild(grid); box.appendChild(cs);\n    });\n\n    sec.appendChild(box); list.appendChild(sec);\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-459","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"http:\/\/aidh2023.nkust.org\/index.php\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/pages\/459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/comments?post=459"}],"version-history":[{"count":48,"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/pages\/459\/revisions"}],"predecessor-version":[{"id":3212,"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/pages\/459\/revisions\/3212"}],"wp:attachment":[{"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/media?parent=459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}