{"id":87,"date":"2024-03-08T10:26:52","date_gmt":"2024-03-08T02:26:52","guid":{"rendered":"https:\/\/iweb20wpa.url.tku.edu.tw\/atgx\/?page_id=87"},"modified":"2026-10-14T11:46:32","modified_gmt":"2026-10-14T03:46:32","slug":"%e8%b7%a8%e9%a0%98%e5%9f%9f%e7%b6%b2%e7%ab%99-%e9%a6%96%e9%a0%81","status":"publish","type":"page","link":"\/interacad\/","title":{"rendered":"\u8de8\u9818\u57df\u5b78\u7fd2"},"content":{"rendered":"\n<!-- =====================================================\n     \u5168\u57df\u6a23\u5f0f\uff082026\/10 \u65b0\u64ec\u7269\u7248\uff09\n     \u653e\u5728\u9801\u9762\u6700\u4e0a\u65b9\u7684\u81ea\u8a02 HTML \u5340\u584a\n     \u203b \u5404 Shadow DOM \u5340\u584a\u6703\u8b80\u53d6\u9019\u88e1\u7684 --np-* \u8b8a\u6578\n     ===================================================== -->\n<style>\n  :root {\n    \/* \u2500\u2500 \u7d19\u5f35\u5e95\u8272\uff1a\u51b7\u8abf\u6de1\u85cd\u7070\uff0c\u8cbc\u8fd1\u767d\u8272 \u2500\u2500 *\/\n    --np-bg: #F7F9FC;\n    \/* \u2500\u2500 \u7d19\u8cea\u8e81\u9ede\uff1a2026\/10 \u5df2\u505c\u7528\uff08\u4fdd\u7559\u8b8a\u6578\uff0c\u907f\u514d\u5404\u5340\u584a\u5f15\u7528\u51fa\u932f\uff09 \u2500\u2500 *\/\n    --np-noise: none;\n\n    \/* \u2500\u2500 \u9670\u5f71\u8272\uff1a\u53f3\u4e0b\u6697\u3001\u5de6\u4e0a\u4eae \u2500\u2500 *\/\n    --np-sd: rgba(118, 138, 170, 0.30);\n    --np-sd-strong: rgba(108, 128, 160, 0.42);\n    --np-sl: #ffffff;\n\n    \/* \u2500\u2500 \u7acb\u9ad4\u5c64\u7d1a\uff08\u53ea\u7d66\u5927\u5361\u7247\u7528\uff1b\u5c0f\u5143\u7d20\u4e00\u5f8b\u7528\u8272\u584a\uff09 \u2500\u2500 *\/\n    --np-lv1: 2px 2px 5px var(--np-sd), -2px -2px 5px var(--np-sl);\n    --np-lv2: 5px 5px 12px var(--np-sd), -5px -5px 12px var(--np-sl);\n    --np-lv3: 9px 9px 20px var(--np-sd), -9px -9px 20px var(--np-sl);\n    --np-lv4: 14px 14px 30px var(--np-sd), -12px -12px 28px var(--np-sl);\n    --np-pressed: inset 7px 7px 14px var(--np-sd-strong), inset -7px -7px 14px var(--np-sl);\n\n    \/* \u2500\u2500 \u8272\u584a\u8207\u54c1\u724c\u8272 \u2500\u2500 *\/\n    --np-tint: #E3ECF8;        \/* \u6de1\u85cd\u8272\u584a\uff08\u5716\u793a\u5e95\u3001\u6b21\u8981\u6309\u9215\uff09 *\/\n    --np-blue: #1a4a8a;\n    --np-blue-dark: #0d2a5e;\n    --np-text: #2f3742;\n    --np-sub: #5a6878;\n\n    \/* \u2500\u2500 \u820a\u8b8a\u6578\u4fdd\u7559\uff08TAICA \u7b49\u5340\u584a\u4ecd\u6703\u8b80\u53d6\uff09 \u2500\u2500 *\/\n    --tku-blue:       #1a4a8a;\n    --tku-blue-dark:  #0d2a5e;\n    --tku-blue-light: #f0f6ff;\n    --tku-blue-mid:   #e0ecfa;\n    --tku-text:       #333;\n    --tku-sub:        #666;\n    --tku-section-py: 48px;\n    --tku-content-px: clamp(16px, 3vw, 32px);\n    --tku-max-width:  1200px;\n  }\n\n  \/* \u2500\u2500 \u5168\u9801\u5e95\u8272 \u2500\u2500 *\/\n  html { background-color: var(--np-bg) !important; }\n  body {\n    background: transparent !important;\n    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;\n    font-size: 17px !important;\n  }\n\n  \/* \u2500\u2500 \u5c0e\u89bd\u5217 \u2500\u2500 *\/\n  .fkwx-navbar .nav-link     { font-size: 16px !important; }\n  .fkwx-navbar .dropdown-item { font-size: 15px !important; }\n\n  \/* \u2500\u2500 \u8dd1\u99ac\u71c8\u5b57\u7d1a \u2500\u2500 *\/\n  .marquee-label     { font-size: 0.82rem !important; }\n  .announcement-text { font-size: 1rem    !important; }\n  @media (max-width: 640px) {\n    .announcement-text { font-size: 0.9rem  !important; }\n    .marquee-label     { font-size: 0.72rem !important; }\n  }\n\n  \/* \u2500\u2500 \u6700\u65b0\u6d88\u606f\uff08WordPress \u5916\u639b\u5340\u584a\uff0c\u53ea\u80fd\u5f9e\u9019\u88e1\u8986\u84cb\uff09 \u2500\u2500 *\/\n  .tku-fkwx-section-title {\n    color: var(--np-blue) !important;\n    background-color: transparent !important;\n  }\n  \/* \u300c\u6700\u65b0\u6d88\u606f\u300d\u5916\u639b\u6a19\u984c\uff1a\u6539\u6210\u8207\u5176\u4ed6\u5340\u584a\u4e00\u81f4\uff08\u9760\u5de6\uff0b\u82f1\u6587\u5c0f\u5b57\uff0b\u5de6\u5074\u8272\u689d\uff09 *\/\n  #lti3dolh8q9rdlmltjh > div { text-align: left !important; }\n  #lti3dolh8q9rdlmltjh .tku-fkwx-section-title-1st-bar,\n  #lti3dolh8q9rdlmltjh .tku-fkwx-section-title-2nd-bar { display: none !important; }\n  .wp-block-tkuwpbs5-bs5-heading h2 {\n    position: relative;\n    padding-left: 18px;\n    margin-bottom: 26px !important;\n    color: var(--np-blue-dark) !important;\n    font-size: clamp(22px, 2.2vw, 26px) !important;\n    font-weight: 800 !important;\n    line-height: 1.35;\n    letter-spacing: 1px;\n  }\n  .wp-block-tkuwpbs5-bs5-heading h2::before {\n    content: \"NEWS\";\n    display: block;\n    font-size: 13px; font-weight: 700; letter-spacing: 2.5px;\n    color: var(--np-blue); line-height: 1.4;\n  }\n  .wp-block-tkuwpbs5-bs5-heading h2::after {\n    content: \"\"; position: absolute; left: 0; top: 3px; bottom: 3px;\n    width: 5px; border-radius: 3px; background: var(--np-blue);\n  }\n  @media (max-width: 600px) {\n    .wp-block-tkuwpbs5-bs5-heading h2 { padding-left: 14px; }\n    .wp-block-tkuwpbs5-bs5-heading h2::before { font-size: 12px; letter-spacing: 2px; }\n    .wp-block-tkuwpbs5-bs5-heading h2::after { width: 4px; }\n  }\n  \/* \u6d88\u606f\u5361\u7247\u6539\u6210\u6d6e\u8d77\u5361\u7247\u3001\u62ff\u6389\u908a\u6846 *\/\n  #lti82tfr0rsr0ixce3he .card {\n    border: 0 !important;\n    border-radius: 20px !important;\n    overflow: hidden;\n    background-color: var(--np-bg) !important;\n    background-image: var(--np-noise) !important;\n    box-shadow: var(--np-lv3) !important;\n    transition: box-shadow .25s ease, transform .25s ease;\n  }\n  #lti82tfr0rsr0ixce3he .card:hover {\n    box-shadow: var(--np-lv4) !important;\n    transform: translateY(-3px);\n  }\n  #lti82tfr0rsr0ixce3he .card-text       { font-size: 15px !important; line-height: 1.7 !important; color: var(--np-text); }\n  #lti82tfr0rsr0ixce3he .card-sptitle    { font-size: 13px !important; }\n  #lti82tfr0rsr0ixce3he .more-decoration { font-size: 14px !important; }\n  \/* \u300c\u67e5\u770b\u66f4\u591a\u6d88\u606f\u300d\u6539\u70ba\u6de1\u85cd\u81a0\u56ca\u6309\u9215 *\/\n  .wp-block-tkuwpbs5-bs5-container a[href*=\"page_id=993\"] {\n    display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px;\n    border-radius: 999px; background: var(--np-tint); color: var(--np-blue) !important;\n    font-size: 15px; font-weight: 700; text-decoration: none !important;\n    transition: background .2s, color .2s;\n  }\n  .wp-block-tkuwpbs5-bs5-container a[href*=\"page_id=993\"]:hover {\n    background: var(--np-blue); color: #fff !important;\n  }\n  .wp-block-tkuwpbs5-bs5-container a[href*=\"page_id=993\"]:focus-visible {\n    outline: 3px solid rgba(26,74,138,.45); outline-offset: 3px;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    #lti82tfr0rsr0ixce3he .card { transition: none; }\n  }\n<\/style>\n\n<!-- Google Fonts\uff1aNoto Sans TC \u7d71\u4e00\u8f09\u5165 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n\n\n<!-- Google Tag Manager (noscript) -->\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-TH465W8W\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\n<!-- End Google Tag Manager (noscript) -->\n\n\n\n<!-- Google tag (gtag.js) -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-KNN1G3RFBR\"><\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-KNN1G3RFBR');\n<\/script>\n\n\n\n<div id=\"tku-banner-wrap\">\n\n  <!-- \u73bb\u7483\u64ec\u614b\u8dd1\u99ac\u71c8 -->\n  <div class=\"marquee-container\">\n    <div class=\"marquee-inner\">\n      <div class=\"marquee-label\">\n        <span class=\"dot\"><\/span>\n        \u6700\u65b0\u516c\u544a\n      <\/div>\n      <div class=\"marquee-track\">\n        <div class=\"marquee-content\">\n          <span class=\"announcement-text\">\n            \ud83c\udf89&nbsp;<span class=\"highlight\">\u8cc0<\/span>&nbsp;\u5b8c\u6210\u8de8\u9818\u57df\u5b78\u7fd2\u4e26\u7b26\u5408\u734e\u52f5\u8cc7\u683c\u7684\u540c\u5b78\uff1a\n            <span class=\"sep\">\u25c6<\/span>\n            \u8cc7\u5716\u7cfb\uff0d\u738b\uff2f\u5b89\n            <span class=\"sep\">\u00b7<\/span>\n            \u5fb7\u6587\u7cfb\uff0d\u6c5f\uff2f\u84c9\n            <span class=\"sep\">\u00b7<\/span>\n            \u5fb7\u6587\u7cfb\uff0d\u674e\uff2f\u7433\n            <span class=\"sep\">\u00b7<\/span>\n            \u5fb7\u6587\u7cfb\uff0d\u6e38\uff2f\u8431\n            <span class=\"sep\">\u00b7<\/span>\n            \u5fb7\u6587\u7cfb\uff0d\u9ec3\uff2f\u798e\n            <span class=\"sep\">\u00b7<\/span>\n            \u8cc7\u50b3\u7cfb\uff0d\u694a\uff2f\u59ae\n            <span class=\"sep\">\u00b7<\/span>\n            \u7d71\u8a08\u7cfb\uff0d\u8a79\uff2f\u73fa\n            <span class=\"sep\">\u00b7<\/span>\n            \u8cc7\u50b3\u7cfb\uff0d\u5ed6\uff2f\u7693\n            <span class=\"sep\">\u00b7<\/span>\n            \u5fb7\u6587\u7cfb\uff0d\u912d\uff2f\u851a\n            <span class=\"sep\">\u00b7<\/span>\n            \u8ca1\u91d1\u82f1\u7cfb\uff0d\u674e\uff2f\u81fb\n            <span class=\"sep\">\u00b7<\/span>\n            \u7d93\u6fdf\u7cfb\uff0d\u738b\uff2f\u9716\n            <span class=\"sep\">\u00b7<\/span>\n            \u897f\u8a9e\u7cfb\uff0d\u5289\uff2f\u5448\n            <span class=\"sep\">\u00b7<\/span>\n            \u904b\u7ba1\u7cfb\uff0d\u5442\uff2f\u5bb8\n            <span class=\"sep\">\u00b7<\/span>\n            \u7d71\u8a08\u7cfb\uff0d\u5442\uff2f\u51fd\n            <span class=\"sep\">\u00b7<\/span>\n            \u904b\u7ba1\u7cfb\uff0d\u674e\uff2f\u6069\n            <span class=\"sep\">\u00b7<\/span>\n            \u6b77\u53f2\u7cfb\uff0d\u5442\uff2f\u6148\n            <span class=\"sep\">\u00b7<\/span>\n            \u82f1\u6587\uff08\u5168\u82f1\uff09\uff0d\u9673\uff2f\u73cd\n            <span class=\"sep\">\u00b7<\/span>\n            \u82f1\u6587\uff08\u5168\u82f1\uff09\uff0d\u8b1d\uff2f\u878d\n            <span class=\"sep\">\u00b7<\/span>\n            \uff21\uff29\u7cfb\uff0d\u5289\uff2f\u614e\n            <span class=\"sep\">\u00b7<\/span>\n            \u6703\u8a08\u7cfb\uff0d\u5ed6\uff2f\u7fa4\n            <span class=\"sep\">\u00b7<\/span>\n            \u98a8\u4fdd\u7cfb\uff0d\u912d\uff2f\u4e88\n            <span class=\"sep\">\u25c6<\/span>\n            \u606d\u559c\u4ee5\u4e0a\u540c\u5b78\uff01\ud83c\udf1f\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u9996\u9801\u5c01\u9762\u5716\uff08\u55ae\u5f35\u975c\u614b\u5716\uff09 -->\n  <div class=\"tku-single-banner\" style=\"background-image: url('https:\/\/inter.acad.tku.edu.tw\/interacad\/wp-content\/uploads\/2025\/10\/\u9996\u9801\u5c01\u9762_1141020.png');\"><\/div>\n\n<\/div>\n\n<style>\n#tku-banner-wrap {\n  \/* 2026\/10\uff1a\u6eff\u7248\u5bec\u5ea6\u6263\u6389 Windows \u5782\u76f4\u6372\u8ef8\u5bec\u5ea6\uff08--tku-sbw \u7531\u4e0b\u65b9\u7a0b\u5f0f\u8a08\u7b97\uff09\uff0c\u907f\u514d\u51fa\u73fe\u6a6b\u5411\u6372\u8ef8 *\/\n  width: calc(100vw - var(--tku-sbw, 0px));\n  margin-left: calc(50% - 50vw + var(--tku-sbw, 0px) \/ 2);\n  overflow: hidden;\n  position: relative;\n}\n.tku-single-banner {\n  width: 100%;\n  aspect-ratio: 3 \/ 1;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n\/* \u8dd1\u99ac\u71c8 *\/\n.marquee-container {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  z-index: 20;\n  background: rgba(255,255,255,0.18);\n  backdrop-filter: blur(12px) saturate(1.6);\n  -webkit-backdrop-filter: blur(12px) saturate(1.6);\n  border-bottom: 1px solid rgba(255,255,255,0.35);\n  box-shadow: 0 1px 12px rgba(0,0,0,0.08);\n}\n.marquee-inner { display: flex; align-items: stretch; min-height: 36px; }\n.marquee-label {\n  flex-shrink: 0; display: flex; align-items: center; gap: 7px;\n  background: rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.3);\n  color: #ffffff; font-size: 0.7rem; font-weight: 900; letter-spacing: 0.12em;\n  padding: 0 18px 0 14px; white-space: nowrap; text-shadow: 0 1px 3px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.5);\n}\n.marquee-label .dot {\n  width: 6px; height: 6px; background: #ffffff; border-radius: 50%;\n  box-shadow: 0 0 6px rgba(255,255,255,0.8); animation: blink 1.4s ease-in-out infinite; flex-shrink: 0;\n}\n.marquee-track {\n  overflow: hidden; flex: 1; display: flex; align-items: center;\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);\n  mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);\n}\n.marquee-content { white-space: nowrap; display: inline-block; animation: marquee 45s linear infinite; }\n.marquee-container:hover .marquee-content { animation-play-state: paused; }\n.announcement-text { font-size: 0.88rem; font-weight: 700; color: #ffffff; letter-spacing: 0.04em; padding-right: 80px; line-height: 1; text-shadow: 0 1px 3px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.5); }\n.announcement-text .highlight { color: #fde68a; font-weight: 900; }\n.sep { color: rgba(255,255,255,0.6); margin: 0 8px; font-weight: 400; }\n\n@media (max-width: 768px) {\n  .marquee-container { position: relative; background: #fff5e6; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 1px solid #f3e4c7; box-shadow: none; }\n  .marquee-label { background: rgba(255,255,255,0.6); border-right: 1px solid #f3e4c7; color: #1f2937; text-shadow: none; font-size: 0.62rem; padding: 0 14px 0 10px; }\n  .marquee-label .dot { background: #ef4444; box-shadow: 0 0 6px rgba(239,68,68,0.5); }\n  .announcement-text { color: #1f2937; text-shadow: none; font-size: 0.78rem; padding-right: 40px; }\n  .announcement-text .highlight { color: #b91c1c; }\n  .sep { color: #d1d5db; }\n  .marquee-inner { min-height: 32px; }\n}\n\n@keyframes blink { 0%, 100% { opacity: 1; box-shadow: 0 0 6px rgba(255,255,255,0.8); } 50% { opacity: 0.3; box-shadow: none; } }\n\n\/* 2026\/10\uff1a\u7cfb\u7d71\u958b\u555f\u300c\u6e1b\u5c11\u52d5\u614b\u6548\u679c\u300d\u6642\uff0c\u516c\u544a\u6539\u70ba\u975c\u614b\u3001\u53ef\u5de6\u53f3\u6ed1\u52d5\u95b1\u8b80 *\/\n@media (prefers-reduced-motion: reduce) {\n  .marquee-content { animation: none; transform: none; padding-left: 16px; }\n  .marquee-label .dot { animation: none; }\n  .marquee-track { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }\n}\n@keyframes marquee { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } }\n<\/style>\n<script>\n\/* \u8a08\u7b97\u5782\u76f4\u6372\u8ef8\u5bec\u5ea6\uff0c\u7d66\u6eff\u7248\u5c01\u9762\u6263\u9664\u7528\uff08Mac\uff0f\u624b\u6a5f\u7684\u6d6e\u52d5\u6372\u8ef8\u6703\u7b97\u51fa 0\uff09 *\/\n(function () {\n  var root = document.documentElement;\n  function setSbw() {\n    var w = window.innerWidth - root.clientWidth;\n    root.style.setProperty('--tku-sbw', (w > 0 ? w : 0) + 'px');\n  }\n  setSbw();\n  window.addEventListener('resize', setSbw);\n  window.addEventListener('load', setSbw);\n})();\n<\/script>\n\n\n\n<!-- =====================================================\n     \u30101\u3011\u8de8\u9818\u57df\u5b78\u7fd2\u9805\u76ee\u5c0e\u89bd\u6309\u9215\uff08Shadow DOM\uff0c2026\/10 \u7248\uff0cSVG \u5716\u793a\uff09\n     ===================================================== -->\n<div id=\"tku-nav-host-rwd\"><\/div>\n<script>\n(function () {\n  var host = document.getElementById('tku-nav-host-rwd');\n  if (!host || host.shadowRoot) return;\n  var shadow = host.attachShadow({ mode: 'open' });\n\n  \/* \u81ea\u88fd SVG \u5716\u793a\uff0824\u00d724 \u7dda\u689d\u98a8\u683c\uff0c\u984f\u8272\u8ddf\u8457 currentColor\uff09 *\/\n  var ICONS = {\n    \/\/ \u8de8\u9818\u57df\u5b78\u5206\u5b78\u7a0b\uff1a\u5169\u5713\u4ea4\u96c6\uff1d\u8de8\u57df\n    program: '<circle cx=\"9\" cy=\"12\" r=\"6\"\/><circle cx=\"15\" cy=\"12\" r=\"6\"\/>',\n    \/\/ \u8f14\u4fee\uff1a\u7ffb\u958b\u7684\u66f8\n    minorSpec: '<path d=\"M2 5.5C4.5 4 8 4 12 6c4-2 7.5-2 10-.5V19c-2.5-1.5-6-1.5-10 .5-4-2-7.5-2-10-.5z\"\/><path d=\"M12 6v13.5\"\/>',\n    \/\/ \u8f14\u7cfb\uff1a\u66f8\u7c64\n    minor: '<path d=\"M6 3h12v18l-6-4.2L6 21z\"\/><path d=\"M9.5 8.5h5\"\/>',\n    \/\/ \u96d9\u8f14\u4fee\uff1a\u5169\u672c\u4e26\u6392\u7684\u66f8\n    twoMinor: '<rect x=\"3.5\" y=\"4\" width=\"7\" height=\"16\" rx=\"1.5\"\/><rect x=\"13.5\" y=\"4\" width=\"7\" height=\"16\" rx=\"1.5\"\/><path d=\"M3.5 8h7M3.5 16h7M13.5 8h7M13.5 16h7\"\/>',\n    \/\/ \u7b2c\u4e8c\u4e3b\u4fee\uff1a\u734e\u7ae0\n    second: '<circle cx=\"12\" cy=\"9\" r=\"6\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\"\/><path d=\"M8.6 13.9 7.3 21 12 18.6 16.7 21l-1.3-7.1\"\/>',\n    \/\/ \u96d9\u4e3b\u4fee\uff1a\u5b78\u58eb\u5e3d\n    double: '<path d=\"M22 9 12 4 2 9l10 5 10-5z\"\/><path d=\"M6 11v5c3 2.2 9 2.2 12 0v-5\"\/><path d=\"M22 9v6\"\/>'\n  };\n  function svg(key) {\n    return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' + ICONS[key] + '<\/svg>';\n  }\n\n  \/* credit\uff1a\u61c9\u4fee\u5b78\u5206\uff08\u4f9d 5-24\u30015-20\u30015-19\u30015-99 \u898f\u5b9a\uff09\n     flex\uff1atrue \u6703\u986f\u793a\u300c\u5f48\u6027\u5b78\u5236\u300d\u6a19\u7c64\u8207\u300c\u53ef\u8a08\u5165\u7562\u696d\u5b78\u5206\u300d *\/\n  var buttons = [\n    { icon: 'program',   zh: '\u8de8\u9818\u57df\u5b78\u5206\u5b78\u7a0b', en: 'Interdisciplinary Program', credit: '\u5b78\u58eb\u73ed\u81f3\u5c11 15 \u5b78\u5206', flex: false, url: 'https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=287' },\n    { icon: 'minorSpec', zh: '\u8f14\u4fee',           en: 'Minor Specialty',           credit: '\u81f3\u5c11 20 \u5b78\u5206',       flex: true,  url: 'https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=347' },\n    { icon: 'minor',     zh: '\u8f14\u7cfb',           en: 'Minor',                     credit: '\u81f3\u5c11 20 \u5b78\u5206',       flex: false, url: 'https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=327' },\n    { icon: 'twoMinor',  zh: '\u96d9\u8f14\u4fee',         en: 'Two Minor Specialty',       credit: '\u81f3\u5c11 40 \u5b78\u5206',       flex: true,  url: 'https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=365' },\n    { icon: 'second',    zh: '\u7b2c\u4e8c\u4e3b\u4fee',       en: 'Second Major',              credit: '\u81f3\u5c11 40 \u5b78\u5206',       flex: true,  url: 'https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=377' },\n    { icon: 'double',    zh: '\u96d9\u4e3b\u4fee',         en: 'Double Major',              credit: '\u4f9d\u5404\u7cfb\u5fc5\u4fee',         flex: false, url: 'https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=355' }\n  ];\n\n  var cards = buttons.map(function (b) {\n    return '<a class=\"nav-btn\" href=\"' + b.url + '\">' +\n      '<span class=\"btn-icon\" aria-hidden=\"true\">' + svg(b.icon) + '<\/span>' +\n      '<span class=\"btn-text\"><span class=\"btn-title\"><span class=\"btn-zh\">' + b.zh + '<\/span>' +\n      (b.flex ? '<span class=\"tag-flex\">\u5f48\u6027\u5b78\u5236<\/span>' : '') + '<\/span>' +\n      '<span class=\"btn-en\">' + b.en + '<\/span>' +\n      '<span class=\"chips\"><span class=\"chip\">' + b.credit + '<\/span>' +\n      (b.flex ? '<span class=\"chip chip-flex\">\u53ef\u8a08\u5165\u7562\u696d\u5b78\u5206<\/span>' : '') + '<\/span><\/span>' +\n      '<span class=\"btn-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>';\n  }).join('');\n\n  shadow.innerHTML = `\n<style>\n  :host {\n    display: block;\n    --bg: var(--np-bg, #F7F9FC);\n    --noise: var(--np-noise, none);\n    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;\n  }\n  * { box-sizing: border-box; }\n\n  \/* 2026\/10\uff1a\u5bec\u5ea6\u8207\u5176\u4ed6\u5340\u584a\u4e00\u81f4\uff08\u5167\u5bb9\u5bec = 1200 \u2212 \u5de6\u53f3\u7559\u767d\uff09 *\/\n  .wrapper { max-width: 1200px; margin: 0 auto; padding: 44px clamp(16px, 3vw, 32px) 40px; }\n  .head-wrap { margin: 0; }\n  \/* \u2500\u2500 \u7d71\u4e00\u5340\u584a\u6a19\u984c\uff082026\/10\uff09\uff1a\u82f1\u6587\u5c0f\u5b57\uff0b\u4e2d\u6587\u6a19\u984c\uff0b\u5de6\u5074\u8272\u689d \u2500\u2500 *\/\n  .sec-head { position: relative; padding-left: 18px; margin: 0 0 26px; text-align: left; }\n  .sec-head::before {\n    content: \"\"; position: absolute; left: 0; top: 3px; bottom: 3px;\n    width: 5px; border-radius: 3px; background: var(--np-blue, #1a4a8a);\n  }\n  .sec-eyebrow {\n    display: block; font-size: 13px; font-weight: 700; letter-spacing: 2.5px;\n    color: var(--np-blue, #1a4a8a); line-height: 1.4; text-transform: uppercase;\n  }\n  .sec-title {\n    margin: 2px 0 0; font-size: clamp(22px, 2.2vw, 26px); font-weight: 800;\n    color: var(--np-blue-dark, #0d2a5e); line-height: 1.35; letter-spacing: 1px;\n  }\n  @media (max-width: 600px) {\n    .sec-head { margin-bottom: 20px; padding-left: 14px; }\n    .sec-head::before { width: 4px; }\n    .sec-eyebrow { font-size: 12px; letter-spacing: 2px; }\n  }\n\n\n  .btn-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n  }\n\n  .nav-btn {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    padding: 26px 48px 26px 24px;\n    border-radius: 20px;\n    text-decoration: none;\n    color: inherit;\n    background-color: var(--bg);\n    background-image: var(--noise);\n    box-shadow: var(--np-lv3);\n    transition: box-shadow .25s ease, transform .25s ease;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .nav-btn:hover { box-shadow: var(--np-lv4); transform: translateY(-3px); }\n  .nav-btn:active { box-shadow: var(--np-pressed); transform: translateY(0); }\n  .nav-btn:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 4px; }\n\n  \/* icon\uff1a\u6de1\u85cd\u8272\u584a\uff0chover \u6642\u53cd\u767d *\/\n  .btn-icon {\n    flex-shrink: 0;\n    width: 60px; height: 60px;\n    border-radius: 16px;\n    display: grid; place-items: center;\n    background: #E3ECF8;\n    color: var(--np-blue, #1a4a8a);\n    transition: background .25s, color .25s;\n  }\n  .btn-icon svg { width: 32px; height: 32px; }\n  .nav-btn:hover .btn-icon { background: var(--np-blue, #1a4a8a); color: #fff; }\n\n  .btn-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }\n  .btn-title { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }\n\n  \/* \u300c\u5f48\u6027\u5b78\u5236\u300d\u5c0f\u6a19\u7c64\uff08\u985e\u4f3c New\uff09 *\/\n  .tag-flex {\n    display: inline-block;\n    padding: 3px 8px; border-radius: 6px;\n    background: #B4560F; color: #fff;\n    font-size: 12px; font-weight: 700; letter-spacing: 1px; line-height: 1.3;\n    white-space: nowrap;\n  }\n\n  \/* \u5b78\u5206\u5c0f\u81a0\u56ca *\/\n  .chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }\n  .chip {\n    display: inline-block; padding: 3px 10px; border-radius: 999px;\n    background: var(--np-tint, #E3ECF8); color: var(--np-blue-dark, #0d2a5e);\n    font-size: 13px; font-weight: 700; line-height: 1.5; white-space: nowrap;\n  }\n  .chip-flex { background: #FBEAD8; color: #8A4510; }\n  .btn-zh {\n    font-size: clamp(22px, 2.3vw, 28px);\n    font-weight: 900;\n    color: var(--np-blue-dark, #0d2a5e);\n    letter-spacing: 1.5px;\n    line-height: 1.25;\n  }\n  .btn-en {\n    font-size: clamp(12px, 1.1vw, 14px);\n    font-weight: 600;\n    color: var(--np-sub, #5a6878);\n    letter-spacing: .6px;\n    text-transform: uppercase;\n  }\n\n  .btn-arrow {\n    position: absolute; right: 22px; top: 50%;\n    font-size: 20px; font-weight: 700;\n    color: var(--np-blue, #1a4a8a);\n    opacity: 0; transform: translate(-6px, -50%);\n    transition: opacity .2s, transform .2s;\n  }\n  .nav-btn:hover .btn-arrow { opacity: 1; transform: translate(0, -50%); }\n\n  @media (max-width: 768px) {\n    .wrapper { padding: 32px 16px 28px; }\n    .btn-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }\n    .nav-btn { flex-direction: column; align-items: flex-start; gap: 12px;\n               padding: 18px 16px; border-radius: 16px; box-shadow: var(--np-lv2); }\n    .nav-btn:hover { box-shadow: var(--np-lv2); transform: none; }\n    .btn-icon { width: 48px; height: 48px; border-radius: 13px; }\n    .btn-icon svg { width: 26px; height: 26px; }\n    .btn-zh { font-size: 20px; }\n    .btn-arrow { display: none; }\n    .tag-flex { font-size: 11px; padding: 2px 6px; }\n    .chip { font-size: 12px; padding: 2px 8px; }\n  }\n  @media (max-width: 360px) {\n    .wrapper { padding-left: 12px; padding-right: 12px; }\n    .head-wrap { margin-left: 4px; }\n  }\n  @media (max-width: 400px) {\n    .btn-grid { gap: 14px; }\n    .nav-btn { padding: 16px 12px; }\n    .btn-zh { font-size: 18px; }\n    .btn-en { font-size: 12px; letter-spacing: .3px; }\n    .chip { white-space: normal; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .nav-btn, .btn-arrow, .btn-icon { transition: none; }\n  }\n<\/style>\n<div class=\"wrapper\"><div class=\"head-wrap\"><header class=\"sec-head\"><span class=\"sec-eyebrow\">Programs<\/span><h2 class=\"sec-title\">\u8de8\u9818\u57df\u5b78\u7fd2\u9805\u76ee<\/h2><\/header><\/div><div class=\"btn-grid\">${cards}<\/div><\/div>`;\n})();\n<\/script>\n\n\n\n<!-- =====================================================\n     \u30102\u3011FAQ \u5206\u9801\uff08Shadow DOM\uff0c2026\/10 \u7d19\u8cea\u7248\uff0c\u542b\u4fee\u8b80\u6d41\u7a0b\u5716\uff09\n     ===================================================== -->\n<div id=\"faq-wrapper\"><\/div>\n<script>\n(function () {\n  var host = document.getElementById('faq-wrapper');\n  if (!host || host.shadowRoot) return;\n  var root = host.attachShadow({ mode: 'open' });\n\n  \/* ---------- \u4fee\u8b80\u6d41\u7a0b\u5716\u8cc7\u6599 ---------- *\/\n  var FLOW = {\n    zh: {\n      title: '\u8f14\u4fee\uff0f\u7b2c\u4e8c\u4e3b\u4fee \u4fee\u8b80\u6d41\u7a0b',\n      note: '\u53ef\u9078 1 \u500b\u8f14\u4fee\u30012 \u500b\u8f14\u4fee\uff08\u96d9\u8f14\u4fee\uff09\u6216 1 \u500b\u7b2c\u4e8c\u4e3b\u4fee\uff0c\u8f14\u4fee\u8207\u7b2c\u4e8c\u4e3b\u4fee\u4e0d\u80fd\u540c\u6642\u4fee\u8b80',\n      loopTag: '\u6bcf\u5b78\u671f\u91cd\u8907',\n      loopLabel: '\u6bcf\u5b78\u671f\u91cd\u8907\u6b65\u9a5f 2 \u5230 4',\n      back: '\u76f4\u5230\u4fee\u6eff\u5b78\u5206\uff08\u8f14\u4fee\u81f3\u5c11 20\uff0f\u7b2c\u4e8c\u4e3b\u4fee\u81f3\u5c11 40 \u5b78\u5206\uff0c\u4f9d\u5404\u7cfb\u898f\u5b9a\uff09',\n      s1: ['\u6bcf\u5e74 5 \u6708', '\u4e0a\u7db2\u7533\u8acb\u4fee\u8b80\u8cc7\u683c', '\u622a\u6b62\u5f8c\u7d04 1 \u9031\u516c\u544a\u540d\u55ae'],\n      s2: ['\u521d\u9078\uff0f\u52a0\u9000\u9078', '\u81ea\u884c\u52a0\u9078\u8ab2\u7a0b', '\u4e0d\u6703\u81ea\u52d5\u52a0\u5165\u8ab2\u8868'],\n      s3: ['\u5b78\u671f\u4e2d', '\u4e0a\u8ab2\u4fee\u8b80', ''],\n      s4: ['11 \u6708\uff0f4 \u6708', '\u81f3\u7cfb\u7d71\u9001\u5be9\u8ab2\u7a0b', '\u7576\u5b78\u671f\u9078\u8ab2\u4e5f\u53ef\u9001\u5be9'],\n      s5: ['\u5b78\u5206\u4fee\u6eff', '\u4fee\u7562\uff01', '\u5b78\u4f4d\u8b49\u66f8\u53ca\u6210\u7e3e\u55ae<br>\u52a0\u8a3b\u5c08\u9577\u540d\u7a31']\n    },\n    en: {\n      title: 'Minor Specialty \/ Second Major: How It Works',\n      note: 'Choose 1 Minor Specialty, 2 Minor Specialties, or 1 Second Major. A Minor Specialty and a Second Major cannot be taken at the same time.',\n      loopTag: 'Every Semester',\n      loopLabel: 'Repeat steps 2 to 4 every semester',\n      back: 'Until you complete the required credits (Minor Specialty: at least 20 \/ Second Major: at least 40, per department requirements)',\n      s1: ['Every May', 'Apply Online', 'Results announced about 1 week after the deadline'],\n      s2: ['Course Selection Period', 'Add Courses Yourself', 'Courses are not added automatically'],\n      s3: ['During the Semester', 'Attend Classes', ''],\n      s4: ['November \/ April', 'Submit Courses for Review', 'Current-semester courses can be submitted'],\n      s5: ['Credits Completed', 'Completed!', 'Noted on your diploma and transcript']\n    }\n  };\n  var LINK_APPLY  = 'https:\/\/tku.schroll.edu.tw\/bm_apply';\n  var LINK_REVIEW = 'https:\/\/tku.schroll.edu.tw\/MinorSpec\/';\n  var LINK_COURSE = 'https:\/\/www.ais.tku.edu.tw\/EleCos\/login.aspx?ReturnUrl=%2felecos%2f';\n\n  function fCard(n, s, link, extra) {\n    var t = link ? '<a href=\"' + link + '\" target=\"_blank\" rel=\"noopener\">' + s[1] + '<\/a>' : s[1];\n    return '<div class=\"f-card' + (extra ? ' ' + extra : '') + '\">' +\n      '<div class=\"f-top\"><span class=\"f-step\">STEP ' + n + '<\/span><span class=\"f-when\">' + s[0] + '<\/span><\/div>' +\n      '<p class=\"f-title\">' + t + '<\/p>' +\n      (s[2] ? '<p class=\"f-tip\">' + s[2] + '<\/p>' : '') + '<\/div>';\n  }\n  var AR = '<div class=\"f-arrow\" aria-hidden=\"true\">\u276f<\/div>';\n  function flow(lang) {\n    var d = FLOW[lang];\n    return '<div class=\"f-head\"><h3>' + d.title + '<\/h3><\/div><p class=\"f-note\">' + d.note + '<\/p>' +\n      '<div class=\"f-flow\">' + fCard(1, d.s1, LINK_APPLY) + AR +\n      '<div class=\"f-loop\" role=\"group\" aria-label=\"' + d.loopLabel + '\"><span class=\"f-tag\">' + d.loopTag + '<\/span>' +\n      '<div class=\"f-inner\">' + fCard(2, d.s2, LINK_COURSE) + AR + fCard(3, d.s3) + AR + fCard(4, d.s4, LINK_REVIEW) + '<\/div>' +\n      '<p class=\"f-back\">' + d.back + '<\/p><\/div>' + AR + fCard(5, d.s5, null, 'done') + '<\/div>';\n  }\n\n  var TABS = [\n    { key: 'flow',   zh: '\u4fee\u8b80\u6d41\u7a0b',       en: 'How It Works' },\n    { key: 'what',   zh: '\u8de8\u9818\u57df\u662f\u4ec0\u9ebc\uff1f', en: 'What is It?' },\n    { key: 'why',    zh: '\u70ba\u4ec0\u9ebc\u8981\u7533\u8acb\uff1f', en: 'Why Apply?' },\n    { key: 'minor',  zh: '\u8f14\u4fee\u4ecb\u7d39',       en: 'Minor Specialty' },\n    { key: 'reward', zh: '\u7b2c\u4e8c\u4e3b\u4fee\u4ecb\u7d39',   en: 'Second Major' }\n  ];\n  var tabBtns = TABS.map(function (t, i) {\n    return '<button class=\"seg-btn tab' + (i === 0 ? ' active' : '') + '\" role=\"tab\" id=\"tab-' + t.key +\n      '\" aria-controls=\"panel-' + t.key + '\" aria-selected=\"' + (i === 0) + '\" tabindex=\"' + (i === 0 ? 0 : -1) +\n      '\" data-tab=\"' + t.key + '\">' + t.zh + '<\/button>';\n  }).join('');\n\n  var CK = '<span class=\"ck\" aria-hidden=\"true\">\u2713<\/span>';\n\n  \/* \u5361\u7247\u6a19\u984c\u5716\u793a\uff08\u8207\u9805\u76ee\u6309\u9215\u540c\u98a8\u683c\u7684 SVG\uff09 *\/\n  function ico(paths) {\n    return '<span class=\"icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' + paths + '<\/svg><\/span>';\n  }\n  var I_WHAT  = ico('<circle cx=\"9\" cy=\"12\" r=\"6\"\/><circle cx=\"15\" cy=\"12\" r=\"6\"\/>');\n  var I_WHY   = ico('<path d=\"M12 3l2.2 5.6L20 9.3l-4.4 3.9 1.3 5.8L12 16l-4.9 3 1.3-5.8L4 9.3l5.8-.7z\"\/>');\n  var I_MINOR = ico('<path d=\"M2 5.5C4.5 4 8 4 12 6c4-2 7.5-2 10-.5V19c-2.5-1.5-6-1.5-10 .5-4-2-7.5-2-10-.5z\"\/><path d=\"M12 6v13.5\"\/>');\n  var I_MAJOR = ico('<circle cx=\"12\" cy=\"9\" r=\"6\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\"\/><path d=\"M8.6 13.9 7.3 21 12 18.6 16.7 21l-1.3-7.1\"\/>');\n\n  root.innerHTML = `\n<style>\n  :host {\n    display: block;\n    --bg: var(--np-bg, #F7F9FC);\n    --noise: var(--np-noise, none);\n    --blue: var(--np-blue, #1a4a8a);\n    --blue-dark: var(--np-blue-dark, #0d2a5e);\n    --text: var(--np-text, #2f3742);\n    --sub: var(--np-sub, #5a6878);\n    --accent: #9A5410;\n    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;\n    color: var(--text);\n  }\n  * { box-sizing: border-box; }\n\n  .wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px clamp(16px, 3vw, 32px) 56px;\n  }\n\n\n  \/* \u2500\u2500 \u7d71\u4e00\u5340\u584a\u6a19\u984c\uff082026\/10\uff09\uff1a\u82f1\u6587\u5c0f\u5b57\uff0b\u4e2d\u6587\u6a19\u984c\uff0b\u5de6\u5074\u8272\u689d \u2500\u2500 *\/\n  .sec-head { position: relative; padding-left: 18px; margin: 0 0 26px; text-align: left; }\n  .sec-head::before {\n    content: \"\"; position: absolute; left: 0; top: 3px; bottom: 3px;\n    width: 5px; border-radius: 3px; background: var(--np-blue, #1a4a8a);\n  }\n  .sec-eyebrow {\n    display: block; font-size: 13px; font-weight: 700; letter-spacing: 2.5px;\n    color: var(--np-blue, #1a4a8a); line-height: 1.4; text-transform: uppercase;\n  }\n  .sec-title {\n    margin: 2px 0 0; font-size: clamp(22px, 2.2vw, 26px); font-weight: 800;\n    color: var(--np-blue-dark, #0d2a5e); line-height: 1.35; letter-spacing: 1px;\n  }\n  @media (max-width: 600px) {\n    .sec-head { margin-bottom: 20px; padding-left: 14px; }\n    .sec-head::before { width: 4px; }\n    .sec-eyebrow { font-size: 12px; letter-spacing: 2px; }\n  }\n\n  \/* \u2500\u2500 \u4e0a\u65b9\uff1a\u5206\u9801\uff0b\u8a9e\u8a00 \u2500\u2500 *\/\n  .topbar {\n    display: flex; align-items: center; justify-content: space-between;\n    gap: 16px; flex-wrap: wrap; margin-bottom: 28px;\n  }\n  .seg {\n    display: inline-flex; gap: 6px; padding: 6px;\n    border-radius: 18px;\n    background: #E8EEF6;\n  }\n  .seg-btn {\n    border: 0; background: transparent; font: inherit; cursor: pointer;\n    font-size: 17px; font-weight: 700; letter-spacing: .04em;\n    color: var(--sub);\n    padding: 10px 22px; border-radius: 13px;\n    white-space: nowrap;\n    transition: color .2s, box-shadow .25s, background-color .25s;\n  }\n  .seg-btn:hover { color: var(--blue); }\n  .seg-btn.active,\n  .seg-btn.active:hover {\n    color: #fff;\n    background: var(--blue);\n  }\n  .seg-btn:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 2px; }\n  .lang .seg-btn { font-size: 15px; padding: 8px 18px; }\n\n  \/* \u2500\u2500 \u5206\u9801\u5167\u5bb9 \u2500\u2500 *\/\n  .panel { display: none; }\n  .panel.active { display: block; animation: fadeIn .3s ease; }\n  @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }\n  .layer { display: none; }\n  .wrap[data-lang=\"zh\"] .layer[data-lang=\"zh\"],\n  .wrap[data-lang=\"en\"] .layer[data-lang=\"en\"] { display: block; }\n\n  \/* \u2500\u2500 \u6d6e\u8d77\u5361\u7247 \u2500\u2500 *\/\n  .card {\n    border-radius: 24px;\n    padding: 30px 34px;\n    background-color: var(--bg);\n    background-image: var(--noise);\n    box-shadow: var(--np-lv3);\n  }\n  .card-title {\n    display: flex; align-items: center; gap: 14px;\n    font-size: 21px; font-weight: 800; color: var(--blue-dark);\n    letter-spacing: .03em; margin: 0 0 20px; line-height: 1.4;\n  }\n  .icon {\n    width: 44px; height: 44px; flex-shrink: 0;\n    border-radius: 13px; display: grid; place-items: center;\n    background: #E3ECF8; color: var(--blue);\n  }\n  .icon svg { width: 24px; height: 24px; }\n  .body { font-size: 18px; line-height: 1.9; }\n  .body p { margin: 0 0 10px; }\n  .body p:last-child { margin-bottom: 0; }\n  strong { color: var(--blue-dark); }\n\n  .check { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; }\n  .check li { display: flex; align-items: flex-start; gap: 14px; font-size: 18px; line-height: 1.8; }\n  .ck {\n    flex-shrink: 0; margin-top: 4px;\n    width: 22px; height: 22px; border-radius: 7px;\n    display: grid; place-items: center;\n    font-size: 12px; font-weight: 800; color: #fff;\n    background: var(--blue);\n  }\n\n  .more {\n    display: inline-flex; align-items: center; gap: 6px;\n    margin-top: 24px; min-height: 46px; padding: 0 26px;\n    border-radius: 999px; text-decoration: none;\n    background: var(--blue); color: #fff; font-weight: 700; font-size: 16px;\n    box-shadow: 6px 6px 14px var(--np-sd, rgba(118,138,170,.3)), -6px -6px 14px var(--np-sl, #fff);\n    transition: background .2s, transform .2s, box-shadow .2s;\n  }\n  .more:hover { background: var(--blue-dark); transform: translateY(-2px); }\n  .more:active { transform: none; box-shadow: inset 3px 3px 8px rgba(0,0,0,.28); }\n  .more:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 4px; }\n\n  \/* \u2500\u2500 \u4fee\u8b80\u6d41\u7a0b\u5716 \u2500\u2500 *\/\n  .f-head h3 { margin: 0 0 6px; font-size: 24px; color: var(--blue-dark); letter-spacing: 1px; line-height: 1.4; }\n  .f-note { margin: 0 0 32px; font-size: 16px; line-height: 1.7; color: var(--sub); }\n  .f-flow { display: flex; align-items: center; }\n  .f-flow > .f-card { margin-top: 20px; }\n  .f-arrow {\n    flex: 0 0 32px; display: flex; align-items: center; justify-content: center;\n    color: #D9822B; font-size: 22px; font-weight: 700;\n  }\n  \/* \u5c0f\u5361\uff1a\u6de1\u85cd\u8272\u584a\uff0b\u6df1\u85cd\u6a19\u982d\uff08\u4e0d\u7528\u9670\u5f71\uff09 *\/\n  .f-card {\n    flex: 1 1 0; min-width: 0;\n    display: flex; flex-direction: column; gap: 10px;\n    padding: 10px 10px 16px; border-radius: 16px; text-align: center;\n    background: #EAF0F8;\n  }\n  .f-top {\n    display: flex; flex-direction: column; align-items: center; gap: 2px;\n    padding: 10px 8px; border-radius: 11px;\n    background: var(--blue);\n  }\n  .f-step { font-size: 13px; font-weight: 700; letter-spacing: 1.5px; color: rgba(255,255,255,.8); }\n  .f-when { font-size: 16px; font-weight: 800; color: #fff; line-height: 1.4; }\n  .f-title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.5; }\n  .f-title a { color: var(--blue); text-underline-offset: 3px; }\n  .f-title a:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 2px; border-radius: 4px; }\n  .f-tip { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sub); }\n  \/* \u7d42\u9ede\u5361\uff1a\u66f4\u6df1\u7684\u6d77\u8ecd\u85cd\u5f37\u8abf *\/\n  .f-card.done { background: #DCE6F4; }\n  .f-card.done .f-top { background: var(--blue-dark); }\n\n  \/* \u6bcf\u5b78\u671f\u91cd\u8907\uff1a\u6a58\u8272\u865b\u7dda\u6846 *\/\n  .f-loop {\n    flex: 3.4 1 0; min-width: 0; position: relative;\n    padding: 32px 12px 12px; border-radius: 18px;\n    border: 2px dashed #D9822B;\n  }\n  .f-tag {\n    position: absolute; top: -16px; left: 50%; transform: translateX(-50%);\n    padding: 3px 16px; border-radius: 999px; white-space: nowrap;\n    font-size: 15px; font-weight: 700; color: var(--accent);\n    background: #fff; border: 2px solid #D9822B;\n  }\n  .f-inner { display: flex; align-items: stretch; }\n  .f-inner .f-arrow { flex-basis: 26px; }\n  .f-back { margin: 16px 0 0; text-align: center; font-size: 15px; font-weight: 600; line-height: 1.5; color: var(--accent); }\n\n  \/* \u2500\u2500 \u624b\u6a5f\u7248 \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .wrap { padding: 28px 16px 44px; }\n    .topbar { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 14px; }\n    .lang { align-self: flex-end; order: -1; }\n    .tabs { display: flex; min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }\n    .tabs .seg-btn { flex-shrink: 0; }\n    \/* \u9084\u6709\u5167\u5bb9\u53ef\u6ed1\u6642\uff0c\u908a\u7de3\u6de1\u51fa\u63d0\u793a *\/\n    .tabs.fade-r { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); }\n    .tabs.fade-l { -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px); mask-image: linear-gradient(90deg, transparent, #000 48px); }\n    .tabs.fade-l.fade-r { -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 48px), transparent); }\n    .tabs::-webkit-scrollbar { display: none; }\n    .seg-btn { font-size: 15px; padding: 9px 16px; }\n    .card { padding: 22px 18px; border-radius: 20px; box-shadow: var(--np-lv2); }\n    .card-title { font-size: 19px; }\n    .body, .check li { font-size: 17px; }\n    .f-head h3 { font-size: 20px; }\n    .f-flow, .f-inner { flex-direction: column; }\n    .f-flow > .f-card { margin-top: 0; }\n    .f-card { flex: none; align-self: stretch; }\n    .f-arrow { flex: 0 0 36px; transform: rotate(90deg); }\n    .f-loop { flex: none; align-self: stretch; margin-top: 10px; padding: 34px 14px 16px; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after { animation: none !important; transition: none !important; }\n  }\n<\/style>\n\n<div class=\"wrap\" data-lang=\"zh\">\n  <header class=\"sec-head\"><span class=\"sec-eyebrow\">Guide<\/span><h2 class=\"sec-title\"><span class=\"layer\" data-lang=\"zh\">\u4fee\u8b80\u6307\u5357<\/span><span class=\"layer\" data-lang=\"en\">Program Guide<\/span><\/h2><\/header>\n  <div class=\"topbar\">\n    <div class=\"seg tabs\" role=\"tablist\" aria-label=\"\u8de8\u9818\u57df\u5b78\u7fd2\u4ecb\u7d39\">${tabBtns}<\/div>\n    <div class=\"seg lang\" role=\"group\" aria-label=\"\u8a9e\u8a00 Language\">\n      <button class=\"seg-btn lang-btn active\" data-lang=\"zh\" aria-pressed=\"true\">\u4e2d\u6587<\/button>\n      <button class=\"seg-btn lang-btn\" data-lang=\"en\" aria-pressed=\"false\">EN<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u4fee\u8b80\u6d41\u7a0b -->\n  <section class=\"panel active\" id=\"panel-flow\" role=\"tabpanel\" aria-labelledby=\"tab-flow\">\n    <div class=\"layer\" data-lang=\"zh\"><div class=\"card\">${flow('zh')}<\/div><\/div>\n    <div class=\"layer\" data-lang=\"en\"><div class=\"card\">${flow('en')}<\/div><\/div>\n  <\/section>\n\n  <!-- \u8de8\u9818\u57df\u662f\u4ec0\u9ebc -->\n  <section class=\"panel\" id=\"panel-what\" role=\"tabpanel\" aria-labelledby=\"tab-what\">\n    <div class=\"layer\" data-lang=\"zh\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_WHAT}\u8de8\u9818\u57df\u5b78\u7fd2\u662f\u4ec0\u9ebc\uff1f<\/h3>\n      <div class=\"body\">\n        <p>\u4f60\u6709\u6c92\u6709\u4fee\u8ab2\u4fee\u5230\u4e00\u534a\uff0c\u89ba\u5f97\u300c\u9019\u597d\u50cf\u8ddf\u6211\u60f3\u505a\u7684\u4e8b\u6c92\u4ec0\u9ebc\u95dc\u4fc2\u300d\uff1f<\/p>\n        <p>\u8de8\u9818\u57df\u5b78\u7fd2\u5c31\u662f\u8b93\u4f60\u5728\u4e3b\u4fee\u4e4b\u5916\uff0c\u518d\u4fee\u4e00\u584a\u771f\u6b63\u5c6c\u65bc\u4f60\u7684\u80fd\u529b\u2014\u2014\u900f\u904e\u8f14\u4fee\u3001\u7b2c\u4e8c\u4e3b\u4fee\u3001\u8f14\u7cfb\u3001\u96d9\u4e3b\u4fee\u6216\u5b78\u5206\u5b78\u7a0b\uff0c\u4f60\u53ef\u4ee5\u6b63\u5f0f\u4fee\u8ab2\u3001\u62ff\u5b78\u5206\uff0c\u7562\u696d\u6642\u591a\u4e00\u500b\u9818\u57df\u7684\u5e95\u3002<\/p>\n        <p>\u4e0d\u662f\u53eb\u4f60\u6a23\u6a23\u901a\uff0c\u662f<strong>\u8b93\u4f60\u5728\u672c\u79d1\u4e4b\u5916\uff0c\u591a\u4e00\u500b\u6545\u4e8b\u53ef\u4ee5\u8aaa<\/strong>\u3002<\/p>\n      <\/div>\n    <\/div><\/div>\n    <div class=\"layer\" data-lang=\"en\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_WHAT}What is Interdisciplinary Learning?<\/h3>\n      <div class=\"body\">\n        <p>Have you ever sat through a class thinking \u2014 \"What does this have to do with what I actually want to do?\"<\/p>\n        <p>Interdisciplinary learning lets you build a second area of expertise beyond your major \u2014 through Minor Specialty, Second Major, Minor, Double Major, or credit programs. Real courses, real credits, and a solid foundation in another field by the time you graduate.<\/p>\n        <p>It's not about knowing everything. It's about <strong>having more than one story to tell.<\/strong><\/p>\n      <\/div>\n    <\/div><\/div>\n  <\/section>\n\n  <!-- \u70ba\u4ec0\u9ebc\u8981\u7533\u8acb -->\n  <section class=\"panel\" id=\"panel-why\" role=\"tabpanel\" aria-labelledby=\"tab-why\">\n    <div class=\"layer\" data-lang=\"zh\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_WHY}\u70ba\u4ec0\u9ebc\u73fe\u5728\u5c31\u8a72\u7533\u8acb\uff1f<\/h3>\n      <ul class=\"check\">\n        <li>${CK}<span><strong>\u4f60\u7684\u540c\u5b78\u53ef\u80fd\u5df2\u7d93\u5728\u4fee\u4e86\uff01<\/strong>\u6bcf\u5e74\u7533\u8acb\u4eba\u6578\u6301\u7e8c\u589e\u52a0\uff0c\u8de8\u9818\u57df\u5df2\u7d93\u4e0d\u662f\u52a0\u5206\u984c\uff0c\u662f\u57fa\u672c\u914d\u5099\u3002<\/span><\/li>\n        <li>${CK}<span><strong>\u4e0d\u8f49\u7cfb\u4e5f\u80fd\u62ff\u7b2c\u4e8c\u500b\u5c08\u9577<\/strong>\uff1a\u5728\u4e3b\u4fee\u4ee5\u5916\u6b63\u5f0f\u4fee\u8ab2\u3001\u6b63\u5f0f\u62ff\u5b78\u5206\uff0c\u9078\u64c7\u8f14\u4fee\/\u7b2c\u4e8c\u4e3b\u4fee\u9084\u80fd\u5c07\u5b78\u5206\u8a08\u5165128\u7562\u696d\u5b78\u5206\u3002<\/span><\/li>\n        <li>${CK}<span><strong>\u7562\u696d\u8b49\u66f8\u76f4\u63a5\u5beb\u4e0a\u53bb<\/strong>\uff1a\u5b8c\u6210\u5f8c\uff0c\u7562\u696d\u8b49\u66f8\u8207\u6b77\u5e74\u6210\u7e3e\u55ae\u5747\u6703\u52a0\u8a3b\u9818\u57df\u540d\u7a31\uff0c\u9762\u8a66\u6642\u4e0d\u7528\u591a\u89e3\u91cb\uff0c\u8cc7\u6b77\u81ea\u5df1\u6703\u8aaa\u8a71\u3002<\/span><\/li>\n        <li>${CK}<span><strong>\u4f60\u4e0d\u505a\uff0c\u4e0b\u4e00\u500b\u4eba\u6703\u505a<\/strong>\uff1a\u4f01\u696d\u3001\u7814\u7a76\u6240\u3001\u570b\u5916\u540d\u6821\u90fd\u5728\u6311\u8de8\u9818\u57df\u80cc\u666f\u7684\u4eba\u3002\u6a5f\u6703\u4e0d\u7b49\u4eba\uff0c\u7533\u8acb\u671f\u9650\u5230\u4e86\u5c31\u95dc\u3002<\/span><\/li>\n      <\/ul>\n    <\/div><\/div>\n    <div class=\"layer\" data-lang=\"en\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_WHY}Why Apply Now?<\/h3>\n      <ul class=\"check\">\n        <li>${CK}<span><strong>Your classmates may already be doing it.<\/strong> Applications grow every year \u2014 interdisciplinary learning is no longer a bonus, it's the baseline.<\/span><\/li>\n        <li>${CK}<span><strong>Get a second specialty without changing your major.<\/strong> Take official courses, earn real credits \u2014 Minor Specialty and Second Major credits may even count toward your 128-credit graduation requirement.<\/span><\/li>\n        <li>${CK}<span><strong>It goes directly on your diploma.<\/strong> Your degree certificate and academic transcript will show the field you completed \u2014 your credentials speak for themselves at interviews.<\/span><\/li>\n        <li>${CK}<span><strong>If you don't, someone else will.<\/strong> Employers, graduate schools, and overseas universities are all looking for interdisciplinary backgrounds. The application window closes \u2014 don't miss it.<\/span><\/li>\n      <\/ul>\n    <\/div><\/div>\n  <\/section>\n\n  <!-- \u8f14\u4fee\u4ecb\u7d39 -->\n  <section class=\"panel\" id=\"panel-minor\" role=\"tabpanel\" aria-labelledby=\"tab-minor\">\n    <div class=\"layer\" data-lang=\"zh\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_MINOR}\u8f14\u4fee\u30fb\u5f48\u6027\u904b\u7528\u5b78\u5206<\/h3>\n      <ul class=\"check\">\n        <li>${CK}<span><strong>\u50c5\u970020\u81f321\u5b78\u5206\u53d6\u5f97\u7b2c\u4e8c\u5c08\u9577<\/strong>\u2014\u2014\u4fee\u6eff\u8f14\u4fee\u5b78\u7cfb\u6307\u5b9a\u768420\u81f321\u5b78\u5206\u8ab2\u7a0b\uff0c\u5373\u53ef\u53d6\u5f97\u8f14\u4fee\u8cc7\u683c\uff0c\u4e14\u6240\u4fee\u5b78\u5206\u53ef\u8a08\u5165\u7562\u696d\u5b78\u5206\u4e4b\u81ea\u7531\u9078\u4fee\uff01<\/span><\/li>\n        <li>${CK}<span><strong>\u53ef\u540c\u6642\u7533\u8acb\u5169\u500b\u8f14\u4fee\uff08\u96d9\u8f14\u4fee\uff09<\/strong>\u2014\u2014\u6709\u8208\u8da3\u6df1\u8015\u5169\u500b\u9818\u57df\u7684\u540c\u5b78\uff0c\u53ef\u4ee5\u540c\u6642\u7533\u8acb\u5169\u500b\u8f14\u4fee\u6a21\u7d44\uff01<\/span><\/li>\n        <li>${CK}<span><strong>\u8207\u4e3b\u4fee\u91cd\u758a\u7684\u8ab2\u7a0b\u53ef\u540c\u6642\u8a8d\u5217<\/strong>\u2014\u2014\u82e5\u8f14\u4fee\u8ab2\u8868\u4e2d\u7684\u79d1\u76ee\u8207\u4e3b\u4fee\u5df2\u4fee\u8ab2\u7a0b\u76f8\u540c\uff0c\u7d93\u8f14\u4fee\u5b78\u7cfb\u5be9\u6838\u540c\u610f\u5f8c\uff0c\u8a72\u5b78\u5206\u53ef\u540c\u6642\u6eff\u8db3\u4e3b\u4fee\u8207\u8f14\u4fee\u7684\u8981\u6c42\uff0c\u4e0d\u9700\u91cd\u8907\u4fee\u8b80\uff08\u4f46\u7562\u696d\u5b78\u5206\u4e2d\u4ecd\u53ea\u8a08\u7b97\u4e00\u6b21\uff09\u3002<\/span><\/li>\n        <li>${CK}<span><strong>\u7562\u696d\u8b49\u66f8\u52a0\u8a3b\u8f14\u4fee\u8b49\u660e<\/strong>\u2014\u2014\u8b93\u4f60\u7684\u5b78\u6b77\u66f4\u5177\u7af6\u722d\u529b\uff0c\u6c42\u8077\u5347\u5b78\u90fd\u66f4\u4eae\u773c\uff01<\/span><\/li>\n      <\/ul>\n      <a class=\"more\" href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=347\" target=\"_blank\" rel=\"noopener\">\u4e86\u89e3\u66f4\u591a\u8f14\u4fee\u8cc7\u8a0a \u2192<\/a>\n    <\/div><\/div>\n    <div class=\"layer\" data-lang=\"en\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_MINOR}Minor Specialty \u00b7 Flexible Use of Credits<\/h3>\n      <ul class=\"check\">\n        <li>${CK}<span><strong>Only 20\u201321 Credits for a Second Specialty<\/strong> \u2013 Complete the designated 20\u201321 credits from another department to qualify for a Minor Specialty \u2014 and these credits count toward your graduation's free elective credits!<\/span><\/li>\n        <li>${CK}<span><strong>Overlapping Courses Can Be Counted Toward Both<\/strong> \u2013 If a course in the Minor Specialty curriculum matches one you've already taken in your major, it can be recognized for both requirements after department approval \u2014 no need to retake it (though it counts only once toward your graduation credits).<\/span><\/li>\n        <li>${CK}<span><strong>Minor Specialty Noted on Your Diploma<\/strong> \u2013 Stand out in job applications and graduate school admissions!<\/span><\/li>\n      <\/ul>\n      <a class=\"more\" href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=347\" target=\"_blank\" rel=\"noopener\">Learn More About Minor Specialty \u2192<\/a>\n    <\/div><\/div>\n  <\/section>\n\n  <!-- \u7b2c\u4e8c\u4e3b\u4fee\u4ecb\u7d39 -->\n  <section class=\"panel\" id=\"panel-reward\" role=\"tabpanel\" aria-labelledby=\"tab-reward\">\n    <div class=\"layer\" data-lang=\"zh\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_MAJOR}\u7b2c\u4e8c\u4e3b\u4fee\u30fb\u6df1\u8015\u5c08\u696d\uff0c\u6253\u9020\u96d9\u5b78\u4f4d\u7af6\u722d\u529b<\/h3>\n      <ul class=\"check\">\n        <li>${CK}<span><strong>\u7cfb\u7d71\u6027\u6df1\u5165\u5b78\u7fd2\u7b2c\u4e8c\u5c08\u696d<\/strong>\u2014\u2014\u7b2c\u4e8c\u4e3b\u4fee\u9700\u4fee\u7fd2\u53e6\u4e00\u5b78\u7cfb\u81f3\u5c11 40 \u5b78\u5206\u7684\u5b8c\u6574\u8ab2\u7a0b\uff0c\u6bd4\u8f14\u4fee\u66f4\u6df1\u5165\uff0c\u8b93\u4f60\u771f\u6b63\u638c\u63e1\u7b2c\u4e8c\u500b\u5c08\u696d\u9818\u57df\uff01\u6240\u4fee\u5b78\u5206\u53ef\u8a08\u5165\u7562\u696d\u5b78\u5206\u4e4b\u81ea\u7531\u9078\u4fee\uff0c\u5be6\u969b\u53ef\u8a08\u5165\u5b78\u5206\u6578\u4f9d\u5404\u7cfb\u898f\u5b9a\u800c\u6709\u6240\u4e0d\u540c\uff0c\u5efa\u8b70\u5148\u78ba\u8a8d\u5b78\u7cfb\u8ab2\u7a0b\u898f\u5283\u8868\u3002<\/span><\/li>\n        <li>${CK}<span><strong>\u7562\u696d\u8b49\u66f8\u52a0\u8a3b\u7b2c\u4e8c\u4e3b\u4fee<\/strong>\u2014\u2014\u5b8c\u6210\u5f8c\u5b78\u4f4d\u8b49\u66f8\u53ca\u6b77\u5e74\u6210\u7e3e\u55ae\u5747\u52a0\u8a3b\u7b2c\u4e8c\u4e3b\u4fee\u540d\u7a31\uff0c\u6b63\u5f0f\u8a8d\u53ef\u4f60\u7684\u96d9\u9818\u57df\u5c08\u696d\u80fd\u529b\uff01<\/span><\/li>\n        <li>${CK}<span><strong>\u8207\u4e3b\u4fee\u91cd\u758a\u7684\u8ab2\u7a0b\u53ef\u540c\u6642\u8a8d\u5217<\/strong>\u2014\u2014\u82e5\u7b2c\u4e8c\u4e3b\u4fee\u8ab2\u8868\u4e2d\u7684\u79d1\u76ee\u8207\u4e3b\u4fee\u5df2\u4fee\u8ab2\u7a0b\u76f8\u540c\uff0c\u7d93\u8a72\u5b78\u7cfb\u5be9\u6838\u540c\u610f\u5f8c\uff0c\u53ef\u540c\u6642\u6eff\u8db3\u96d9\u65b9\u8981\u6c42\uff0c\u7562\u696d\u5b78\u5206\u4ecd\u53ea\u8a08\u7b97\u4e00\u6b21\u3002<\/span><\/li>\n        <li>${CK}<span><strong>\u8077\u5834\u8207\u5347\u5b78\u96d9\u91cd\u512a\u52e2<\/strong>\u2014\u2014\u64c1\u6709\u5b8c\u6574\u7684\u7b2c\u4e8c\u4e3b\u4fee\u8cc7\u6b77\uff0c\u5728\u6c42\u8077\u8207\u7533\u8acb\u7814\u7a76\u6240\u6642\u90fd\u80fd\u5c55\u73fe\u66f4\u8c50\u5bcc\u7684\u5b78\u8853\u80cc\u666f\uff01<\/span><\/li>\n      <\/ul>\n      <a class=\"more\" href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=377\" target=\"_blank\" rel=\"noopener\">\u4e86\u89e3\u66f4\u591a\u7b2c\u4e8c\u4e3b\u4fee\u8cc7\u8a0a \u2192<\/a>\n    <\/div><\/div>\n    <div class=\"layer\" data-lang=\"en\"><div class=\"card\">\n      <h3 class=\"card-title\">${I_MAJOR}Second Major \u00b7 Deepen Your Expertise, Double Your Competitive Edge<\/h3>\n      <ul class=\"check\">\n        <li>${CK}<span><strong>In-Depth Study of a Second Field<\/strong> \u2013 A Second Major requires at least 40 credits of coursework from another department \u2014 more comprehensive than a Minor Specialty, giving you true mastery of a second discipline! These credits may count toward your graduation's free elective credits; the actual amount varies by department, so checking your department's curriculum plan is recommended.<\/span><\/li>\n        <li>${CK}<span><strong>Second Major Noted on Your Diploma<\/strong> \u2013 Upon completion, your degree certificate and academic transcript will officially recognize your dual-discipline expertise!<\/span><\/li>\n        <li>${CK}<span><strong>Overlapping Courses Can Be Counted Toward Both<\/strong> \u2013 If a Second Major course matches one already completed in your major, it can satisfy both requirements after department approval \u2014 graduation credits are counted only once.<\/span><\/li>\n        <li>${CK}<span><strong>Advantages in Career &amp; Graduate School<\/strong> \u2013 A full Second Major credential strengthens your profile for both job applications and graduate school admissions!<\/span><\/li>\n      <\/ul>\n      <a class=\"more\" href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=377\" target=\"_blank\" rel=\"noopener\">Learn More About Second Major \u2192<\/a>\n    <\/div><\/div>\n  <\/section>\n<\/div>`;\n\n  \/* ---------- \u4e92\u52d5 ---------- *\/\n  var wrap = root.querySelector('.wrap');\n  var tabs = Array.prototype.slice.call(root.querySelectorAll('.tab'));\n  var langBtns = Array.prototype.slice.call(root.querySelectorAll('.lang-btn'));\n  var tabBar = root.querySelector('.tabs');\n\n  \/* \u5206\u9801\u5217\u53ef\u5de6\u53f3\u6ed1\u52d5\u6642\uff0c\u4f9d\u4f4d\u7f6e\u986f\u793a\u908a\u7de3\u6de1\u5316\u63d0\u793a *\/\n  function updateFade() {\n    var max = tabBar.scrollWidth - tabBar.clientWidth;\n    tabBar.classList.toggle('fade-l', tabBar.scrollLeft > 4);\n    tabBar.classList.toggle('fade-r', tabBar.scrollLeft < max - 4);\n  }\n  tabBar.addEventListener('scroll', updateFade, { passive: true });\n  window.addEventListener('resize', updateFade);\n  updateFade();\n\n  function selectTab(btn, focus) {\n    tabs.forEach(function (t) {\n      var on = t === btn;\n      t.classList.toggle('active', on);\n      t.setAttribute('aria-selected', on);\n      t.tabIndex = on ? 0 : -1;\n      root.getElementById('panel-' + t.dataset.tab).classList.toggle('active', on);\n    });\n    if (focus) btn.focus();\n  }\n  tabs.forEach(function (t, i) {\n    t.addEventListener('click', function () { selectTab(t); });\n    t.addEventListener('keydown', function (e) {\n      if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n        e.preventDefault();\n        var n = (i + (e.key === 'ArrowRight' ? 1 : -1) + tabs.length) % tabs.length;\n        selectTab(tabs[n], true);\n      }\n    });\n  });\n\n  langBtns.forEach(function (b) {\n    b.addEventListener('click', function () {\n      var lang = b.dataset.lang;\n      wrap.dataset.lang = lang;\n      langBtns.forEach(function (x) {\n        x.classList.toggle('active', x === b);\n        x.setAttribute('aria-pressed', x === b);\n      });\n      TABS.forEach(function (t) { root.getElementById('tab-' + t.key).textContent = t[lang]; });\n      updateFade();\n    });\n  });\n})();\n<\/script>\n\n\n\n<!-- =====================================================\n     \u3010\u4e00\u6b21\u770b\u61c2\u8de8\u9818\u57df\u5b78\u7fd2\uff1a\u7c21\u5831\u8f2a\u64ad\u3011\uff08Shadow DOM\uff0c2026\/10 \u7d19\u8cea\u7248\uff09\n     \u3010\u63db\u5716\u3011\u6539 SLIDES \u9663\u5217\u88e1\u7684\u7db2\u5740\u5373\u53ef\uff0c\u5f35\u6578\u6703\u81ea\u52d5\u8a08\u7b97\n     ===================================================== -->\n<div id=\"tkuCarouselA\"><\/div>\n<script>\n(function () {\n  var host = document.getElementById('tkuCarouselA');\n  if (!host || host.shadowRoot) return;\n  var root = host.attachShadow({ mode: 'open' });\n\n  var BASE = 'https:\/\/inter.acad.tku.edu.tw\/interacad\/wp-content\/uploads\/2025\/12\/';\n  var SLIDES = [];\n  for (var k = 1; k <= 10; k++) SLIDES.push(BASE + k + '.png');\n  var total = SLIDES.length;\n\n  var figs = SLIDES.map(function (src, i) {\n    return '<figure><img decoding=\"async\" src=\"' + src + '\" alt=\"\u4e00\u6b21\u770b\u61c2\u8de8\u9818\u57df\u5b78\u7fd2\u7c21\u5831 \u7b2c' + (i + 1) + '\u9801\"' + (i ? ' loading=\"lazy\"' : '') + '><\/figure>';\n  }).join('');\n  var dots = SLIDES.map(function (_, i) {\n    return '<button class=\"dot' + (i === 0 ? ' active\" aria-current=\"true' : '') + '\" data-i=\"' + i + '\" aria-label=\"\u7b2c ' + (i + 1) + ' \u9801\">' + (i + 1) + '<\/button>';\n  }).join('');\n\n  root.innerHTML = `\n<style>\n  :host {\n    display: block;\n    background: transparent;   \/* 2026\/10\uff1a\u6539\u7531\u5168\u9801\u80cc\u666f\u5c64\u7d71\u4e00\u63d0\u4f9b\u7d19\u8cea\u8207\u5149\u6688 *\/\n\n    padding: 40px 0 48px;\n    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;\n  }\n  * { box-sizing: border-box; }\n  .sec-wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 32px); }\n\n  \/* \u2500\u2500 \u7d71\u4e00\u5340\u584a\u6a19\u984c\uff082026\/10\uff09\uff1a\u82f1\u6587\u5c0f\u5b57\uff0b\u4e2d\u6587\u6a19\u984c\uff0b\u5de6\u5074\u8272\u689d \u2500\u2500 *\/\n  .sec-head { position: relative; padding-left: 18px; margin: 0 0 26px; text-align: left; }\n  .sec-head::before {\n    content: \"\"; position: absolute; left: 0; top: 3px; bottom: 3px;\n    width: 5px; border-radius: 3px; background: var(--np-blue, #1a4a8a);\n  }\n  .sec-eyebrow {\n    display: block; font-size: 13px; font-weight: 700; letter-spacing: 2.5px;\n    color: var(--np-blue, #1a4a8a); line-height: 1.4; text-transform: uppercase;\n  }\n  .sec-title {\n    margin: 2px 0 0; font-size: clamp(22px, 2.2vw, 26px); font-weight: 800;\n    color: var(--np-blue-dark, #0d2a5e); line-height: 1.35; letter-spacing: 1px;\n  }\n  @media (max-width: 600px) {\n    .sec-head { margin-bottom: 20px; padding-left: 14px; }\n    .sec-head::before { width: 4px; }\n    .sec-eyebrow { font-size: 12px; letter-spacing: 2px; }\n  }\n\n  .frame {\n    max-width: 1000px; margin: 0 auto;\n    padding: 14px;\n    border-radius: 24px;\n    background-color: var(--np-bg, #F7F9FC);\n    background-image: var(--np-noise, none);\n    box-shadow: var(--np-lv3, 9px 9px 20px rgba(118,138,170,.3), -9px -9px 20px #fff);\n  }\n  .view { position: relative; border-radius: 14px; overflow: hidden; background: #fff; }\n  .slides { display: flex; transition: transform .35s ease; }\n  figure { margin: 0; min-width: 100%; }\n  img { display: block; width: 100%; height: auto; }\n\n  .arrow {\n    position: absolute; top: 50%; transform: translateY(-50%);\n    width: 44px; height: 44px; border-radius: 50%; border: 0;\n    display: grid; place-items: center; cursor: pointer;\n    background: #fff; color: var(--np-blue, #1a4a8a);\n    font-size: 24px; line-height: 1;\n    box-shadow: 0 4px 14px rgba(13,42,94,.18);\n    transition: background .2s, color .2s;\n    z-index: 2;\n  }\n  .arrow:hover { background: var(--np-blue, #1a4a8a); color: #fff; }\n  .arrow:focus-visible, .dot:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 2px; }\n  .prev { left: 12px; }\n  .next { right: 12px; }\n\n  .caption {\n    display: flex; align-items: center; justify-content: space-between; gap: 8px;\n    padding: 14px 6px 4px; font-size: 14px;\n  }\n  .hint { color: var(--np-sub, #5a6878); }\n  .page { font-weight: 700; color: var(--np-blue-dark, #0d2a5e); white-space: nowrap; }\n\n  .nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 10px 0 4px; }\n  .dot {\n    width: 32px; height: 32px; border-radius: 9px; border: 0; cursor: pointer;\n    font: inherit; font-size: 13px; font-weight: 700;\n    background: #E8EEF6; color: var(--np-sub, #5a6878);\n    transition: background .2s, color .2s;\n  }\n  .dot:hover { color: var(--np-blue, #1a4a8a); }\n  .dot.active { background: var(--np-blue, #1a4a8a); color: #fff; }\n\n  @media (max-width: 600px) {\n    .frame { padding: 10px; border-radius: 18px; box-shadow: var(--np-lv2, 5px 5px 12px rgba(118,138,170,.3), -5px -5px 12px #fff); }\n    .view { border-radius: 10px; }\n    .arrow { width: 36px; height: 36px; font-size: 20px; }\n    .prev { left: 8px; } .next { right: 8px; }\n    .hint { font-size: 13px; }\n  }\n  @media (prefers-reduced-motion: reduce) { .slides { transition: none; } }\n<\/style>\n<div class=\"sec-wrap\"><header class=\"sec-head\"><span class=\"sec-eyebrow\">Overview<\/span><h2 class=\"sec-title\">\u4e00\u6b21\u770b\u61c2\u8de8\u9818\u57df\u5b78\u7fd2<\/h2><\/header><\/div>\n<div class=\"sec-wrap\"><div class=\"frame\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"\u4e00\u6b21\u770b\u61c2\u8de8\u9818\u57df\u5b78\u7fd2\u7c21\u5831\">\n  <div class=\"view\">\n    <div class=\"slides\">${figs}<\/div>\n    <button class=\"arrow prev\" aria-label=\"\u4e0a\u4e00\u9801\">\u2039<\/button>\n    <button class=\"arrow next\" aria-label=\"\u4e0b\u4e00\u9801\">\u203a<\/button>\n  <\/div>\n  <div class=\"caption\">\n    <span class=\"hint\">\u2190 \u5de6\u53f3\u6ed1\u52d5\u6216\u9ede\u64ca\u7bad\u982d\u5207\u63db<\/span>\n    <span class=\"page\" aria-live=\"polite\">1 \/ ${total}<\/span>\n  <\/div>\n  <div class=\"nav\" aria-label=\"\u7c21\u5831\u9801\u78bc\u5207\u63db\">${dots}<\/div>\n<\/div><\/div>`;\n\n  var current = 0;\n  var slides = root.querySelector('.slides');\n  var page = root.querySelector('.page');\n  var dotEls = Array.prototype.slice.call(root.querySelectorAll('.dot'));\n\n  function goTo(i) {\n    current = (i + total) % total;\n    slides.style.transform = 'translateX(-' + (current * 100) + '%)';\n    page.textContent = (current + 1) + ' \/ ' + total;\n    dotEls.forEach(function (d, j) {\n      d.classList.toggle('active', j === current);\n      if (j === current) d.setAttribute('aria-current', 'true'); else d.removeAttribute('aria-current');\n    });\n  }\n  dotEls.forEach(function (d) {\n    d.addEventListener('click', function () { goTo(parseInt(d.dataset.i, 10)); });\n  });\n  root.querySelector('.prev').addEventListener('click', function () { goTo(current - 1); });\n  root.querySelector('.next').addEventListener('click', function () { goTo(current + 1); });\n\n  var startX = 0;\n  slides.addEventListener('touchstart', function (e) { startX = e.touches[0].clientX; }, { passive: true });\n  slides.addEventListener('touchend', function (e) {\n    var dx = e.changedTouches[0].clientX - startX;\n    if (Math.abs(dx) > 40) goTo(current + (dx < 0 ? 1 : -1));\n  });\n})();\n<\/script>\n\n\n\n<!-- =====================================================\n     \u30103\u3011TAICA \u5340\u584a v2.2\uff08Shadow DOM\uff0c2026\/10 \u7d19\u8cea\u7248\uff09\n     - \u53f3\u5074 Logo \u2192 3D \u7ffb\u8f49\u5361\uff08\u6b63\u9762 Logo\uff0f\u80cc\u9762 5 \u985e\u5b78\u5206\u5b78\u7a0b\uff09\n     - \u9ede\u64ca\u6574\u584a\u5340\u57df\u7ffb\u8f49\uff082026\/10 \u53d6\u6d88\u5b9a\u6642\u81ea\u52d5\u7ffb\u9762\uff09\uff0b\u6ed1\u9f20\u50be\u659c\u8996\u5dee\n     - \u80cc\u666f\u6539\u70ba\u5168\u7ad9\u7d19\u8cea\u5e95\uff1b\u5c0f\u5143\u7d20\u6539\u8272\u584a\u3001\u7ffb\u8f49\u5361\u7528\u65b0\u64ec\u7269\u9670\u5f71\n     ===================================================== -->\n<div id=\"taica-section\"><\/div>\n<script>\n(function () {\n  var host = document.getElementById('taica-section');\n  if (!host || host.shadowRoot) return;\n  var root = host.attachShadow({ mode: 'open' });\n\n  var LOGO = 'https:\/\/inter.acad.tku.edu.tw\/interacad\/wp-content\/uploads\/2026\/04\/TAICA-logo.png';\n  var INFO = 'https:\/\/aiee.acad.tku.edu.tw\/aiee\/?page_id=2337';\n  var ELECOS = 'https:\/\/esquery.tku.edu.tw\/acad\/';\n  var OFFICIAL = 'https:\/\/taicatw.net\/';\n\n  var PROGRAMS = [\n    { code: 'C076', name: '\u4eba\u5de5\u667a\u6167\u63a2\u7d22\u61c9\u7528',     short: '\u63a2\u7d22\u61c9\u7528', c: '#1f5fbf', bg: '#e6f0ff' },\n    { code: 'C077', name: '\u4eba\u5de5\u667a\u6167\u5de5\u696d\u61c9\u7528',     short: '\u5de5\u696d\u61c9\u7528', c: '#0f7a55', bg: '#e3f6ee' },\n    { code: 'C078', name: '\u4eba\u5de5\u667a\u6167\u81ea\u7136\u8a9e\u8a00\u6280\u8853', short: '\u81ea\u7136\u8a9e\u8a00', c: '#5b3fc4', bg: '#efeaff' },\n    { code: 'C079', name: '\u4eba\u5de5\u667a\u6167\u8996\u89ba\u6280\u8853',     short: '\u8996\u89ba\u6280\u8853', c: '#a0520a', bg: '#fff1dc' },\n    { code: 'C080', name: '\u4eba\u5de5\u667a\u6167\u8cc7\u8a0a\u5b89\u5168\u6280\u8853', short: '\u8cc7\u5b89\u6280\u8853', c: '#b4233d', bg: '#ffe9ed' }\n  ];\n\n  var chips = PROGRAMS.map(function (p) {\n    return '<span class=\"chip\" style=\"--c:' + p.c + ';--bg:' + p.bg + '\">' + p.short + '<\/span>';\n  }).join('');\n\n  var backList = PROGRAMS.map(function (p) {\n    return '<li><span class=\"code\" style=\"--c:' + p.c + ';--bg:' + p.bg + '\">' + p.code + '<\/span>' + p.name + '<\/li>';\n  }).join('');\n\n  root.innerHTML = `\n<style>\n:host{\n  --blue: var(--tku-blue, #1f5fbf);\n  --blue-dark: var(--tku-blue-dark, #133f80);\n  --blue-mid: var(--tku-blue-mid, #dbe8fb);\n  --blue-light: var(--tku-blue-light, #f0f6ff);\n  --text: var(--tku-text, #2b3440);\n  --sub: var(--tku-sub, #56606d);\n  display:block; width:100%; position:relative; overflow:hidden;\n  background: transparent;   \/* 2026\/10\uff1a\u6539\u7531\u5168\u9801\u80cc\u666f\u5c64\u7d71\u4e00\u63d0\u4f9b\u7d19\u8cea\u8207\u5149\u6688 *\/\n\n  padding: var(--tku-section-py, clamp(48px, 6vw, 80px)) 0;\n  font-family: inherit; box-sizing:border-box;\n}\n*,*::before,*::after{ box-sizing:border-box; }\n\n.deco{ position:absolute; inset:0; pointer-events:none;\n  background-image: radial-gradient(rgba(31,95,191,.13) 1.2px, transparent 1.2px);\n  background-size: 22px 22px;\n  -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 100%);\n          mask-image: linear-gradient(90deg, transparent 35%, #000 100%);\n}\n\n.inner{ position:relative; max-width: var(--tku-max-width, 1200px); margin:0 auto;\n  padding:0 var(--tku-content-px, 24px);\n  display:flex; gap: clamp(32px, 5vw, 72px); align-items:center; }\n.text{ flex:1; min-width:0; }\n\n.reveal{ opacity:0; transform: translateY(18px);\n  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);\n  transition-delay: var(--d, 0s); }\n.in .reveal{ opacity:1; transform:none; }\n\n.label{ display:inline-flex; align-items:center; gap:8px;\n  background: var(--blue); color:#fff; font-size:13px; font-weight:700;\n  letter-spacing:2px; padding:5px 14px; border-radius:20px; margin-bottom:14px; }\n.dot{ position:relative; width:8px; height:8px; border-radius:50%; background:#fff; }\n.dot::after{ content:''; position:absolute; inset:0; border-radius:50%; background:#fff;\n  animation: ping 1.8s cubic-bezier(0,0,.2,1) infinite; }\n\n.title{ font-size: clamp(22px, 2.6vw, 30px); font-weight:800; color: var(--blue-dark);\n  margin:0 0 14px; line-height:1.35; }\n.hl{ background: linear-gradient(transparent 60%, #ffe39a 60%); padding:0 2px; }\n\n  \/* \u2500\u2500 \u7d71\u4e00\u5340\u584a\u6a19\u984c\uff082026\/10\uff09\uff1a\u82f1\u6587\u5c0f\u5b57\uff0b\u4e2d\u6587\u6a19\u984c\uff0b\u5de6\u5074\u8272\u689d \u2500\u2500 *\/\n  .sec-head { position: relative; padding-left: 18px; margin: 0 0 26px; text-align: left; }\n  .sec-head::before {\n    content: \"\"; position: absolute; left: 0; top: 3px; bottom: 3px;\n    width: 5px; border-radius: 3px; background: var(--np-blue, #1a4a8a);\n  }\n  .sec-eyebrow {\n    display: block; font-size: 13px; font-weight: 700; letter-spacing: 2.5px;\n    color: var(--np-blue, #1a4a8a); line-height: 1.4; text-transform: uppercase;\n  }\n  .sec-title {\n    margin: 2px 0 0; font-size: clamp(22px, 2.2vw, 26px); font-weight: 800;\n    color: var(--np-blue-dark, #0d2a5e); line-height: 1.35; letter-spacing: 1px;\n  }\n  @media (max-width: 600px) {\n    .sec-head { margin-bottom: 20px; padding-left: 14px; }\n    .sec-head::before { width: 4px; }\n    .sec-eyebrow { font-size: 12px; letter-spacing: 2px; }\n  }\n\n\n.desc{ font-size: clamp(16px, 1.3vw, 18px); color: var(--text); line-height:1.8; margin:0 0 22px; }\n\n.list{ list-style:none; padding:0; margin:0 0 26px; display:flex; flex-direction:column; gap:14px; }\n.list li{ display:flex; gap:14px; align-items:flex-start; }\n.ico{ flex-shrink:0; width:44px; height:44px; border-radius:12px; background: var(--np-tint, #E3ECF8);\n  display:grid; place-items:center; color: var(--blue);\n  transition: transform .3s cubic-bezier(.3,1.6,.5,1); }\n.ico svg{ width:22px; height:22px; }\n.list li:hover .ico{ transform: translateY(-3px) rotate(-6deg); }\n.list li > div{ display:flex; flex-direction:column; gap:2px; min-width:0; }\n.list strong{ font-size: clamp(16px, 1.3vw, 18px); color: var(--blue); font-weight:700; }\n.list span.d{ font-size: clamp(15px, 1.2vw, 17px); color: var(--sub); line-height:1.6; }\n.num{ display:inline-block; font-size:1.25em; color:#e08a00; margin-right:2px; }\n\n.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }\n.chip{ font-size:15px; font-weight:600; color: var(--c); background: var(--bg);\n  padding:4px 12px; border-radius:99px; transition: transform .2s; }\n.chip:hover{ transform: translateY(-2px); }\n\n.links{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px; }\n.btn{ position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:6px;\n  min-height:44px; padding:10px 28px; border-radius:50px;\n  font-size: clamp(15px, 1.3vw, 17px); text-decoration:none;\n  transition: background .2s, transform .2s, box-shadow .2s; }\n.btn .arr{ transition: transform .25s; }\n.btn:hover .arr{ transform: translateX(4px); }\n.btn-primary{ background: var(--blue); color:#fff; font-weight:700;\n  box-shadow: 6px 6px 14px var(--np-sd, rgba(118,138,170,.3)), -6px -6px 14px var(--np-sl, #fff); }\n.btn-primary::after{ content:''; position:absolute; top:0; left:-75%; width:50%; height:100%;\n  background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent);\n  transform: skewX(-20deg); transition: left .6s; pointer-events:none; }\n.btn-primary:hover{ background: var(--blue-dark); transform: translateY(-2px); }\n.btn-primary:hover::after{ left:125%; }\n.btn-secondary{ background: var(--np-tint, #E3ECF8); color: var(--blue); font-weight:700; }\n.btn-secondary:hover{ background: var(--blue); color:#fff; transform: translateY(-2px); }\n\n.path{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px;\n  margin:0 0 18px; font-size:15px; color: var(--sub); }\n.path-label{ font-weight:700; color: var(--blue-dark); margin-right:2px; }\n.step{ background: var(--np-tint, #E3ECF8); color: var(--text);\n  font-weight:600; padding:3px 10px; border-radius:8px; line-height:1.5; }\n.sep{ color: var(--blue); font-weight:700; }\n.note{ font-size:16px; color: var(--sub); margin:0; }\n.note a{ color: var(--blue); text-decoration: underline; }\n\na:focus-visible, .stage:focus-visible{ outline:3px solid var(--blue); outline-offset:6px; border-radius:28px; }\n\n\/* ===== 3D \u7ffb\u8f49\u5361 ===== *\/\n.visual{ flex: 0 0 clamp(260px, 30%, 340px); display:flex; justify-content:center; }\n\/* \u9ede\u64ca\u7bc4\u570d = \u6574\u500b stage\uff08\u4e0d\u6703\u52d5\uff09\uff0c\u907f\u514d\u5361\u7247\u65cb\u8f49\u6642\u9ede\u4e0d\u5230 *\/\n.stage{ position:relative; width:100%; max-width:340px; aspect-ratio:1\/1; perspective:1100px;\n  cursor:pointer; -webkit-user-select:none; user-select:none;\n  -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.glow, .orbit, .floater, .tilt, .card, .face, .front img, .hint, .back h3, .back ol{\n  pointer-events:none; }\n.back a{ pointer-events:auto; }\n\n.glow{ position:absolute; inset:8%; border-radius:50%;\n  background: radial-gradient(circle, rgba(79,140,255,.38), transparent 70%);\n  filter: blur(22px); animation: breathe 4s ease-in-out infinite; }\n.orbit{ position:absolute; inset:-6%; border-radius:50%;\n  border:2px dashed rgba(31,95,191,.25); animation: spin 26s linear infinite; }\n.orbit::before{ content:''; position:absolute; top:-7px; left:calc(50% - 6px);\n  width:12px; height:12px; border-radius:50%; background: var(--blue);\n  box-shadow: 0 0 0 5px rgba(31,95,191,.15); }\n.orbit.o2{ inset:-13%; border:1.5px solid rgba(31,95,191,.1);\n  animation-duration:40s; animation-direction:reverse; }\n.orbit.o2::before{ background:#f5a524; box-shadow: 0 0 0 5px rgba(245,165,36,.18);\n  top:auto; bottom:-7px; }\n\n.floater{ position:absolute; inset:0; transform-style:preserve-3d;\n  animation: float 5s ease-in-out infinite; }\n.tilt{ width:100%; height:100%; transform-style:preserve-3d; transition: transform .25s ease-out; }\n.card{ position:relative; width:100%; height:100%; border-radius:28px;\n  transform-style:preserve-3d; transition: transform 1s cubic-bezier(.3,1.35,.5,1); }\n.card.flipped{ transform: rotateY(180deg); }\n\n.face{ position:absolute; inset:0; border-radius:28px; overflow:hidden;\n  -webkit-backface-visibility:hidden; backface-visibility:hidden;\n  box-shadow: var(--np-lv3, 9px 9px 20px rgba(118,138,170,.3), -9px -9px 20px #fff);\n  display:flex; flex-direction:column; align-items:center; justify-content:center; }\n.front{ transform: translateZ(1px); background-color: var(--np-bg, #F7F9FC); background-image: var(--np-noise, none); padding:13%; }\n.front img{ width:100%; height:auto; max-height:100%; object-fit:contain; display:block;\n  -webkit-user-drag:none; }\n.front::after{ content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;\n  background: linear-gradient(100deg, transparent, rgba(160,200,255,.35), transparent);\n  transform: skewX(-20deg); animation: shine 4.5s ease-in-out infinite; pointer-events:none; }\n.hint{ position:absolute; bottom:14px; font-size:13px; font-weight:600; color: var(--blue);\n  background: var(--np-tint, #E3ECF8); padding:4px 12px; border-radius:99px; }\n\n.back{ transform: rotateY(180deg) translateZ(1px); background-color: var(--np-bg, #F7F9FC); background-image: var(--np-noise, none);\n  padding:7% 8%; justify-content:space-between; align-items:stretch; }\n.back h3{ margin:0; font-size:18px; color: var(--blue-dark); text-align:center; font-weight:800; }\n.back ol{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:5px; }\n.back li{ display:flex; align-items:center; gap:8px; font-size:15px; line-height:1.35;\n  color: var(--text); font-weight:600; }\n.code{ flex-shrink:0; font-size:12px; font-weight:700; padding:2px 6px; border-radius:6px;\n  color: var(--c); background: var(--bg); font-family: ui-monospace, Menlo, Consolas, monospace; }\n.back a{ align-self:center; display:inline-flex; align-items:center; min-height:44px;\n  padding:0 20px; border-radius:99px; background: var(--blue); color:#fff;\n  font-size:15px; font-weight:700; text-decoration:none; transition: background .2s; }\n.back a:hover{ background: var(--blue-dark); }\n\/* \u6b63\u9762\u6642\u505c\u7528\u80cc\u9762\u9023\u7d50\uff0c\u907f\u514d\u8aa4\u9ede *\/\n.card:not(.flipped) .back a{ pointer-events:none; }\n\n@keyframes float{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-10px); } }\n@keyframes spin{ to{ transform: rotate(360deg); } }\n@keyframes breathe{ 0%,100%{ opacity:.7; transform: scale(.95); } 50%{ opacity:1; transform: scale(1.05); } }\n@keyframes shine{ 0%,55%{ left:-60%; } 85%,100%{ left:130%; } }\n@keyframes ping{ 75%,100%{ transform: scale(2.4); opacity:0; } }\n\n@media (max-width: 768px){\n  .inner{ flex-direction:column; align-items:stretch; }\n  .visual{ flex:none; width:100%; margin-top:12px; }\n  .stage{ width: min(76vw, 300px); margin:0 auto; }\n  .links{ flex-direction:column; }\n  .btn{ justify-content:center; }\n  .deco{ -webkit-mask-image: linear-gradient(180deg, transparent 50%, #000 100%);\n                 mask-image: linear-gradient(180deg, transparent 50%, #000 100%); }\n}\n\n@media (prefers-reduced-motion: reduce){\n  *, *::before, *::after{ animation:none !important; transition-duration:.01s !important; }\n  .reveal{ opacity:1; transform:none; }\n}\n<\/style>\n\n<div class=\"deco\" aria-hidden=\"true\"><\/div>\n<div class=\"inner\">\n  <div class=\"text\">\n    <header class=\"sec-head reveal\"><span class=\"sec-eyebrow\">TAICA \u00d7 TKU<\/span><h2 class=\"sec-title\">\u81fa\u7063\u5927\u5c08\u9662\u6821<span class=\"hl\">\u4eba\u5de5\u667a\u6167\u5b78\u7a0b\u806f\u76df<\/span><\/h2><\/header>\n    <p class=\"desc reveal\" style=\"--d:.16s\">\n      TAICA \u8ab2\u7a0b\u5206\u70ba\u93e1\u50cf\u8ab2\u7a0b\u8207\u885b\u661f\u8ab2\u7a0b\uff0c\u6574\u5408\u8de8\u6821\u9802\u5c16\u5e2b\u8cc7\uff0c\n      \u63d0\u4f9b\u591a\u5143\u7684\u4eba\u5de5\u667a\u6167\u5b78\u7fd2\u7ba1\u9053\uff0c\u5354\u52a9\u5b78\u751f\u6df1\u5165\u63a2\u7d22 AI \u76f8\u95dc\u77e5\u8b58\u4e26\u62d3\u5c55\u8de8\u6821\u5b78\u7fd2\u8996\u91ce\u3002\n    <\/p>\n    <ul class=\"list\">\n      <li class=\"reveal\" style=\"--d:.24s\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10 12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c3 2 9 2 12 0v-5\"\/><\/svg><\/span>\n        <div><strong>\u9802\u5c16\u5e2b\u8cc7\u6388\u8ab2<\/strong><span class=\"d\">\u9080\u8acb\u5404\u6821\u9802\u5c16\u6559\u6388\uff0c\u6df1\u5ea6\u5b78\u7fd2\u4eba\u5de5\u667a\u6167\u8207\u76f8\u95dc\u9818\u57df\u77e5\u8b58<\/span><\/div>\n      <\/li>\n      <li class=\"reveal\" style=\"--d:.32s\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15 15 0 0 1 0 20a15 15 0 0 1 0-20z\"\/><\/svg><\/span>\n        <div><strong>\u63a2\u7d22 AI \u672a\u4f86\u8da8\u52e2<\/strong><span class=\"d\">\u638c\u63e1\u6700\u65b0 AI \u767c\u5c55\u52d5\u614b\uff0c\u63d0\u5347\u5b78\u8853\u8207\u8077\u5834\u7af6\u722d\u529b<\/span><\/div>\n      <\/li>\n      <li class=\"reveal\" style=\"--d:.4s\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 2 10 5-10 5L2 7l10-5z\"\/><path d=\"m2 17 10 5 10-5\"\/><path d=\"m2 12 10 5 10-5\"\/><\/svg><\/span>\n        <div>\n          <strong><span class=\"num\">5<\/span> \u985e\u5b78\u5206\u5b78\u7a0b\u4efb\u4f60\u9078<\/strong>\n          <span class=\"d\">\u591a\u5143\u5b78\u7a0b\u65b9\u5411\uff0c\u6eff\u8db3\u4e0d\u540c\u5c08\u696d\u80cc\u666f\u7684\u5b78\u7fd2\u9700\u6c42<\/span>\n          <div class=\"chips\">${chips}<\/div>\n        <\/div>\n      <\/li>\n    <\/ul>\n    <div class=\"links reveal\" style=\"--d:.48s\">\n      <a class=\"btn btn-primary\" href=\"${ELECOS}\" target=\"_blank\" rel=\"noopener\">\u524d\u5f80\u8ab2\u7a0b\u67e5\u8a62\u7cfb\u7d71 <span class=\"arr\">\u2192<\/span><\/a>\n      <a class=\"btn btn-secondary\" href=\"${INFO}\" target=\"_blank\" rel=\"noopener\">\u4e86\u89e3\u6de1\u6c5f\u5927\u5b78TAICA\u5b78\u5206\u5b78\u7a0b<\/a>\n    <\/div>\n    <div class=\"path reveal\" style=\"--d:.52s\">\n      <span class=\"path-label\">\u67e5\u8a62\u8def\u5f91<\/span>\n      <span class=\"step\">\u4e8c.\u8ab2\u7a0b\u985e\u5225<\/span><span class=\"sep\" aria-hidden=\"true\">\u203a<\/span>\n      <span class=\"step\">\u25ce\u5171\u540c\u79d1\u76ee\u25ce<\/span><span class=\"sep\" aria-hidden=\"true\">\u203a<\/span>\n      <span class=\"step\">TAICA\u53f0\u7063\u5927\u5c08\u9662\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7a0b\u806f\u76df<\/span>\n    <\/div>\n    <p class=\"note reveal\" style=\"--d:.56s\">\u66f4\u591a\u8cc7\u8a0a\u8acb\u53c3\u95b1 <a href=\"${OFFICIAL}\" target=\"_blank\" rel=\"noopener\">TAICA \u5b98\u65b9\u7db2\u7ad9<\/a><\/p>\n  <\/div>\n\n  <div class=\"visual reveal\" style=\"--d:.2s\">\n    <div class=\"stage\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"\u7ffb\u8f49\u5361\u7247\uff0c\u67e5\u770b 5 \u985e TAICA \u5b78\u5206\u5b78\u7a0b\">\n      <div class=\"glow\" aria-hidden=\"true\"><\/div>\n      <div class=\"orbit\" aria-hidden=\"true\"><\/div>\n      <div class=\"orbit o2\" aria-hidden=\"true\"><\/div>\n      <div class=\"floater\">\n        <div class=\"tilt\">\n          <div class=\"card\">\n            <div class=\"face front\">\n              <img decoding=\"async\" src=\"${LOGO}\" alt=\"TAICA \u81fa\u7063\u5927\u5c08\u9662\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7a0b\u806f\u76df\" draggable=\"false\">\n              <span class=\"hint\" aria-hidden=\"true\">\u9ede\u6211\u7ffb\u8f49 \u21bb<\/span>\n            <\/div>\n            <div class=\"face back\" aria-hidden=\"true\">\n              <h3>5 \u5927 AI \u5b78\u5206\u5b78\u7a0b<\/h3>\n              <ol>${backList}<\/ol>\n              <a href=\"${INFO}\" target=\"_blank\" rel=\"noopener\" tabindex=\"-1\">\u4e86\u89e3\u66f4\u591a \u2192<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>`;\n\n  \/* ===== \u4e92\u52d5\u908f\u8f2f ===== *\/\n  var inner = root.querySelector('.inner');\n  var stage = root.querySelector('.stage');\n  var tilt = root.querySelector('.tilt');\n  var card = root.querySelector('.card');\n  var front = root.querySelector('.front');\n  var back = root.querySelector('.back');\n  var backLink = back.querySelector('a');\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var flipped = false, hovering = false, visible = true, holdUntil = 0;\n\n  function setFlip(v) {\n    flipped = v;\n    card.classList.toggle('flipped', v);\n    stage.setAttribute('aria-pressed', v ? 'true' : 'false');\n    front.setAttribute('aria-hidden', v ? 'true' : 'false');\n    back.setAttribute('aria-hidden', v ? 'false' : 'true');\n    backLink.tabIndex = v ? 0 : -1;\n  }\n  function toggle() {\n    setFlip(!flipped);\n    holdUntil = Date.now() + 8000; \/\/ \u624b\u52d5\u7ffb\u5f8c 8 \u79d2\u5167\u4e0d\u81ea\u52d5\u7ffb\n  }\n\n  \/\/ \u9ede\u64ca\u6574\u500b stage \u5340\u57df\u5c31\u7ffb\u8f49\uff08\u80cc\u9762\u300c\u4e86\u89e3\u66f4\u591a\u300d\u9664\u5916\uff09\n  stage.addEventListener('click', function (e) {\n    if (e.target.closest('a')) return;\n    toggle();\n  });\n  stage.addEventListener('keydown', function (e) {\n    if (e.target !== stage) return;\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      toggle();\n    }\n  });\n\n  \/\/ 2026\/10\uff1a\u53d6\u6d88\u5b9a\u6642\u81ea\u52d5\u7ffb\u9762\uff0c\u53ea\u5728\u4f7f\u7528\u8005\u9ede\u64ca\uff0f\u6309\u9375\u6642\u7ffb\u8f49\n\n  \/\/ \u6ed1\u9f20\u50be\u659c\u8996\u5dee\uff08\u50c5\u684c\u6a5f\uff09\n  stage.addEventListener('pointerenter', function (e) {\n    if (e.pointerType === 'mouse') hovering = true;\n  });\n  stage.addEventListener('pointermove', function (e) {\n    if (e.pointerType !== 'mouse' || reduce) return;\n    var r = stage.getBoundingClientRect();\n    var x = (e.clientX - r.left) \/ r.width - 0.5;\n    var y = (e.clientY - r.top) \/ r.height - 0.5;\n    tilt.style.transform = 'rotateX(' + (-y * 12).toFixed(2) + 'deg) rotateY(' + (x * 16).toFixed(2) + 'deg)';\n  });\n  stage.addEventListener('pointerleave', function () {\n    hovering = false;\n    tilt.style.transform = '';\n  });\n\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (en) {\n        visible = en.isIntersecting;\n        if (en.isIntersecting) inner.classList.add('in');\n      });\n    }, { threshold: 0.2 });\n    io.observe(host);\n  } else {\n    inner.classList.add('in');\n  }\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-container container\" style=\"position:relative\" block_id=\"lti7pd4n1oxk8xd84ev\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-sm-12 align-self-center\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-tkuwpbs5-bs5-heading\" style=\"padding-top:0;padding-bottom:0\"><style>\n        #lti3dolh8q9rdlmltjh .tku-fkwx-section-title-1st-bar {\n            background: #383a62;\n           }\n\n        #lti3dolh8q9rdlmltjh .tku-fkwx-section-title-2nd-bar {\n            background: #383a62;\n           }\n        <\/style><div id=\"dv_title\"><div id=\"lti3dolh8q9rdlmltjh\"><div style=\"visibility:visible;animation-delay:0.1s;animation-name:fadeInUp;text-align:center\"><h2 class=\"mb-2 fw-bold\">\u6700\u65b0\u6d88\u606f<\/h2><\/div><\/div><\/div><\/div>\n\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\",function () {\n        \/\/ init Isotope\n        var projects = $('#lti82tfr0rsr0ixce3he .projects').isotope({\n            itemSelector: '#lti82tfr0rsr0ixce3he .project',\n            layoutMode: 'fitRows',\n            filter: '.initial-filter-lti82tfr0rsr0ixce3he-1'   \/\/ \u521d\u59cb\u904e\u6ffe\u689d\u4ef6\uff0c\u53ea\u986f\u793a\u6709 'initial-filter' \u985e\u7684\u9805\u76ee\n        });\n\n        $('#lti82tfr0rsr0ixce3he .filter-btn').click(function () {\n            var data_filter = $(this).attr(\"data-filter\");\n            projects.isotope({\n                filter: data_filter\n            });\n\n            \/\/ filter-btn2 \u985e\u5225\u52a0active\n            $('#lti82tfr0rsr0ixce3he .filter-btn').removeClass(\"active shadow\");\n            $(this).addClass(\"active\");\n\n            \/\/ filter-btn3 \u7b2c\u4e00\u500b\u9801\u78bc\u52a0active\n           $('#lti82tfr0rsr0ixce3he .filter-btn3').removeClass(\"active shadow\");\n           $('#lti82tfr0rsr0ixce3he .filter-btn3[data-filter=\"' + data_filter + '\"]').addClass(\"active\"); \n            return false;\n        });\n        \n   \n        $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(0)').addClass('active');\n        $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(0)').click();\n\n\n\n        $('#lti82tfr0rsr0ixce3he .filter-btn3').click(function () {\n            var data_filter3 = $(this).attr(\"data-filter\");\n            projects.isotope({\n                filter: data_filter3\n            });\n \n            $('#lti82tfr0rsr0ixce3he .filter-btn3').removeClass(\"active\");\n            $(this).addClass(\"active\");\n \n            return false;\n        });\n\n        if (1!=1){\n            \/\/\u6c92\u6709\u6700\u65b0\u6a19\u7c3d,hide\u6700\u65b0\u6a19\u7c3d\n            $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(1)').addClass('active');\n            $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(0)').click();\n            $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(0)').hide();\n        } \n\n\n        \/\/ Simulate click on filter-btn2 based on myCKL value\n        var myCKL = ''; \/\/ \u4f7f\u7528 addslashes \u4f86\u8655\u7406\u7279\u6b8a\u5b57\u7b26\n        $('#lti82tfr0rsr0ixce3he .filter-btn[data-filter=\".lti82tfr0rsr0ixce3he-' + myCKL + '-1\"]').addClass(\"active\").click();\n        if (1!=1){ \/\/\u6c92\u6709\u6700\u65b0\u6a19\u7c3d            \n            if (myCKL == ''){ \/\/\u6c92\u6709\u50b3ckl\u53c3\u6578\n                $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(1)').addClass('active');\n                $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(1)').click();\n                $('#lti82tfr0rsr0ixce3he .isotope2 .filter-btn:eq(0)').hide();\n            }\n        }\n    });\n    <\/script><section id=\"lti82tfr0rsr0ixce3he\" class=\"container py-0\"><div class=\"row justify-content-center my-5 isotope2\"><div class=\"filter-btns shadow-md rounded-pill text-center col-auto\"><a class=\"filter-btn btn rounded-pill btn-outline-primary border-0 m-md-2 px-md-4 active ccolor\" title=\"\u6700\u65b0\" data-filter=\".initial-filter-lti82tfr0rsr0ixce3he-1\" href=\"#\">\u6700\u65b0<\/a><a class=\"filter-btn btn rounded-pill btn-outline-primary border-0 m-md-2 px-md-4\" title=\"\u8de8\u9818\u57df\u5b78\u7fd2\" data-filter=\".lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\">\u8de8\u9818\u57df\u5b78\u7fd2<\/a><\/div><\/div><div class=\"row projects\"><a href=\"\/interacad\/?tkuisotope=114%e5%ad%b8%e5%b9%b4%e5%ba%a6%e7%ac%ac2%e5%ad%b8%e6%9c%9f-taica-%e4%ba%ba%e5%b7%a5%e6%99%ba%e6%85%a7%e5%ad%b8%e5%88%86%e5%ad%b8%e7%a8%8b%e7%99%bb%e8%a8%98%e7%94%b3%e8%ab%8b\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  initial-filter-lti82tfr0rsr0ixce3he-1 lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2026\/04\/1142TAICA\u8de8\u9818\u57df\u7db2\u9801\u5c01\u97623.png\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2026-04-27<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">114\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f TAICA \u4eba\u5de5\u667a\u6167\u5b78\u5206\u5b78\u7a0b\u767b\u8a18\u7533\u8acb<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><a href=\"\/interacad\/?tkuisotope=5-11%e8%b5%b7%e9%96%8b%e6%94%be%e7%99%bb%e8%a8%98%e3%80%8c%e8%b7%a8%e9%a0%98%e5%9f%9f%e5%ad%b8%e7%bf%92%e3%80%8d%e8%87%b35-29%e6%88%aa%e6%ad%a2%ef%bc%81\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  initial-filter-lti82tfr0rsr0ixce3he-1 lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2026\/04\/\u9644\u4ef61_1142\u8de8\u9818\u57df\u6d77\u5831-\u4e2d.png\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2026-04-23<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">5\/11\u8d77\u958b\u653e\u767b\u8a18\u300c\u8de8\u9818\u57df\u5b78\u7fd2\u300d\u81f35\/29\u622a\u6b62\uff01<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><a href=\"\/interacad\/?tkuisotope=%e5%85%ac%e5%91%8a%e6%9c%ac%e6%a0%a1%e8%87%ba%e7%81%a3%e5%a4%a7%e5%b0%88%e9%99%a2%e6%a0%a1%e4%ba%ba%e5%b7%a5%e6%99%ba%e6%85%a7%e5%ad%b8%e7%a8%8b%e8%81%af%e7%9b%9f%ef%bc%88%e7%b0%a1%e7%a8%b1taica-2\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  initial-filter-lti82tfr0rsr0ixce3he-1 lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2026\/01\/iweb\u516c\u544a\u5716\u7247.png\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2026-01-30<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">\u516c\u544a\u672c\u6821\u81fa\u7063\u5927\u5c08\u9662\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7a0b\u806f\u76df\uff08\u7c21\u7a31TAICA\uff09\u4e4b\u300c\u5b78\u5206\u5b78\u7a0b\u5e38\u898f\u8ab2\u7a0b\u8cc7\u6599\u300d\u696d\u7d93\u5be9\u6838\u901a\u904e\uff0c\u76f8\u95dc\u8cc7\u8a0a\u8a73\u5982\u8aaa\u660e\uff0c\u8acb\u67e5\u7167\u3002<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><a href=\"\/interacad\/?tkuisotope=1141taica%e5%ad%b8%e5%88%86%e5%ad%b8%e7%a8%8b%e7%99%bb%e8%a8%98%e7%94%b3%e8%ab%8b\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  initial-filter-lti82tfr0rsr0ixce3he-1 lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2025\/11\/114TAICA\u7533\u8acb.png\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2025-11-19<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f TAICA \u4eba\u5de5\u667a\u6167\u5b78\u5206\u5b78\u7a0b\u767b\u8a18\u7533\u8acb<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><a href=\"https:\/\/tkutimes.tku.edu.tw\/dtl.aspx?no=58065\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2024\/09\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2024-09-13-143105.png\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2024-09-13<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">\u3010\u65b0\u9bae\u4eba\u79d8\u7b08\u3011\u57df\u898b\u5927\u672a\u4f86\uff1a\u8de8\u9818\u57df\u5b78\u7fd2 \u7b49\u4f60\u4f86\u6311\u6230\uff01<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><a href=\"https:\/\/events.tku.edu.tw\/FocusDetail.cshtml?sn=2642\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2024\/03\/\u611b\u4e0a\u6de1\u6c5f\u3010\u5b78\u9662\u5c08\u984c\u3011\u6587\u5b78\u9662\uff1a\u6578\u4f4d\u4eba\u6587-\u8de8\u57df\u5b78\u7fd2-\u5275\u767c\u65b0\u4eba\u624d.jpg\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2024-03-25<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">\u3010\u6821\u5712\u7126\u9ede\u3011\u611b\u4e0a\u6de1\u6c5f\u3010\u5b78\u9662\u5c08\u984c\u3011\u6587\u5b78\u9662\uff1a\u6578\u4f4d\u4eba\u6587 \u8de8\u57df\u5b78\u7fd2 \u5275\u767c\u65b0\u4eba\u624d<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><a href=\"https:\/\/events.tku.edu.tw\/FocusDetail.cshtml?sn=2641\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2024\/03\/\u611b\u4e0a\u6de1\u6c5f\u3010\u5b78\u9662\u5c08\u984c\u3011\u5de5\u5b78\u9662\uff1a\u5b8c\u5099\u79d1\u7cfb-\u8de8\u57df\u79d1\u6280\u4eba\u624d\u5b75\u5316\u5668.jpg\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2024-03-25<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">\u3010\u6821\u5712\u7126\u9ede\u3011\u611b\u4e0a\u6de1\u6c5f\u3010\u5b78\u9662\u5c08\u984c\u3011\u5de5\u5b78\u9662\uff1a\u5b8c\u5099\u79d1\u7cfb \u8de8\u57df\u79d1\u6280\u4eba\u624d\u5b75\u5316\u5668<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><a href=\"\/interacad\/?tkuisotope=5-8%e6%97%a5%e8%b5%b7%e9%96%8b%e6%94%be%e7%99%bb%e8%a8%98%e3%80%8c%e8%b7%a8%e9%a0%98%e5%9f%9f%e5%ad%b8%e7%bf%92%e3%80%8d%e8%87%b33-5%e6%97%a5%e6%88%aa%e6%ad%a2%ef%bc%81\" class=\"col-sm-6 col-lg-4 col-xl-3 text-decoration-none project  lti82tfr0rsr0ixce3he-\u8de8\u9818\u57df\u5b78\u7fd2-1\" target=\"_blank\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u65b0\u8996\u7a97)\">\n                    <div class=\"tku_bs5_isotope_section card mb-5 mx-4 mx-sm-0\">\n                        <img decoding=\"async\" class=\"card-img-top card-img-top-sp\" style=\"object-fit: cover;height:200px\" src=\"\/interacad\/wp-content\/uploads\/2024\/03\/\u5ba3\u50b3\u8de8\u9818\u57df\u5b78\u7fd2.jpg\" alt=\"...\">\n                        <div class=\"card-body\">\n                            <div class=\"card-sptitle\"><span class=\"\">\u8de8\u9818\u57df\u5b78\u7fd2<\/span><span class=\"date_color\">2024-03-13<\/span><\/div>\n                            <p class=\"card-text light-300 text-dark top-padding20 lh-base\">\u3010\u5b78\u7fd2\u65b0\u8996\u754c\u30115\/8\u65e5\u8d77\u958b\u653e\u767b\u8a18\u300c\u8de8\u9818\u57df\u5b78\u7fd2\u300d\u81f35\/21\u65e5\u622a\u6b62\uff01<p>\n                            <div class=\"text-decoration-none light-300 more-decoration align20 more\" title=\"\u95b1\u8b80\u66f4\u591a(\u53e6\u958b\u8996\u7a97)\">\n                            \u95b1\u8b80\u66f4\u591a<span class=\"icon\"> <i class='fa fa-hand-point-right ms-1'><\/i><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a><\/div><\/section><br>\n\n\n<p class=\"has-text-align-right has-medium-font-size\"><strong><a href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=993\" data-type=\"link\" data-id=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=993\" target=\"_blank\" rel=\"noreferrer noopener\">\u67e5\u770b\u66f4\u591a\u6d88\u606f \u2192<\/a><\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =====================================================\n     \u3010\u5f71\u97f3\u5340\u584a\u3011\uff08Shadow DOM\uff0c2026\/10 \u7d19\u8cea\u7248\uff09\n     \u3010\u65b0\u589e\u5f71\u7247\u3011\u5728\u5c0d\u61c9 videos \u9663\u5217\u52a0\u4e00\u884c\uff1a['YouTube\u5f71\u7247ID', '\u6a19\u984c', '\u9577\u5ea6 \u00b7 \u5b78\u7cfb']\n     ===================================================== -->\n<div id=\"vsl-wrapper\"><\/div>\n<script>\n(function () {\n  var host = document.getElementById('vsl-wrapper');\n  if (!host || host.shadowRoot) return;\n  var root = host.attachShadow({ mode: 'open' });\n\n  var SECTIONS = [\n    {\n      tag: '\u5b98\u65b9\u5f71\u7247', alt: false, title: '\u8de8\u9818\u57df\u5b78\u7fd2\u4ecb\u7d39',\n      more: 'https:\/\/www.youtube.com\/channel\/UCqojJwALKnKqWSlvUMajhxw',\n      videos: [\n        ['8mvIbTtR92Y', '\u8de8\u57df\u8005\u5fc3\u5f97\u5206\u4eab', '1:19 \u00b7 \u8de8\u9818\u57df\u5b78\u5206\u5b78\u7a0b'],\n        ['miaKN0qhGzc', '\u8de8\u9818\u57df\u5b78\u7fd2\u6210\u5c31\u7cfb\u5217\uff5c\u6797\u8abc\u82ac', '4:37 \u00b7 \u6cd5\u570b\u8a9e\u6587\u5b78\u7cfb'],\n        ['SZ_V2lpaBIA', '\u8de8\u9818\u57df\u5b78\u7fd2\u6210\u5c31\u7cfb\u5217\uff5c\u4f0d\u5a77\u8389', '3:53 \u00b7 \u8cc7\u8a0a\u8207\u5716\u66f8\u9928\u5b78\u7cfb'],\n        ['R2YPuDodWUc', '\u8de8\u9818\u57df\u5b78\u7fd2\u6210\u5c31\u7cfb\u5217\uff5c\u9673\u6600', '4:59 \u00b7 \u897f\u73ed\u7259\u8a9e\u6587\u5b78\u7cfb'],\n        ['xyE8V-tBDpM', '\u8de8\u9818\u57df\u5c08\u9577\u8ab2\u7a0b\u53ca\u5f48\u6027\u5b78\u5236\u4ecb\u7d39', '\u5236\u5ea6\u8aaa\u660e']\n      ]\n    },\n    {\n      tag: '\u5b78\u7cfb\u8a2a\u8ac7', alt: true, title: '\u5927\u5b78\u6821\u7cfb\u5728\u5e79\u561b',\n      more: 'https:\/\/www.youtube.com\/@Xiao_Yu_',\n      videos: [\n        ['sz9RmBrY9-A', '\u7d71\u8a08\u7cfb\u5728\u5e79\u561b\uff5c\u6de1\u6c5f\u5927\u5b78\u7d71\u8a08\u5b78\u7cfb', '4:34 \u00b7 \u7d71\u8a08\u5b78\u7cfb'],\n        ['1N43zsqqJuU', '\u6559\u79d1\u7cfb\u5728\u5e79\u561b\uff5c\u6de1\u6c5f\u5927\u5b78\u6559\u80b2\u79d1\u6280\u5b78\u7cfb', '8:29 \u00b7 \u6559\u80b2\u79d1\u6280\u5b78\u7cfb'],\n        ['f3JOcA3CqK8', '\u6b77\u53f2\u7cfb\u5728\u5e79\u561b\uff5c\u6de1\u6c5f\u5927\u5b78\u6b77\u53f2\u5b78\u7cfb', '11:21 \u00b7 \u6b77\u53f2\u5b78\u7cfb'],\n        ['vdLw7JUJ4uA', '\u65e5\u6587\u7cfb\u5728\u5e79\u561b\uff5c\u6de1\u6c5f\u5927\u5b78\u65e5\u672c\u8a9e\u6587\u5b78\u7cfb', '10:58 \u00b7 \u65e5\u672c\u8a9e\u6587\u5b78\u7cfb'],\n        ['bp8rR9GSV6M', '\u516c\u884c\u7cfb\u5728\u5e79\u561b\uff5c\u6de1\u6c5f\u5927\u5b78\u516c\u5171\u884c\u653f\u5b78\u7cfb', '10:17 \u00b7 \u516c\u5171\u884c\u653f\u5b78\u7cfb'],\n        ['NMEJpAjSmkQ', '\u7269\u7406\u7cfb\u5728\u5e79\u561b\uff5c\u6de1\u6c5f\u5927\u5b78\u7269\u7406\u5b78\u7cfb', '7:41 \u00b7 \u7269\u7406\u5b78\u7cfb'],\n        ['deY8pnHFBEM', '\u6703\u8a08\u7cfb\u5728\u5e79\u561b\uff5c\u6de1\u6c5f\u5927\u5b78\u6703\u8a08\u5b78\u7cfb', '8:14 \u00b7 \u6703\u8a08\u5b78\u7cfb']\n      ]\n    }\n  ];\n\n  var PLAY = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5.5v13l11-6.5z\" fill=\"currentColor\"\/><\/svg>';\n\n  var html = SECTIONS.map(function (s, si) {\n    var cards = s.videos.map(function (v) {\n      return '<a class=\"v-card\" href=\"https:\/\/www.youtube.com\/watch?v=' + v[0] + '\" target=\"_blank\" rel=\"noopener\">' +\n        '<span class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/' + v[0] + '\/mqdefault.jpg\" alt=\"\" loading=\"lazy\">' +\n        '<span class=\"play\">' + PLAY + '<\/span><\/span>' +\n        '<span class=\"v-title\">' + v[1] + '<\/span><span class=\"v-meta\">' + v[2] + '<\/span><\/a>';\n    }).join('');\n    return '<section class=\"sec\">' +\n      '<div class=\"head\"><div class=\"title-group\"><span class=\"tag' + (s.alt ? ' alt' : '') + '\">' + s.tag + '<\/span>' +\n      '<h2 class=\"title\">' + s.title + '<\/h2><\/div>' +\n      '<a class=\"more\" href=\"' + s.more + '\" target=\"_blank\" rel=\"noopener\">\u67e5\u770b\u66f4\u591a \u2192<\/a><\/div>' +\n      '<div class=\"viewport\"><div class=\"track\" id=\"track-' + si + '\">' + cards + '<\/div>' +\n      '<button class=\"nav-btn prev\" data-t=\"' + si + '\" data-d=\"-1\" aria-label=\"' + s.title + '\uff1a\u5f80\u5de6\">\u2039<\/button>' +\n      '<button class=\"nav-btn next\" data-t=\"' + si + '\" data-d=\"1\" aria-label=\"' + s.title + '\uff1a\u5f80\u53f3\">\u203a<\/button><\/div>' +\n      '<\/section>';\n  }).join('');\n\n  root.innerHTML = `\n<style>\n  :host {\n    display: block;\n    background: transparent;   \/* 2026\/10\uff1a\u6539\u7531\u5168\u9801\u80cc\u666f\u5c64\u7d71\u4e00\u63d0\u4f9b\u7d19\u8cea\u8207\u5149\u6688 *\/\n\n    padding: 48px 0;\n    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;\n    --blue: var(--np-blue, #1a4a8a);\n    --blue-dark: var(--np-blue-dark, #0d2a5e);\n    --sub: var(--np-sub, #5a6878);\n  }\n  * { box-sizing: border-box; }\n\n  .sec { max-width: 1200px; margin: 0 auto 44px; padding: 0 clamp(16px, 3vw, 32px); }\n  .sec.top-head { margin-bottom: 0; }\n\n  \/* \u2500\u2500 \u7d71\u4e00\u5340\u584a\u6a19\u984c\uff082026\/10\uff09\uff1a\u82f1\u6587\u5c0f\u5b57\uff0b\u4e2d\u6587\u6a19\u984c\uff0b\u5de6\u5074\u8272\u689d \u2500\u2500 *\/\n  .sec-head { position: relative; padding-left: 18px; margin: 0 0 26px; text-align: left; }\n  .sec-head::before {\n    content: \"\"; position: absolute; left: 0; top: 3px; bottom: 3px;\n    width: 5px; border-radius: 3px; background: var(--np-blue, #1a4a8a);\n  }\n  .sec-eyebrow {\n    display: block; font-size: 13px; font-weight: 700; letter-spacing: 2.5px;\n    color: var(--np-blue, #1a4a8a); line-height: 1.4; text-transform: uppercase;\n  }\n  .sec-title {\n    margin: 2px 0 0; font-size: clamp(22px, 2.2vw, 26px); font-weight: 800;\n    color: var(--np-blue-dark, #0d2a5e); line-height: 1.35; letter-spacing: 1px;\n  }\n  @media (max-width: 600px) {\n    .sec-head { margin-bottom: 20px; padding-left: 14px; }\n    .sec-head::before { width: 4px; }\n    .sec-eyebrow { font-size: 12px; letter-spacing: 2px; }\n  }\n\n  .sec:last-child { margin-bottom: 0; }\n\n  .head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 8px; }\n  .title-group { display: flex; align-items: center; gap: 12px; }\n  .tag {\n    background: var(--blue); color: #fff; font-size: 13px; font-weight: 700;\n    padding: 4px 12px; border-radius: 999px; letter-spacing: 1px; white-space: nowrap;\n  }\n  .tag.alt { background: #2a7a5a; }\n  .title { margin: 0; font-size: clamp(18px, 1.7vw, 20px); font-weight: 800; color: var(--blue-dark); line-height: 1.3; }\n  .more {\n    display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px;\n    border-radius: 999px; background: var(--np-tint, #E3ECF8); color: var(--blue);\n    font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap;\n    transition: background .2s, color .2s;\n  }\n  .more:hover { background: var(--blue); color: #fff; }\n\n  .viewport { position: relative; }\n  .track {\n    display: flex; gap: 22px;\n    overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x proximity;\n    scrollbar-width: none;\n    padding: 16px 14px 28px; margin: 0 -14px;   \/* \u7559\u7a7a\u9593\u7d66\u5361\u7247\u9670\u5f71 *\/\n    scroll-padding: 0 14px;\n  }\n  .track::-webkit-scrollbar { display: none; }\n\n  .v-card {\n    flex: 0 0 clamp(220px, 26vw, 280px);\n    scroll-snap-align: start;\n    display: flex; flex-direction: column; gap: 6px;\n    padding: 10px 10px 16px; border-radius: 18px;\n    text-decoration: none; color: inherit;\n    background-color: var(--np-bg, #F7F9FC);\n    background-image: var(--np-noise, none);\n    box-shadow: var(--np-lv2, 5px 5px 12px rgba(118,138,170,.3), -5px -5px 12px #fff);\n    transition: box-shadow .25s ease, transform .25s ease;\n  }\n  .v-card:hover { box-shadow: var(--np-lv3, 9px 9px 20px rgba(118,138,170,.3), -9px -9px 20px #fff); transform: translateY(-3px); }\n  .v-card:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 4px; }\n\n  .thumb { position: relative; display: block; aspect-ratio: 16 \/ 9; border-radius: 12px; overflow: hidden; background: #dde5f0; margin-bottom: 6px; }\n  .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .play {\n    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.85);\n    width: 46px; height: 46px; border-radius: 50%;\n    display: grid; place-items: center;\n    background: var(--blue); color: #fff;\n    opacity: 0; transition: opacity .2s, transform .2s;\n  }\n  .play svg { width: 22px; height: 22px; margin-left: 2px; }\n  .v-card:hover .play, .v-card:focus-visible .play { opacity: 1; transform: translate(-50%, -50%) scale(1); }\n\n  .v-title {\n    padding: 0 4px; font-size: clamp(15px, 1.4vw, 17px); font-weight: 700; color: #1a2a4a; line-height: 1.45;\n    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\n  }\n  .v-meta { padding: 0 4px; font-size: 14px; color: var(--sub); }\n\n  .nav-btn {\n    position: absolute; top: calc(16px + (clamp(220px, 26vw, 280px) - 20px) * 9 \/ 32 + 10px);\n    transform: translateY(-50%);\n    width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer;\n    display: grid; place-items: center;\n    background: var(--blue); color: #fff; font-size: 22px; line-height: 1;\n    box-shadow: 0 4px 12px rgba(13,42,94,.25);\n    transition: background .2s, opacity .2s;\n    z-index: 3;\n  }\n  .nav-btn:hover { background: var(--blue-dark); }\n  .nav-btn:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 2px; }\n  .nav-btn[disabled] { opacity: 0; pointer-events: none; }\n  .prev { left: -8px; }\n  .next { right: -8px; }\n\n  @media (max-width: 600px) {\n    :host { padding: 36px 0; }\n    .v-card { flex-basis: 72vw; }\n    .nav-btn { display: none; }   \/* \u624b\u6a5f\u7528\u624b\u6307\u6ed1\u52d5 *\/\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .track { scroll-behavior: auto; }\n    .v-card, .play { transition: none; }\n  }\n<\/style>\n<div class=\"sec top-head\"><header class=\"sec-head\"><span class=\"sec-eyebrow\">Videos<\/span><h2 class=\"sec-title\">\u5f71\u97f3\u5c08\u5340<\/h2><\/header><\/div>\n${html}`;\n\n  \/* \u7bad\u982d\uff1a\u6372\u52d5\u5169\u5f35\u5361\uff1b\u5230\u982d\uff0f\u5230\u5c3e\u6642\u96b1\u85cf *\/\n  var btns = Array.prototype.slice.call(root.querySelectorAll('.nav-btn'));\n  function update(track) {\n    var max = track.scrollWidth - track.clientWidth - 2;\n    btns.forEach(function (b) {\n      if (root.getElementById('track-' + b.dataset.t) !== track) return;\n      b.disabled = b.dataset.d === '-1' ? track.scrollLeft <= 4 : track.scrollLeft >= max;\n    });\n  }\n  btns.forEach(function (b) {\n    b.addEventListener('click', function () {\n      var track = root.getElementById('track-' + b.dataset.t);\n      var card = track.querySelector('.v-card');\n      var w = card ? card.offsetWidth + 22 : 300;\n      track.scrollBy({ left: parseInt(b.dataset.d, 10) * w * 2, behavior: 'smooth' });\n    });\n  });\n  Array.prototype.forEach.call(root.querySelectorAll('.track'), function (t) {\n    t.addEventListener('scroll', function () { update(t); }, { passive: true });\n    window.addEventListener('resize', function () { update(t); });\n    update(t);\n  });\n})();\n<\/script>\n\n\n\n<!-- =====================================================\n     \u3010\u5e38\u7528\u9023\u7d50\u3011\uff08Shadow DOM\uff0c2026\/10 \u7d19\u8cea\u7248\uff09\n     \u3010\u65b0\u589e\u9023\u7d50\u3011\u5728 LINKS \u9663\u5217\u52a0\u4e00\u7b46\u5373\u53ef\uff1bicon \u53ef\u9078 trophy \/ apply \/ search \/ review\n     ===================================================== -->\n<div id=\"tku-quicklinks\"><\/div>\n<script>\n(function () {\n  var host = document.getElementById('tku-quicklinks');\n  if (!host || host.shadowRoot) return;\n  var root = host.attachShadow({ mode: 'open' });\n\n  var ICONS = {\n    \/\/ \u6210\u679c\u5c08\u5340\uff1a\u734e\u76c3\n    trophy: '<path d=\"M8 21h8M12 17v4\"\/><path d=\"M7 4h10v5a5 5 0 0 1-10 0z\"\/><path d=\"M17 5h3v2a3 3 0 0 1-3 3M7 5H4v2a3 3 0 0 0 3 3\"\/>',\n    \/\/ \u7533\u8acb\u5e73\u53f0\uff1a\u6587\u4ef6\n    apply: '<path d=\"M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h4\"\/>',\n    \/\/ \u8ab2\u7a0b\u67e5\u8a62\uff1a\u653e\u5927\u93e1\n    search: '<circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m20 20-3.5-3.5\"\/>',\n    \/\/ \u8ab2\u7a0b\u5be9\u6838\uff1a\u6253\u52fe\u7684\u677f\u593e\n    review: '<rect x=\"5\" y=\"4\" width=\"14\" height=\"17\" rx=\"2\"\/><path d=\"M9 4V3h6v1M9 13l2 2 4-4\"\/>'\n  };\n  function svg(k) {\n    return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">' + ICONS[k] + '<\/svg>';\n  }\n\n  var LINKS = [\n    { icon: 'trophy', name: '\u8de8\u9818\u57df\u6210\u679c\u5c08\u5340',     desc: '\u5b78\u7fd2\u6b77\u7a0b\u8207\u6210\u679c\u5c55\u793a',           url: 'https:\/\/inter.acad.tku.edu.tw\/interacad\/?page_id=5438' },\n    { icon: 'apply',  name: '\u8de8\u9818\u57df\u5b78\u7fd2\u7533\u8acb\u5e73\u53f0', desc: '\u8f14\u7cfb\uff0f\u96d9\u4e3b\u4fee\uff0f\u8f14\u4fee\uff0f\u7b2c\u4e8c\u4e3b\u4fee', url: 'https:\/\/tku.schroll.edu.tw\/bm_apply' },\n    { icon: 'search', name: '\u8ab2\u7a0b\u67e5\u8a62\u7cfb\u7d71',       desc: '\u641c\u5c0b\u5168\u6821\u958b\u8ab2\u8cc7\u8a0a',             url: 'https:\/\/esquery.tku.edu.tw\/acad\/' },\n    { icon: 'review', name: '\u8ab2\u7a0b\u5be9\u6838\u7cfb\u7d71',       desc: '\u8f14\u4fee\u66a8\u7b2c\u4e8c\u4e3b\u4fee\u8ab2\u7a0b\u5be9\u6838',       url: 'https:\/\/tku.schroll.edu.tw\/MinorSpec\/' }\n  ];\n\n  var cards = LINKS.map(function (l) {\n    return '<a class=\"ql-card\" href=\"' + l.url + '\" target=\"_blank\" rel=\"noopener\">' +\n      '<span class=\"ql-icon\" aria-hidden=\"true\">' + svg(l.icon) + '<\/span>' +\n      '<span class=\"ql-text\"><span class=\"ql-name\">' + l.name + '<\/span><span class=\"ql-desc\">' + l.desc + '<\/span><\/span><\/a>';\n  }).join('');\n\n  root.innerHTML = `\n<style>\n  :host {\n    display: block;\n    background: transparent;   \/* 2026\/10\uff1a\u6539\u7531\u5168\u9801\u80cc\u666f\u5c64\u7d71\u4e00\u63d0\u4f9b\u7d19\u8cea\u8207\u5149\u6688 *\/\n\n    padding: 24px 0 64px;\n    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;\n  }\n  * { box-sizing: border-box; }\n  .sec { max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 32px); }\n  \/* \u2500\u2500 \u7d71\u4e00\u5340\u584a\u6a19\u984c\uff082026\/10\uff09\uff1a\u82f1\u6587\u5c0f\u5b57\uff0b\u4e2d\u6587\u6a19\u984c\uff0b\u5de6\u5074\u8272\u689d \u2500\u2500 *\/\n  .sec-head { position: relative; padding-left: 18px; margin: 0 0 26px; text-align: left; }\n  .sec-head::before {\n    content: \"\"; position: absolute; left: 0; top: 3px; bottom: 3px;\n    width: 5px; border-radius: 3px; background: var(--np-blue, #1a4a8a);\n  }\n  .sec-eyebrow {\n    display: block; font-size: 13px; font-weight: 700; letter-spacing: 2.5px;\n    color: var(--np-blue, #1a4a8a); line-height: 1.4; text-transform: uppercase;\n  }\n  .sec-title {\n    margin: 2px 0 0; font-size: clamp(22px, 2.2vw, 26px); font-weight: 800;\n    color: var(--np-blue-dark, #0d2a5e); line-height: 1.35; letter-spacing: 1px;\n  }\n  @media (max-width: 600px) {\n    .sec-head { margin-bottom: 20px; padding-left: 14px; }\n    .sec-head::before { width: 4px; }\n    .sec-eyebrow { font-size: 12px; letter-spacing: 2px; }\n  }\n\n  .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\n\n  .ql-card {\n    display: flex; align-items: center; gap: 16px;\n    padding: 18px; border-radius: 18px;\n    text-decoration: none; color: inherit;\n    background-color: var(--np-bg, #F7F9FC);\n    background-image: var(--np-noise, none);\n    box-shadow: var(--np-lv2, 5px 5px 12px rgba(118,138,170,.3), -5px -5px 12px #fff);\n    transition: box-shadow .25s ease, transform .25s ease;\n  }\n  .ql-card:hover { box-shadow: var(--np-lv3, 9px 9px 20px rgba(118,138,170,.3), -9px -9px 20px #fff); transform: translateY(-3px); }\n  .ql-card:active { box-shadow: var(--np-pressed, inset 6px 6px 12px rgba(108,128,160,.42), inset -6px -6px 12px #fff); transform: none; }\n  .ql-card:focus-visible { outline: 3px solid rgba(26,74,138,.45); outline-offset: 4px; }\n\n  .ql-icon {\n    flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px;\n    display: grid; place-items: center;\n    background: var(--np-tint, #E3ECF8); color: var(--np-blue, #1a4a8a);\n    transition: background .25s, color .25s;\n  }\n  .ql-icon svg { width: 26px; height: 26px; }\n  .ql-card:hover .ql-icon { background: var(--np-blue, #1a4a8a); color: #fff; }\n\n  .ql-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }\n  .ql-name { font-size: clamp(16px, 1.4vw, 17px); font-weight: 800; color: var(--np-blue-dark, #0d2a5e); line-height: 1.4; }\n  .ql-desc { font-size: 14px; color: var(--np-sub, #5a6878); line-height: 1.4; }\n\n  @media (max-width: 900px) { .grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } }\n  @media (max-width: 480px) { .grid { grid-template-columns: 1fr; } }\n  @media (prefers-reduced-motion: reduce) { .ql-card, .ql-icon { transition: none; } }\n<\/style>\n<section class=\"sec\">\n  <header class=\"sec-head\"><span class=\"sec-eyebrow\">Quick Links<\/span><h2 class=\"sec-title\">\u5e38\u7528\u9023\u7d50<\/h2><\/header>\n  <div class=\"grid\">${cards}<\/div>\n<\/section>`;\n})();\n<\/script>\n\n\n\n<style>\n\/* \u78ba\u4fdd\u804a\u5929\u6a5f\u5668\u4eba\u8996\u7a97\u5728\u6700\u9802\u5c64 *\/\n.chat-box.right {\n    z-index: 9999 !important;\n}\n<\/style>\n<script>     \/\/ \u70ba\u8ff4\u907f CDN \u5feb\u53d6\uff0c\u63a1\u7528\u52d5\u614b\u8f09\u5165\u7684\u65b9\u5f0f     \nfunction loadScript(url, callback) {         var scriptTag = document.createElement('script');         \nscriptTag.src = url + '?_=' + new Date().getTime();         \nscriptTag.onload = function () {             \n    if (callback) {                 callback();             }         };        \n     document.head.appendChild(scriptTag);     }     \n     loadScript('https:\/\/cai.ipcnet.tku.edu.tw\/webchat\/caiwebchat-config.js', \n     function () {         loadScript('https:\/\/cai.ipcnet.tku.edu.tw\/webchat\/caiwebchat-loader.js');     });     \n     \/\/ \u9801\u9762\u525b\u8f09\u5165\u6642 `CaiWebChat.init` \u4ecd\u6703\u662f `undefined`\uff0c     \n     \/\/ \u6545\u6b64\u8655\u63a1\u7528\u5ba3\u544a\u6307\u5b9a handler \u7684\u65b9\u5f0f\uff0c\u65bc\u8f09\u5165\u5b8c\u7562\u5f8c\u81ea\u52d5\u547c\u53eb     \n     window.onCaiWebChatLoaded = function () {         \n        CaiWebChat.init({ botId: '002' });     \n}; \n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6700\u65b0\u516c\u544a \ud83c\udf89&nbsp;\u8cc0&nbsp;\u5b8c\u6210\u8de8\u9818\u57df\u5b78\u7fd2\u4e26\u7b26\u5408\u734e\u52f5\u8cc7\u683c\u7684\u540c\u5b78\uff1a \u25c6 \u8cc7\u5716\u7cfb\uff0d\u738b\uff2f\u5b89 \u00b7 \u5fb7\u6587\u7cfb\uff0d\u6c5f\uff2f\u84c9 \u00b7 \u5fb7\u6587\u7cfb\uff0d\u674e\uff2f\u7433 \u00b7 \u5fb7\u6587\u7cfb\uff0d\u6e38\uff2f\u8431 \u00b7 \u5fb7\u6587\u7cfb\uff0d\u9ec3\uff2f\u798e \u00b7 \u8cc7\u50b3\u7cfb\uff0d\u694a\uff2f\u59ae \u00b7 \u7d71\u8a08\u7cfb\uff0d\u8a79\uff2f\u73fa \u00b7 \u8cc7\u50b3\u7cfb\uff0d\u5ed6\uff2f\u7693 \u00b7 \u5fb7\u6587\u7cfb\uff0d\u912d\uff2f\u851a \u00b7 \u8ca1\u91d1\u82f1\u7cfb\uff0d\u674e\uff2f\u81fb \u00b7 \u7d93\u6fdf\u7cfb\uff0d\u738b\uff2f\u9716 \u00b7 \u897f\u8a9e\u7cfb\uff0d\u5289\uff2f\u5448 \u00b7 \u904b\u7ba1\u7cfb\uff0d\u5442\uff2f\u5bb8 \u00b7 \u7d71\u8a08\u7cfb\uff0d\u5442\uff2f\u51fd \u00b7 \u904b\u7ba1\u7cfb\uff0d\u674e\uff2f\u6069 \u00b7 \u6b77\u53f2\u7cfb\uff0d\u5442\uff2f\u6148 \u00b7 \u82f1\u6587\uff08\u5168\u82f1\uff09\uff0d\u9673\uff2f\u73cd \u00b7 \u82f1\u6587\uff08\u5168\u82f1\uff09\uff0d\u8b1d\uff2f\u878d \u00b7 \uff21\uff29\u7cfb\uff0d\u5289\uff2f\u614e \u00b7 \u6703\u8a08\u7cfb\uff0d\u5ed6\uff2f\u7fa4 \u00b7 \u98a8\u4fdd\u7cfb\uff0d\u912d\uff2f\u4e88 \u25c6 \u606d\u559c\u4ee5\u4e0a\u540c\u5b78\uff01\ud83c\udf1f<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"\/interacad\/index.php?rest_route=\/wp\/v2\/pages\/87"}],"collection":[{"href":"\/interacad\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"\/interacad\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/interacad\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"\/interacad\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=87"}],"version-history":[{"count":470,"href":"\/interacad\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":8266,"href":"\/interacad\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/8266"}],"wp:attachment":[{"href":"\/interacad\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}