{"id":413,"date":"2020-09-15T06:48:29","date_gmt":"2020-09-15T06:48:29","guid":{"rendered":"http:\/\/aidh2023.nkust.org\/index.php\/about\/"},"modified":"2026-10-17T13:36:56","modified_gmt":"2026-10-17T05:36:56","slug":"about","status":"publish","type":"page","link":"http:\/\/aidh2023.nkust.org\/index.php\/about\/","title":{"rendered":"\u95dc\u65bc"},"content":{"rendered":"\n<!-- TCDH\u300c\u95dc\u65bc\u300d\u9801 \u2014 \u5b8c\u6574\u5d4c\u5165\u7248\uff1a\u6574\u6bb5\u8cbc\u9032 WordPress\u300c\u81ea\u8a02 HTML\u300d\u5340\u584a\u5373\u53ef\uff08\u5df2\u5167\u542b\u5171\u7528\u6a23\u5f0f\uff0c\u4e0d\u9700\u53e6\u653e\u984d\u5916 CSS\uff09 -->\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\/* =========================================================\n   TCDH \u5171\u7528\u6a23\u5f0f \u2014 \u653e\u5728\u300c\u5916\u89c0 \u2192 \u81ea\u8a02 \u2192 \u984d\u5916 CSS\u300d\n   \u4f9d\u64da\u9996\u9801\u52d5\u756b index.html \u7684\u8a2d\u8a08\u898f\u7bc4\n   ========================================================= *\/\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;\n  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\/* \u6df1\u8272\u5340\u584a\uff1a\u6df1\u85cd + \u5149\u6688 + \u96dc\u8a0a *\/\n.tcdh-page--dark{\n  position:relative; isolation:isolate; overflow:hidden;\n  background:var(--tcdh-navy); color:#fff;\n}\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\/* \u6dfa\u8272\u5340\u584a\uff08\u5ef6\u4f38\uff09 *\/\n.tcdh-page--light{background:#fff; color:var(--tcdh-navy);}\n\/* \u5340\u584a\u8207\u5bb9\u5668 *\/\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-prose{max-width:72ch;}\n\/* \u6a19\u984c\u7d44 *\/\n.tcdh-eyebrow{\n  display:block; margin:0 0 .7em; font-size:clamp(.8rem,.5vw + .4vh,1.1rem);\n  font-weight:700; letter-spacing:.2em; color:var(--tcdh-yellow);\n}\n.tcdh-page--light .tcdh-eyebrow{color:var(--tcdh-blue);}     \/* \u767d\u5e95\u4e0a\u9ec3\u8272\u5c0d\u6bd4\u4e0d\u8db3 *\/\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{\n  display:block; margin-top:.5em; font-size:clamp(1rem,1.1vw + .5vh,1.7rem);\n  line-height:1.5; font-weight:500; text-wrap:balance;\n}\n.tcdh-page--dark .tcdh-sub{color:rgba(255,255,255,.92);}\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-page--light .tcdh-lead{color:var(--tcdh-ink);}\n.tcdh-nowrap{white-space:nowrap;}\n.tcdh-rule{height:3px; border:0; border-radius:3px; background:var(--tcdh-line-grad); margin:1.5em 0;}\n\/* \u5361\u7247 *\/\n.tcdh-grid{display:grid; gap:clamp(16px,2vw,32px); grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));}\n.tcdh-card{\n  position:relative; padding:1em 1.125em .875em; border-radius:14px;\n  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}\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{\n  content:\"\"; position:absolute; left:18px; right:18px; top:0; height:4px;\n  border-radius:0 0 4px 4px; background:var(--tcdh-c,var(--tcdh-yellow));\n}\n.tcdh-card__tag{\n  display:inline-flex; align-items:center; gap:.5em; margin-bottom:.35em;\n  font-size:.72em; font-weight:700; letter-spacing:.12em; color:var(--tcdh-navy);\n}\n.tcdh-swatch{\n  width:.75em; height:.75em; border-radius:50%; flex:none;\n  background:var(--tcdh-c,var(--tcdh-yellow)); box-shadow:0 0 0 1px rgba(22,22,63,.15);\n}\n.tcdh-card__title{margin:0 0 .4em; font-size:1em; font-weight:700; line-height:1.4;}\n.tcdh-card__desc{margin:0; font-size:.875em; line-height:1.65; color:var(--tcdh-ink);}\n.tcdh-clamp-2,.tcdh-clamp-3,.tcdh-clamp-4{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}\n.tcdh-clamp-2{-webkit-line-clamp:2;} .tcdh-clamp-3{-webkit-line-clamp:3;} .tcdh-clamp-4{-webkit-line-clamp:4;}\n.tcdh-card__more{display:inline-block; margin-top:.7em; font-size:.8em; font-weight:700; color:var(--tcdh-blue); text-decoration:none;}\n.tcdh-card__more::after{content:\"\"; position:absolute; inset:0; border-radius:14px;}   \/* \u6574\u5f35\u5361\u7247\u53ef\u9ede *\/\n.tcdh-card:has(.tcdh-card__more):hover{box-shadow:0 22px 48px rgba(0,0,0,.42), 0 0 0 2px var(--tcdh-c,var(--tcdh-yellow));}\n.tcdh-card:has(.tcdh-card__more):hover .tcdh-card__more,\n.tcdh-card__more:focus-visible{text-decoration:underline;}\n.tcdh-card__more:focus-visible{outline:none;}\n.tcdh-card__more:focus-visible::after{box-shadow:0 0 0 3px var(--tcdh-blue);}\n\/* \u7de8\u865f\u81a0\u56ca *\/\n.tcdh-badge{\n  display:inline-block; padding:0 .45em; border-radius:999px; font-weight:700; font-size:.875em;\n  background:var(--tcdh-c,var(--tcdh-yellow)); color:var(--tcdh-navy);\n}\n\/* \u6309\u9215 *\/\n.tcdh-btn{\n  display:inline-flex; align-items:center; gap:.4em; min-height:44px;\n  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;\n  text-decoration:none; cursor:pointer;\n  transition:background .2s ease, color .2s ease, border-color .2s ease;\n}\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 .tcdh-btn{background:var(--tcdh-navy); border-color:var(--tcdh-navy); color:#fff;}\n.tcdh-page--light .tcdh-btn:hover,.tcdh-page--light .tcdh-btn:focus-visible{background:var(--tcdh-yellow); border-color:var(--tcdh-yellow); color:var(--tcdh-navy);}\n\/* \u9023\u7d50 *\/\n.tcdh-page--light a:not([class]){color:var(--tcdh-blue); font-weight:700; text-decoration:none;}\n.tcdh-page--light a:not([class]):hover,.tcdh-page--light a:not([class]):focus-visible{text-decoration:underline;}\n.tcdh-page--dark a:not([class]){color:#fff; text-decoration:underline; text-underline-offset:.2em;}\n\/* \u7126\u9ede *\/\n.tcdh-page--light :focus-visible{outline:2px solid var(--tcdh-blue); outline-offset:1px;}\n\/* \u9032\u5834\u52d5\u756b *\/\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 (max-width:640px) and (orientation:portrait){\n  .tcdh-hide-mobile{display:none !important;}\n}\n@media (prefers-reduced-motion:reduce){\n  .tcdh-page *, .tcdh-page *::before, .tcdh-page *::after{\n    animation-duration:0s !important; animation-delay:0s !important; transition:none !important;\n  }\n}\n\/* ---- \u672c\u9801\u5c08\u7528\u6a23\u5f0f ---- *\/\n\/* \u8986\u84cb Astra \u4f48\u666f\u7684\u6a19\u984c\u984f\u8272\u8207\u5167\u5bb9\u5bec\u5ea6\u4e0a\u9650 *\/\n.entry-content .tcdh-about :is(h1,h2,h3,h4,h5,h6){color:inherit;}\n.entry-content .tcdh-about.tcdh-page--bleed{max-width:none;}\n.tcdh-about.tcdh-page--bleed{width:var(--tcdh-vw,100vw); margin-left:calc(50% - var(--tcdh-vw,100vw) \/ 2);}\n.tcdh-about{margin-top:var(--tcdh-offset,0px);}\n.tcdh-about .tcdh-section{padding-top:calc(clamp(48px,10vh,120px) + env(safe-area-inset-top,0px));}\n\/* \u5340\u584a\u5167\u5c0f\u6a19\u984c\uff08\u5361\u7247\u7fa4\u7d44\u540d\uff09 *\/\n.tcdh-about__group{display:flex; align-items:center; gap:.6em; margin:clamp(32px,5vh,56px) 0 1em; font-size:clamp(1.05rem,.8vw + .5vh,1.4rem); font-weight:700; line-height:1.4;}\n.tcdh-about__group:first-of-type{margin-top:1.5em;}\n.tcdh-about__group .tcdh-swatch{box-shadow:0 0 0 1px rgba(255,255,255,.4);}\n\/* \u4e3b\u8ef8\u5361\u7247\uff1a\u4e3b\u8ef8\u540d \u2192 \u5c0d\u61c9\u65b9\u5411 *\/\n.tcdh-about__arrow{display:block; margin:.1em 0 .25em; color:#2f68bc; font-weight:700;}\n\/* \u8ab2\u7a0b\u5361\u7247\uff1a\u4fdd\u7559\u53ef\u9ede\u64ca\u5361\u7247\u7684\u6700\u5c0f\u9ad8\u5ea6 *\/\n.tcdh-about .tcdh-card{min-height:44px;}\n.tcdh-about .tcdh-card__more{min-height:24px;}\n\/* \u5718\u968a\u6578\u4f4d\u4eba\u6587\u6b77\u53f2\uff1a\u66f2\u7dda\u5716\uff08\u6dfa\u8272\u5340\u584a\uff09 *\/\n.tcdh-hist{position:relative; margin-top:clamp(24px,4vh,48px);}\n.tcdh-hist__chart{position:relative; height:clamp(240px,38vw,440px);}\n.tcdh-hist__svg{position:absolute; inset:0; width:100%; height:100%; overflow:visible;}\n.tcdh-hist__grid line{stroke:rgba(22,22,63,.07); stroke-width:1; vector-effect:non-scaling-stroke;}\n.tcdh-hist__grid line.is-base{stroke:rgba(22,22,63,.12);}\n.tcdh-hist__area{opacity:0; animation:tcdh-fade .4s ease var(--tcdh-hist-area-delay,1.2s) forwards;}\n.tcdh-hist__line{fill:none; stroke:url(#tcdh-hist-line); stroke-width:3; stroke-linecap:round; vector-effect:non-scaling-stroke;}\n.tcdh-hist__draw{clip-path:inset(0 100% 0 0); animation:tcdh-draw 1.2s ease-out var(--tcdh-hist-draw-delay,.3s) forwards;}\n@keyframes tcdh-draw{to{clip-path:inset(0 0 0 0);}}\n@keyframes tcdh-fade{to{opacity:1;}}\n\/* \u4e92\u52d5\u4eae\u9ede\uff08\u8207 hero \u76f8\u540c\uff09 *\/\n.tcdh-hot{\n  position:absolute; width:44px; height:44px; margin:-22px 0 0 -22px; padding:0; border:0; border-radius:50%;\n  background:transparent; cursor:pointer; -webkit-tap-highlight-color:transparent;\n  transform:scale(.3); opacity:0;\n  animation:tcdh-pop .6s cubic-bezier(.2,1.4,.4,1) calc(var(--tcdh-hist-pop-delay,.4s) + var(--i) * .15s) forwards;\n}\n@keyframes tcdh-pop{to{transform:scale(1); opacity:1;}}\n.tcdh-hot__core{\n  position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%;\n  background:#fff; box-shadow:0 0 0 3px var(--tcdh-c), 0 0 18px 4px var(--tcdh-c);\n  transition:transform .2s ease;\n}\n.tcdh-hot__ring{\n  position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%;\n  border:2px solid var(--tcdh-c); opacity:0; pointer-events:none;\n  animation:tcdh-pulse 2.4s ease-out calc(var(--tcdh-hist-pop-delay,.4s) + 1s) 3;\n}\n.tcdh-hot:hover .tcdh-hot__ring,.tcdh-hot:focus-visible .tcdh-hot__ring{animation:tcdh-pulse 2.4s ease-out 0s infinite;}\n@keyframes tcdh-pulse{0%{transform:scale(1); opacity:.9;} 100%{transform:scale(3.4); opacity:0;}}\n.tcdh-hot:hover .tcdh-hot__core,.tcdh-hot[aria-expanded=\"true\"] .tcdh-hot__core{transform:scale(1.25);}\n.tcdh-hot:focus-visible{outline:none; box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--tcdh-c);}\n\/* \u66f2\u7dda\u4e0a\u7684\u5e74\u4efd\u6a19\u7c64 *\/\n.tcdh-hist__year{\n  position:absolute; transform:translate(-50%,-100%); margin-top:-20px; pointer-events:none; white-space:nowrap;\n  font-size:clamp(.6875rem,.35vw + .3vh,.8125rem); font-weight:700; letter-spacing:.04em; color:var(--tcdh-navy);\n  opacity:0; animation:tcdh-fade .5s ease calc(var(--tcdh-hist-pop-delay,.4s) + var(--i) * .15s + .25s) forwards;\n}\n\/* \u8aaa\u660e\u5361\u7247 *\/\n.tcdh-hist__card{\n  position:absolute; z-index:5; width:min(340px, calc(100% - 48px)); font-size:16px;\n  opacity:0; visibility:hidden; transform:translateY(6px);\n  transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s;\n}\n.tcdh-hist__card.is-open{opacity:1; visibility:visible; transform:none; transition:opacity .25s ease, transform .25s ease, visibility 0s;}\n.tcdh-hist__org{display:inline-block; margin-left:.2em; padding:0 .55em; border-radius:999px; background:rgba(22,22,63,.06); box-shadow:inset 0 0 0 1px rgba(22,22,63,.12); letter-spacing:.04em;}\n.tcdh-hist__card{pointer-events:none;}   \/* \u5361\u7247\u53ea\u986f\u793a\u8aaa\u660e\uff0c\u4e0d\u64cb\u4f4f\u76f8\u9130\u4eae\u9ede *\/\n.tcdh-hist__card .tcdh-card__title{font-size:1.0625em; text-wrap:balance;}\n.tcdh-hist__card .tcdh-card__desc{text-wrap:pretty;}\n.tcdh-hist__hint{margin:.4em 0 0; text-align:center; font-size:.8125rem; font-weight:500; letter-spacing:.04em; color:var(--tcdh-ink); transition:opacity .4s ease;}\n.tcdh-hist__hint.is-gone{opacity:0;}\n.tcdh-hist__hint .is-touch{display:none;}\n@media (hover:none),(pointer:coarse){ .tcdh-hist__hint .is-mouse{display:none;} .tcdh-hist__hint .is-touch{display:inline;} }\n@media (max-width:640px) and (orientation:portrait){\n  .tcdh-hist__year--low{transform:translate(-50%,0); margin-top:20px;}\n  .tcdh-hist__card{\n    position:relative; left:auto !important; top:auto !important; width:100%; margin-top:.5em; border-radius:16px;\n    display:none; transform:translateY(40px); transition:opacity .35s cubic-bezier(.2,.8,.2,1), transform .35s cubic-bezier(.2,.8,.2,1);\n  }\n  .tcdh-hist__card.is-open{display:block; animation:tcdh-sheet .35s cubic-bezier(.2,.8,.2,1);}\n  @keyframes tcdh-sheet{from{opacity:0; transform:translateY(40px);} to{opacity:1; transform:none;}}\n}\n@media (max-height:500px) and (orientation:landscape){ .tcdh-hist__chart{height:clamp(200px,52vh,280px);} .tcdh-hist__year{margin-top:-14px;} }\n<\/style>\n<div class=\"tcdh-page tcdh-about tcdh-page--bleed\">\n  <!-- \u2460 \u6df1\u8272\uff1a\u4e3b\u8996\u89ba + \u57f9\u80b2\u76ee\u6a19 -->\n  <div class=\"tcdh-page--dark\">\n    <section class=\"tcdh-section\" aria-labelledby=\"tcdh-about-h1\">\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\" id=\"tcdh-about-h1\">\u6578\u4f4d\u4eba\u6587\u9818\u822a\u672a\u4f86<\/h1>\n        <p class=\"tcdh-sub tcdh-rise\" style=\"--tcdh-delay:.35s\">AI \u8ce6\u80fd<span class=\"tcdh-nowrap\">\u8de8\u6587\u5316\u6c38\u7e8c\u63a2\u7d22<\/span>\u8207<span class=\"tcdh-nowrap\">\u8a2d\u8a08\u601d\u8003<\/span>\u4e4b<span class=\"tcdh-nowrap\">\u8907\u5408\u578b\u5916\u8a9e\u4eba\u624d\u57f9\u80b2<\/span><\/p>\n        <p class=\"tcdh-lead tcdh-prose tcdh-rise\" style=\"--tcdh-delay:.5s\">\u672c\u8a08\u756b\u57f9\u80b2\u82f1\u3001\u65e5\u3001\u5fb7\u8a9e\u7cfb\u5b78\u751f\u6210\u70ba AI \u6642\u4ee3\u6240\u9700\u7684\u8907\u5408\u578b\u4eba\u624d\uff0c\u4ee5\u300c\u8de8\u6587\u5316\u6c38\u7e8c\u63a2\u7d22\u300d\u70ba\u4e3b\u8ef8\uff0c\u5c0e\u5165\u8a2d\u8a08\u601d\u8003\uff0c\u5f15\u9818\u5b78\u751f\u8207 AI \u5354\u4f5c\u3002<\/p>\n        <hr class=\"tcdh-rule\">\n        <h2 class=\"tcdh-h2\">\u57f9\u80b2\u76ee\u6a19\uff1a<span class=\"tcdh-nowrap\">\u8907\u5408\u578b\u5916\u8a9e\u4eba\u624d<\/span><\/h2>\n        <div class=\"tcdh-grid\">\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#f9d150\">\n            <h3 class=\"tcdh-card__title\">\u77e5\u8b58\u878d\u901a\u6574\u5408\u80fd\u529b<\/h3>\n            <p class=\"tcdh-card__desc tcdh-clamp-4\">\u638c\u63e1\u672a\u4f86\u8da8\u52e2\uff0c\u5177\u5099\u77e5\u8b58\u5275\u65b0\u8207\u6574\u5408\u61c9\u7528\u80fd\u529b\u3002<\/p>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#f8b64a\">\n            <h3 class=\"tcdh-card__title\">\u6578\u64da\u8655\u7406\u5206\u6790\u80fd\u529b<\/h3>\n            <p class=\"tcdh-card__desc tcdh-clamp-4\">\u5229\u7528\u6578\u64da\u6280\u8853\u5206\u6790\u548c\u89e3\u8b80\u5927\u91cf\u6587\u672c\u8cc7\u6599\u3002<\/p>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#8c688e\">\n            <h3 class=\"tcdh-card__title\">\u667a\u6167\u79d1\u6280\u61c9\u7528\u80fd\u529b<\/h3>\n            <p class=\"tcdh-card__desc tcdh-clamp-4\">\u904b\u7528\u6578\u4f4d\u667a\u6167\u79d1\u6280\uff0c\u5be6\u8e10\u4eba\u6587\u50f9\u503c\u8207\u8de8\u57df\u61c9\u7528\u3002<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n  <!-- \u2461 \u6dfa\u8272\uff1a\u8a08\u756b\u7406\u5ff5\uff08\u9577\u6587\uff09 -->\n  <div class=\"tcdh-page--light\">\n    <section class=\"tcdh-section\" aria-labelledby=\"tcdh-about-intro\">\n      <div class=\"tcdh-container tcdh-split\">\n        <div class=\"tcdh-carousel\" aria-roledescription=\"carousel\" aria-label=\"\u8a08\u756b\u6d3b\u52d5\u76f8\u7c3f\">\n          <figure class=\"tcdh-slide is-active\"><img decoding=\"async\" src=\"http:\/\/aidh2023.nkust.org\/wp-content\/uploads\/2026\/10\/about-gallery-1.jpg\" alt=\"\u8a08\u756b\u6d3b\u52d5\u7167\u7247 1\" loading=\"lazy\"><\/figure>\n          <figure class=\"tcdh-slide\"><img decoding=\"async\" src=\"http:\/\/aidh2023.nkust.org\/wp-content\/uploads\/2026\/10\/about-gallery-2.jpg\" alt=\"\u8a08\u756b\u6d3b\u52d5\u7167\u7247 2\" loading=\"lazy\"><\/figure>\n          <figure class=\"tcdh-slide\"><img decoding=\"async\" src=\"http:\/\/aidh2023.nkust.org\/wp-content\/uploads\/2026\/10\/about-gallery-2-1.jpg\" alt=\"\u8a08\u756b\u6d3b\u52d5\u7167\u7247 3\" loading=\"lazy\"><\/figure>\n          <figure class=\"tcdh-slide\"><img decoding=\"async\" src=\"http:\/\/aidh2023.nkust.org\/wp-content\/uploads\/2026\/10\/about-gallery-3.jpg\" alt=\"\u8a08\u756b\u6d3b\u52d5\u7167\u7247 4\" loading=\"lazy\"><\/figure>\n          <button class=\"tcdh-car-btn tcdh-car-prev\" type=\"button\" aria-label=\"\u4e0a\u4e00\u5f35\">&#8249;<\/button>\n          <button class=\"tcdh-car-btn tcdh-car-next\" type=\"button\" aria-label=\"\u4e0b\u4e00\u5f35\">&#8250;<\/button>\n          <div class=\"tcdh-car-dots\"><\/div>\n        <\/div>\n        <div class=\"tcdh-prose\">\n        <span class=\"tcdh-eyebrow\">\u8a08\u756b\u7406\u5ff5<\/span>\n        <h2 class=\"tcdh-h2\" id=\"tcdh-about-intro\">\u6210\u70ba\u80fd\u5f15\u9818\u672a\u4f86\u7684<span class=\"tcdh-nowrap\">\u8907\u5408\u578b\u5916\u8a9e\u4eba\u624d<\/span><\/h2>\n        <p class=\"tcdh-lead\">\u672c\u8a08\u756b\u65e8\u5728\u57f9\u80b2\u82f1\uff0f\u65e5\uff0f\u5fb7\u8a9e\u7cfb\u5b78\u751f\u6210\u70ba AI \u6642\u4ee3\u6240\u9700\u7684\u8907\u5408\u578b\u4eba\u624d\uff0c\u8ab2\u7a0b\u8a2d\u8a08\u5c07\u4ee5\u300c\u8de8\u6587\u5316\u6c38\u7e8c\u63a2\u7d22\u300d\u70ba\u4e3b\u8ef8\uff0c\u5c0e\u5165\u8a2d\u8a08\u601d\u8003\u65b9\u6cd5\uff0c\u900f\u904e\u5be6\u969b\u6848\u4f8b\u5206\u6790\u8207\u5c08\u984c\u5be6\u4f5c\uff0c\u6fc0\u767c\u5b78\u751f\u8207 AI \u5354\u4f5c\uff0c\u5275\u4f5c\u51fa\u5bcc\u6709\u611f\u67d3\u529b\u548c\u5275\u610f\u7684\u6545\u4e8b\uff0c\u4e14\u80fd\u5728\u4e0d\u540c\u8a9e\u8a00\u8207\u6587\u5316\u4e4b\u9593\u9032\u884c\u8de8\u6587\u5316 SDGs \u8f49\u8b6f\u8207\u8a6e\u91cb\uff0c\u4ee5\u53ca\u5229\u7528\u6578\u64da\u6280\u8853\u5206\u6790\u548c\u89e3\u8b80\u5927\u91cf\u6587\u672c\u8cc7\u6599\u7684\u80fd\u529b\uff0c\u63a2\u8a0e\u81fa\u7063\u8fd1\u5e74\u4f01\u696d\u8207\u5927\u773e\u6240\u95dc\u5fc3\u4e14\u8072\u91cf\u9ad8\u7684\u71b1\u9580 ESG \u8a71\u984c\u3002<\/p>\n        <p class=\"tcdh-lead\">\u85c9\u7531 AI \u8ce6\u80fd\uff0c\u5c0e\u5165\u8a2d\u8a08\u601d\u8003\uff0c\u958b\u767c ESDG \u6578\u4f4d\u4eba\u6587\u8ab2\u7a0b\uff0c\u8ab2\u7a0b\u5167\u5bb9\u5747\u975e\u7d14\u4eba\u6587\u8ab2\u7a0b\u6216\u7d14\u6280\u8853\u8ab2\u7a0b\uff0c\u4ee5\u300c\u4eba\u6587\u4eba\u5de5\u667a\u6167\uff08HAI\uff09\u300d\u4e4b\u61c9\u7528\u70ba\u601d\u8003\u65b9\u5411\uff0c\u8457\u91cd\u65bc\u904b\u7528\u6578\u4f4d\u667a\u6167\u79d1\u6280\u5be6\u8e10\u4eba\u6587\u50f9\u503c\u8207\u8de8\u57df\u61c9\u7528\u3002\u671f\u76fc\u5b78\u751f\u80fd\u638c\u63e1\u672a\u4f86\u8da8\u52e2\u3001\u5177\u5099\u77e5\u8b58\u5275\u65b0\u8207\u6574\u5408\u61c9\u7528\u80fd\u529b\uff0c\u6210\u70ba\u80fd\u5f15\u9818\u672a\u4f86\u7684\u8907\u5408\u578b\u5916\u8a9e\u4eba\u624d\u3002<\/p>\n      <\/div>\n      <\/div>\n      <style>\n        .tcdh-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;max-width:1200px}\n        .tcdh-carousel{position:relative;aspect-ratio:3\/2;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(20,20,60,.18);background:#eee}\n        .tcdh-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease}\n        .tcdh-slide.is-active{opacity:1}\n        .tcdh-slide img{width:100%;height:100%;object-fit:cover;display:block}\n        .tcdh-car-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0;z-index:2}\n        .tcdh-car-btn:hover{background:rgba(0,0,0,.65)}\n        .tcdh-car-prev{left:12px}.tcdh-car-next{right:12px}\n        .tcdh-car-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}\n        .tcdh-car-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.55);cursor:pointer}\n        .tcdh-car-dots button.is-active{background:#fff}\n        @media (max-width:900px){.tcdh-split{grid-template-columns:1fr;gap:28px}}\n      <\/style>\n      <script>\n        (function(){document.querySelectorAll('.tcdh-carousel').forEach(function(el){var s=el.querySelectorAll('.tcdh-slide'),d=el.querySelector('.tcdh-car-dots'),i=0,t;s.forEach(function(_,k){var b=document.createElement('button');b.type='button';b.setAttribute('aria-label','\u7b2c '+(k+1)+' \u5f35');b.onclick=function(){go(k);};d.appendChild(b);});var dots=d.children;function go(n){s[i].classList.remove('is-active');dots[i].classList.remove('is-active');i=(n+s.length)%s.length;s[i].classList.add('is-active');dots[i].classList.add('is-active');clearInterval(t);t=setInterval(function(){go(i+1);},5000);}el.querySelector('.tcdh-car-prev').onclick=function(){go(i-1);};el.querySelector('.tcdh-car-next').onclick=function(){go(i+1);};go(0);});})();\n      <\/script>\n    \n    <\/section>\n  <\/div>\n  <!-- \u2462 \u6df1\u8272\uff1a\u8ab2\u7a0b\u8a2d\u8a08 -->\n  <div class=\"tcdh-page--dark\">\n    <section class=\"tcdh-section\" aria-labelledby=\"tcdh-about-course\">\n      <div class=\"tcdh-container\">\n        <span class=\"tcdh-eyebrow\">\u5916\u8a9e\u5b78\u9662\u6578\u4f4d\u4eba\u6587\u672a\u4f86\u5f0f<\/span>\n        <h2 class=\"tcdh-h2\" id=\"tcdh-about-course\">ESDG \u70ba\u672c\u4e4b<span class=\"tcdh-nowrap\">\u6578\u4f4d\u4eba\u6587\u8ab2\u7a0b\u8a2d\u8a08<\/span><\/h2>\n        <p class=\"tcdh-lead tcdh-prose\">\u4ee5\u4e09\u5927\u4e3b\u8ef8\u4e32\u9023 SDGs \u8207 ESG \u5169\u7d44\u8ab2\u7a0b\uff0c\u8ab2\u7a0b\u5167\u5bb9\u517c\u5177\u4eba\u6587\u8207\u6280\u8853\uff0c\u4e0d\u662f\u55ae\u7d14\u7684\u4eba\u6587\u8ab2\u7a0b\u6216\u6280\u8853\u8ab2\u7a0b\u3002<\/p>\n        <h3 class=\"tcdh-about__group\"><i class=\"tcdh-swatch\" style=\"--tcdh-c:#f9d150\"><\/i>\u4e09\u5927\u4e3b\u8ef8<\/h3>\n        <div class=\"tcdh-grid\">\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#f9d150\">\n            <h4 class=\"tcdh-card__title\">AI \u8ce6\u80fd<\/h4>\n            <p class=\"tcdh-card__desc\"><span class=\"tcdh-about__arrow\" aria-hidden=\"true\">\u2193<\/span>AI \u8ce6\u80fd\u6c38\u7e8c\u767c\u5c55\u63a2\u7d22<\/p>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#f8b64a\">\n            <h4 class=\"tcdh-card__title\">\u8a2d\u8a08\u601d\u8003<\/h4>\n            <p class=\"tcdh-card__desc\"><span class=\"tcdh-about__arrow\" aria-hidden=\"true\">\u2193<\/span>\u8de8\u6587\u5316\u8f49\u8b6f\u6578\u4f4d\u6558\u4e8b<\/p>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#8c688e\">\n            <h4 class=\"tcdh-card__title\">\u8de8\u6587\u5316\u6c38\u7e8c\u767c\u5c55\u8b70\u984c<\/h4>\n            <p class=\"tcdh-card__desc\"><span class=\"tcdh-about__arrow\" aria-hidden=\"true\">\u2193<\/span>AI \u9a45\u52d5\u6c38\u7e8c\u8de8\u57df\u5275\u65b0<\/p>\n          <\/article>\n        <\/div>\n        <h3 class=\"tcdh-about__group\"><i class=\"tcdh-swatch\" style=\"--tcdh-c:#308bc4\"><\/i>SDGs \u8ab2\u7a0b<\/h3>\n        <div class=\"tcdh-grid\">\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#308bc4\">\n            <h4 class=\"tcdh-card__title\">AI \u6578\u4f4d\u4eba\u6587\u5c0e\u8ad6<\/h4>\n            <a class=\"tcdh-card__more\" href=\"http:\/\/aidh2023.nkust.org\/index.php\/contact\/ai_digital_humanities\/\">\u67e5\u770b\u8ab2\u7a0b\u8cc7\u8a0a \u2192<\/a>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#308bc4\">\n            <h4 class=\"tcdh-card__title\">\u6578\u4f4d\u526a\u8f2f\u8207\u5f71\u50cf\u8655\u7406<\/h4>\n            <a class=\"tcdh-card__more\" href=\"http:\/\/aidh2023.nkust.org\/index.php\/contact\/digital_editing\/\">\u67e5\u770b\u8ab2\u7a0b\u8cc7\u8a0a \u2192<\/a>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#308bc4\">\n            <h4 class=\"tcdh-card__title\">\u52d5\u756b\u5f71\u7247\u88fd\u4f5c<\/h4>\n            <a class=\"tcdh-card__more\" href=\"http:\/\/aidh2023.nkust.org\/index.php\/contact\/video_production\/\">\u67e5\u770b\u8ab2\u7a0b\u8cc7\u8a0a \u2192<\/a>\n          <\/article>\n        <\/div>\n        <h3 class=\"tcdh-about__group\"><i class=\"tcdh-swatch\" style=\"--tcdh-c:#f8b64a\"><\/i>ESG \u8ab2\u7a0b<\/h3>\n        <div class=\"tcdh-grid\">\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#f8b64a\">\n            <h4 class=\"tcdh-card__title\">\u7ffb\u8b6f\u79d1\u6280\u8207\u5c08\u6848\u7ba1\u7406<\/h4>\n            <a class=\"tcdh-card__more\" href=\"http:\/\/aidh2023.nkust.org\/index.php\/contact\/translation_technology\/\">\u67e5\u770b\u8ab2\u7a0b\u8cc7\u8a0a \u2192<\/a>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#f8b64a\">\n            <h4 class=\"tcdh-card__title\">\u5546\u52d9\u7db2\u7ad9\u8a2d\u8a08<\/h4>\n            <a class=\"tcdh-card__more\" href=\"http:\/\/aidh2023.nkust.org\/index.php\/contact\/website_design\/\">\u67e5\u770b\u8ab2\u7a0b\u8cc7\u8a0a \u2192<\/a>\n          <\/article>\n          <article class=\"tcdh-card\" style=\"--tcdh-c:#f8b64a\">\n            <h4 class=\"tcdh-card__title\">\u5927\u6578\u64da\u5546\u696d\u61c9\u7528\u5206\u6790<\/h4>\n            <a class=\"tcdh-card__more\" href=\"http:\/\/aidh2023.nkust.org\/index.php\/contact\/big_data\/\">\u67e5\u770b\u8ab2\u7a0b\u8cc7\u8a0a \u2192<\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n  <!-- \u2463 \u6dfa\u8272\uff1a\u5718\u968a\u6578\u4f4d\u4eba\u6587\u6b77\u53f2\uff08\u66f2\u7dda\u5716\uff09 -->\n  <div class=\"tcdh-page--light\">\n    <section class=\"tcdh-section\" aria-labelledby=\"tcdh-about-history\">\n      <div class=\"tcdh-container\">\n        <span class=\"tcdh-eyebrow\">\u5718\u968a\u6b77\u7a0b<\/span>\n        <h2 class=\"tcdh-h2\" id=\"tcdh-about-history\">\u5718\u968a\u6578\u4f4d\u4eba\u6587\u6b77\u53f2<\/h2>\n        <p class=\"tcdh-lead tcdh-prose\">\u5f9e 2018 \u5e74\u7b2c\u4e00\u671f\u8a08\u756b\u8d77\uff0c\u5718\u968a\u9010\u6b65\u7d2f\u7a4d\u6578\u4f4d\u4eba\u6587\u7684\u6559\u5b78\u8207\u7814\u7a76\u80fd\u91cf\uff0c\u4e00\u8def\u8d70\u5230\u4eca\u5929\u7684\u9818\u822a\u8a08\u756b\u3002<\/p>\n        <div class=\"tcdh-hist\" data-tcdh-hist>\n          <div class=\"tcdh-hist__chart\">\n            <svg class=\"tcdh-hist__svg\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n              <defs>\n                <linearGradient id=\"tcdh-hist-line\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                  <stop offset=\"0\" stop-color=\"#f9d150\"\/><stop offset=\".3\" stop-color=\"#f8b64a\"\/><stop offset=\".55\" stop-color=\"#8c688e\"\/><stop offset=\".8\" stop-color=\"#5459a4\"\/><stop offset=\"1\" stop-color=\"#308bc4\"\/>\n                <\/linearGradient>\n                <linearGradient id=\"tcdh-hist-fill\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                  <stop offset=\"0\" stop-color=\"#f9d150\"\/><stop offset=\".22\" stop-color=\"#ea964b\"\/><stop offset=\".45\" stop-color=\"#8c688e\"\/><stop offset=\".65\" stop-color=\"#5459a4\"\/><stop offset=\".82\" stop-color=\"#2f68bc\"\/><stop offset=\"1\" stop-color=\"#308bc4\"\/>\n                <\/linearGradient>\n                <linearGradient id=\"tcdh-hist-fade\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                  <stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".32\"\/><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\"0\"\/>\n                <\/linearGradient>\n                <mask id=\"tcdh-hist-mask\" maskContentUnits=\"userSpaceOnUse\"><rect x=\"0\" y=\"0\" width=\"1000\" height=\"400\" fill=\"url(#tcdh-hist-fade)\"\/><\/mask>\n              <\/defs>\n              <g class=\"tcdh-hist__grid\"><\/g>\n              <path class=\"tcdh-hist__area\" fill=\"url(#tcdh-hist-fill)\" mask=\"url(#tcdh-hist-mask)\"\/>\n              <g class=\"tcdh-hist__draw\"><path class=\"tcdh-hist__line\"\/><\/g>\n            <\/svg>\n            <!-- \u4eae\u9ede\u7531 JS \u4f9d\u8a2d\u5b9a\u5340\u8cc7\u6599\u7522\u751f -->\n          <\/div>\n          <div class=\"tcdh-card tcdh-hist__card\" id=\"tcdh-hist-card\" role=\"region\" aria-live=\"polite\" aria-label=\"\u968e\u6bb5\u8aaa\u660e\"><\/div>\n          <p class=\"tcdh-hist__hint\" aria-hidden=\"true\"><span class=\"is-mouse\">\u5c07\u6ed1\u9f20\u79fb\u5230\u4eae\u9ede\u4e0a\uff0c\u67e5\u770b\u5404\u968e\u6bb5\u8a08\u756b<\/span><span class=\"is-touch\">\u9ede\u64ca\u4eae\u9ede\uff0c\u67e5\u770b\u5404\u968e\u6bb5\u8a08\u756b<\/span><\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  \/* \u2605 \u8a2d\u5b9a\u5340 ------------------------------------------------ *\/\n  var HEADER_SELECTOR = '#masthead';   \/\/ \u4f48\u666f\u9801\u9996\uff08Astra \u900f\u660e\u9801\u9996\u6703\u84cb\u5728\u5167\u5bb9\u4e0a\uff09\n  var ROOT_SELECTOR   = '.tcdh-about';\n  \/* -------------------------------------------------------- *\/\n  var root = document.querySelector(ROOT_SELECTOR);\n  if(!root) return;\n  var header = document.querySelector(HEADER_SELECTOR);\n  var ticking = false;\n  function update(){\n    ticking = false;\n    \/\/ 1) \u6eff\u7248\u5bec\u5ea6\uff1a\u7528\u4e0d\u542b\u6372\u8ef8\u7684\u5bec\u5ea6\uff0c\u907f\u514d 100vw \u7522\u751f\u6c34\u5e73\u6372\u8ef8\n    root.style.setProperty('--tcdh-vw', document.documentElement.clientWidth + 'px');\n    \/\/ 2) \u82e5\u9801\u9996\u662f absolute \/ fixed\uff08\u900f\u660e\u9801\u9996\uff09\uff0c\u628a\u5167\u5bb9\u5f80\u4e0b\u63a8\uff0c\u8b93\u9801\u9996\u7dad\u6301\u5728\u767d\u5e95\u4e0a\n    var offset = 0;\n    if(header){\n      var pos = getComputedStyle(header).position;\n      if(pos === 'absolute' || pos === 'fixed'){\n        var hb = header.getBoundingClientRect().bottom + window.scrollY;\n        var rt = root.getBoundingClientRect().top + window.scrollY - (parseFloat(root.style.getPropertyValue('--tcdh-offset')) || 0);\n        offset = Math.max(0, Math.ceil(hb - rt));\n      }\n    }\n    root.style.setProperty('--tcdh-offset', offset + 'px');\n  }\n  function schedule(){ if(!ticking){ ticking = true; requestAnimationFrame(update); } }\n  update();\n  if('ResizeObserver' in window){\n    var ro = new ResizeObserver(schedule);\n    ro.observe(document.documentElement);\n    if(header) ro.observe(header);\n  } else {\n    window.addEventListener('resize', schedule);\n  }\n})();\n\/* ---- \u5718\u968a\u6578\u4f4d\u4eba\u6587\u6b77\u53f2\uff1a\u66f2\u7dda\u5716 ---- *\/\n(function(){\n  \/* \u2605 \u8a2d\u5b9a\u5340 ------------------------------------------------\n     v\uff1a\u66f2\u7dda\u9ad8\u5ea6\uff080\u20131\uff09\uff1bc\uff1a\u54c1\u724c\u8272\uff08\u4eae\u9ede\u8207\u7dda\u6bb5\u6f38\u5c64\u7528\uff09 *\/\n  var DATA = [\n    {year:'2018\u20132022', org:'\u6559\u80b2\u90e8', title:'\u7b2c\u4e00\u671f\u6578\u4f4d\u4eba\u6587\u5275\u65b0\u4eba\u624d\u57f9\u80b2\u8a08\u756b', sub:'', v:.30, c:'#f9d150'},\n    {year:'2020',      org:'\u570b\u79d1\u6703', title:'\u6587\u9ad4\u8a08\u91cf\u8996\u89d2\u4e0b\u5510\u8a69\u82f1\u8b6f\u8a9e\u9ad4\u98a8\u683c\u7684\u591a\u6a23\u6027\u8207\u7f8e\u570b\u8a69\u6b4c\u7684\u4e92\u6587\u7814\u7a76', sub:'\u5f9e\u8a08\u91cf\u6587\u9ad4\u5b78\u89d2\u5ea6\u5206\u6790\u5510\u8a69\u82f1\u8b6f\u7684\u4e92\u6587\u6027\u53ca\u5176\u5c0d\u7f8e\u570b\u8a69\u6b4c\u7684\u5f71\u97ff', v:.35, c:'#f8b64a'},\n    {year:'2021',      org:'\u570b\u79d1\u6703', title:'\u5510\u8a69\u4e2d\u82f1\u65e5\u5e73\u884c\u8a9e\u6599\u5eab\u4e4b\u5275\u5efa\u8207\u61c9\u7528\uff1a\u7ffb\u8b6f\u8f49\u63db\u8207\u8b8a\u7570\u7684\u8de8\u57df\u6bd4\u8f03\u7814\u7a76', sub:'', v:.55, c:'#ea964b'},\n    {year:'2022',      org:'\u570b\u79d1\u6703', title:'\u6578\u4f4d\u4eba\u6587\u8207 AI \u589e\u80fd\u5b78\u8853\u7814\u7a76\u7db2', sub:'', v:.60, c:'#8c688e'},\n    {year:'2022',      org:'\u6559\u80b2\u90e8', title:'AI \u6642\u4ee3\u82f1\u8a9e\u5c08\u696d\u4eba\u624d\u57f9\u80b2\uff1a\u4eba\u6587\u8ab2\u7a0b\u7684\u6578\u4f4d\u8f49\u578b\u8207\u8de8\u57df\u5be6\u8e10', sub:'', v:.73, c:'#645c9d'},\n    {year:'2023',      org:'\u6559\u80b2\u90e8', title:'\u7b2c\u4e8c\u671f\u6578\u4f4d\u4eba\u6587\u5275\u65b0\u4eba\u624d\u57f9\u80b2\u8a08\u756b', sub:'', v:.80, c:'#2f68bc'},\n    {year:'2025\u20132027', org:'\u672c\u8a08\u756b', title:'\u6578\u4f4d\u4eba\u6587\u9818\u822a\u672a\u4f86', sub:'AI \u8ce6\u80fd\u8de8\u6587\u5316\u6c38\u7e8c\u63a2\u7d22\u8207\u8a2d\u8a08\u601d\u8003\u4e4b\u8907\u5408\u578b\u5916\u8a9e\u4eba\u624d\u57f9\u80b2', v:1.0, c:'#308bc4'}\n  ];\n  var ROOT_SELECTOR = '[data-tcdh-hist]';\n  var MOBILE_QUERY  = '(max-width:640px) and (orientation:portrait)';\n  var X0 = 60, X1 = 940, Y_BASE = 370, Y_RANGE = 300;   \/\/ viewBox 1000\u00d7400 \u5167\u7684\u7e6a\u5716\u7bc4\u570d\n  \/* -------------------------------------------------------- *\/\n  var root = document.querySelector(ROOT_SELECTOR);\n  if(!root) return;\n  var chart = root.querySelector('.tcdh-hist__chart');\n  var card  = root.querySelector('.tcdh-hist__card');\n  var hint  = root.querySelector('.tcdh-hist__hint');\n  var mq = window.matchMedia(MOBILE_QUERY);\n  var esc = function(s){ return String(s).replace(\/[&<>\"']\/g, function(ch){ return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[ch]; }); };\n  \/\/ \u5ea7\u6a19\n  var pts = DATA.map(function(d, i){\n    return { x: X0 + i * (X1 - X0) \/ (DATA.length - 1), y: Y_BASE - d.v * Y_RANGE };\n  });\n  \/\/ \u55ae\u8abf\u4e09\u6b21\u66f2\u7dda\uff08\u4e0d\u6703\u8d85\u51fa\u8cc7\u6599\u7bc4\u570d\uff09\n  function monotonePath(p){\n    var n = p.length, dx = [], m = [], t = [], i;\n    for(i = 0; i < n - 1; i++){ dx[i] = p[i+1].x - p[i].x; m[i] = (p[i+1].y - p[i].y) \/ dx[i]; }\n    t[0] = m[0]; t[n-1] = m[n-2];\n    for(i = 1; i < n - 1; i++){ t[i] = (m[i-1] * m[i] <= 0) ? 0 : 3 * (dx[i-1] + dx[i]) \/ ((2*dx[i] + dx[i-1]) \/ m[i-1] + (dx[i] + 2*dx[i-1]) \/ m[i]); }\n    var d = 'M' + p[0].x + ',' + p[0].y;\n    for(i = 0; i < n - 1; i++){\n      var h = dx[i] \/ 3;\n      d += 'C' + (p[i].x + h) + ',' + (p[i].y + h * t[i]) + ' ' + (p[i+1].x - h) + ',' + (p[i+1].y - h * t[i+1]) + ' ' + p[i+1].x + ',' + p[i+1].y;\n    }\n    return d;\n  }\n  var line = monotonePath(pts);\n  root.querySelector('.tcdh-hist__line').setAttribute('d', line);\n  root.querySelector('.tcdh-hist__area').setAttribute('d', line + 'L' + X1 + ',' + Y_BASE + 'L' + X0 + ',' + Y_BASE + 'Z');\n  var grid = '';\n  for(var g = 0; g <= 4; g++){ var gy = Y_BASE - g * Y_RANGE \/ 4; grid += '<line x1=\"0\" x2=\"1000\" y1=\"' + gy + '\" y2=\"' + gy + '\"' + (g === 0 ? ' class=\"is-base\"' : '') + '\/>'; }\n  root.querySelector('.tcdh-hist__grid').innerHTML = grid;\n  \/\/ \u4eae\u9ede\u8207\u5e74\u4efd\u6a19\u7c64\n  var btns = [];\n  DATA.forEach(function(d, i){\n    var b = document.createElement('button');\n    b.type = 'button';\n    b.className = 'tcdh-hot';\n    b.style.cssText = 'left:' + (pts[i].x \/ 10) + '%;top:' + (pts[i].y \/ 4) + '%;--tcdh-c:' + d.c + ';--i:' + i;\n    b.setAttribute('aria-label', '\u7b2c ' + (i + 1) + ' \u968e\u6bb5\uff0c' + d.year + '\uff0c' + d.org + '\uff1a' + d.title);\n    b.setAttribute('aria-expanded', 'false');\n    b.setAttribute('aria-controls', 'tcdh-hist-card');\n    b.setAttribute('aria-describedby', 'tcdh-hist-card');\n    b.innerHTML = '<span class=\"tcdh-hot__ring\"><\/span><span class=\"tcdh-hot__core\"><\/span>';\n    chart.appendChild(b); btns.push(b);\n    var y = document.createElement('span');\n    y.className = 'tcdh-hist__year' + (i % 2 ? ' tcdh-hist__year--low' : '');\n    y.setAttribute('aria-hidden', 'true');\n    y.style.cssText = 'left:' + (pts[i].x \/ 10) + '%;top:' + (pts[i].y \/ 4) + '%;--i:' + i;\n    y.textContent = d.year;\n    chart.appendChild(y);\n  });\n  \/\/ \u8aaa\u660e\u5361\u7247\n  var cur = -1, pinned = false, closeTimer = 0;\n  function place(){\n    if(cur < 0 || mq.matches){ card.style.left = card.style.top = ''; return; }\n    var W = root.clientWidth, EDGE = 24, GAP = 22;\n    var px = pts[cur].x \/ 1000 * chart.clientWidth, py = pts[cur].y \/ 400 * chart.clientHeight;\n    var cw = card.offsetWidth, ch = card.offsetHeight;\n    var left = Math.min(Math.max(px - cw \/ 2, EDGE), W - EDGE - cw);\n    var top = py - ch - GAP;\n    if(top < EDGE) top = py + GAP;               \/\/ \u4e0a\u65b9\u7a7a\u9593\u4e0d\u8db3\u6642\u6539\u653e\u4e0b\u65b9\n    card.style.left = left + 'px'; card.style.top = top + 'px';\n  }\n  function open(i, pin){\n    clearTimeout(closeTimer);\n    if(hint) hint.classList.add('is-gone');\n    var d = DATA[i];\n    if(cur !== i){\n      card.style.setProperty('--tcdh-c', d.c);\n      card.innerHTML = '<span class=\"tcdh-card__tag\"><i class=\"tcdh-swatch\"><\/i>' + esc(d.year) + '<span class=\"tcdh-hist__org\">' + esc(d.org) + '<\/span><\/span>'\n        + '<h3 class=\"tcdh-card__title\">' + esc(d.title) + '<\/h3>'\n        + (d.sub ? '<p class=\"tcdh-card__desc\">' + esc(d.sub) + '<\/p>' : '');\n    }\n    btns.forEach(function(b, k){ b.setAttribute('aria-expanded', k === i ? 'true' : 'false'); });\n    cur = i; pinned = !!pin;\n    card.classList.add('is-open');\n    place();\n  }\n  function close(returnFocus){\n    clearTimeout(closeTimer);\n    if(cur < 0) return;\n    var b = btns[cur];\n    card.classList.remove('is-open');\n    b.setAttribute('aria-expanded', 'false');\n    cur = -1; pinned = false;\n    if(returnFocus) b.focus();\n  }\n  function closeSoon(){ if(!pinned){ clearTimeout(closeTimer); closeTimer = setTimeout(function(){ close(false); }, 180); } }\n  var finePointer = window.matchMedia('(hover:hover) and (pointer:fine)');\n  btns.forEach(function(b, i){\n    b.addEventListener('mouseenter', function(){ if(finePointer.matches){ if(!pinned) open(i, false); } });\n    b.addEventListener('mouseleave', function(){ if(finePointer.matches) closeSoon(); });\n    b.addEventListener('focus', function(){ if(!pinned || cur !== i) open(i, false); });\n    b.addEventListener('blur', function(){ if(!mq.matches) closeSoon(); });\n    b.addEventListener('click', function(e){\n      e.stopPropagation();\n      if(cur === i ? pinned : false) close(false); else open(i, true);\n    });\n  });\n  document.addEventListener('keydown', function(e){ if(e.key === 'Escape'){ if(cur >= 0) close(true); } });\n  document.addEventListener('click', function(e){ if(cur >= 0) close(false); });\n  var ticking = false;\n  function schedule(){ if(!ticking){ ticking = true; requestAnimationFrame(function(){ ticking = false; place(); }); } }\n  if('ResizeObserver' in window) new ResizeObserver(schedule).observe(root); else window.addEventListener('resize', schedule);\n  if(mq.addEventListener) mq.addEventListener('change', schedule);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6559\u80b2\u90e8\u6578\u4f4d\u4eba\u6587\u8de8\u57df\u4eba\u624d\u667a\u6167\u9818\u822a\u8a08\u756b \u6578\u4f4d\u4eba\u6587\u9818\u822a\u672a\u4f86 AI \u8ce6\u80fd\u8de8\u6587\u5316\u6c38\u7e8c\u63a2\u7d22\u8207\u8a2d\u8a08\u601d\u8003\u4e4b\u8907\u5408\u578b\u5916\u8a9e\u4eba\u624d\u57f9\u80b2  &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"http:\/\/aidh2023.nkust.org\/index.php\/about\/\"> <span class=\"screen-reader-text\">\u95dc\u65bc<\/span> \u95b1\u8b80\u5168\u6587 &raquo;<\/a><\/p>\n","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":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","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-413","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":"\u6559\u80b2\u90e8\u6578\u4f4d\u4eba\u6587\u8de8\u57df\u4eba\u624d\u667a\u6167\u9818\u822a\u8a08\u756b \u6578\u4f4d\u4eba\u6587\u9818\u822a\u672a\u4f86 AI \u8ce6\u80fd\u8de8\u6587\u5316\u6c38\u7e8c\u63a2\u7d22\u8207\u8a2d\u8a08\u601d\u8003\u4e4b\u8907\u5408\u578b\u5916\u8a9e\u4eba\u624d\u57f9\u80b2 ...","_links":{"self":[{"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/pages\/413","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=413"}],"version-history":[{"count":41,"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/pages\/413\/revisions"}],"predecessor-version":[{"id":3300,"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/pages\/413\/revisions\/3300"}],"wp:attachment":[{"href":"http:\/\/aidh2023.nkust.org\/index.php\/wp-json\/wp\/v2\/media?parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}