{"id":7343,"date":"2026-04-22T03:39:12","date_gmt":"2026-04-22T03:39:12","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=7343"},"modified":"2026-04-22T03:39:19","modified_gmt":"2026-04-22T03:39:19","slug":"%e3%80%90%e5%85%ac%e5%91%8a%e3%80%91%e5%9b%9b%e5%a4%a7%e8%b6%85%e5%95%86%e5%b9%bd%e9%9d%88%e5%8c%85%e8%a3%b9%e9%80%80%e8%b2%a8%e7%94%b3%e8%a8%b4%e6%a9%9f%e5%88%b6","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=%e3%80%90%e5%85%ac%e5%91%8a%e3%80%91%e5%9b%9b%e5%a4%a7%e8%b6%85%e5%95%86%e5%b9%bd%e9%9d%88%e5%8c%85%e8%a3%b9%e9%80%80%e8%b2%a8%e7%94%b3%e8%a8%b4%e6%a9%9f%e5%88%b6","title":{"rendered":"\u3010\u516c\u544a\u3011\u56db\u5927\u8d85\u5546\u5e7d\u9748\u5305\u88f9\u9000\u8ca8\u7533\u8a34\u6a5f\u5236"},"content":{"rendered":"\n<div class=\"wp-block-tkuwpbs5-bs5-heading\"><style>\n        #m49ax6n2gf0peg9aq3q .tku-fkwx-section-title-1st-bar {\n            background: undefined;\n           }\n\n        #m49ax6n2gf0peg9aq3q .tku-fkwx-section-title-2nd-bar {\n            background: undefined;\n           }\n        <\/style><div id=\"dv_title\"><div id=\"m49ax6n2gf0peg9aq3q\"><div style=\"visibility:visible;animation-delay:0.1s;animation-name:fadeInUp;text-align:center\"><h2 class=\"mb-2 fw-bold\">\u3010\u516c\u544a\u3011\u56db\u5927\u8d85\u5546\u5e7d\u9748\u5305\u88f9\u9000\u8ca8\u7533\u8a34\u6a5f\u5236<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@600;700;900&#038;family=Noto+Sans+TC:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --teal:      #0e7c7b;\n    --teal-dark: #095c5b;\n    --teal-pale: #e6f4f4;\n    --amber:     #e07b00;\n    --amber-pale:#fff4e0;\n    --slate:     #1c2b35;\n    --mist:      #f4f8f8;\n    --white:     #ffffff;\n    --line:      #cde4e4;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  article {\n    font-family: 'Noto Sans TC', sans-serif;\n    background: var(--mist);\n    color: var(--slate);\n    min-height: 100vh;\n    position: relative;\n    overflow-x: hidden;\n  }\n\n  \/* subtle diagonal stripes background *\/\n  article::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image: repeating-linear-gradient(\n      135deg,\n      transparent 0px,\n      transparent 28px,\n      rgba(14,124,123,0.04) 28px,\n      rgba(14,124,123,0.04) 29px\n    );\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .page {\n    max-width: 820px;\n    margin: 0 auto;\n    padding: 3.5rem 2rem 5rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  .header {\n    margin-bottom: 2.8rem;\n    animation: fadeDown 0.75s ease both;\n  }\n\n  .header-top {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    margin-bottom: 1.2rem;\n  }\n\n  .header-icon {\n    font-size: 2.8rem;\n    line-height: 1;\n    animation: bob 3s ease-in-out infinite;\n  }\n\n  .header-kicker {\n    display: inline-block;\n    font-size: 1.1rem;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    color: var(--white);\n    background: var(--teal);\n    padding: 0.3rem 1.2rem;\n    border-radius: 3px;\n    margin-bottom: 0.6rem;\n  }\n\n  .header-title {\n    font-family: 'Noto Serif TC', serif;\n    font-size: clamp(1.55rem, 4vw, 2.3rem);\n    font-weight: 900;\n    line-height: 1.45;\n    color: var(--slate);\n    letter-spacing: 0.04em;\n  }\n\n  .header-title em {\n    font-style: normal;\n    color: var(--teal);\n  }\n\n  .header-rule {\n    margin-top: 1.5rem;\n    height: 3px;\n    background: linear-gradient(90deg, var(--teal) 0%, var(--amber) 50%, transparent 100%);\n    border-radius: 2px;\n  }\n\n  \/* \u2500\u2500 INTRO \u2500\u2500 *\/\n  .intro {\n    background: var(--white);\n    border-radius: 10px;\n    padding: 1.7rem 2rem;\n    margin-bottom: 2.8rem;\n    box-shadow: 0 2px 18px rgba(14,124,123,0.1);\n    font-size: 1.15rem;\n    line-height: 2;\n    color: #2a3a3a;\n    position: relative;\n    overflow: hidden;\n    animation: fadeIn 0.8s ease 0.2s both;\n  }\n\n  .intro::before {\n    content: '';\n    position: absolute;\n    left: 0; top: 0; bottom: 0;\n    width: 5px;\n    background: linear-gradient(180deg, var(--teal), var(--amber));\n    border-radius: 10px 0 0 10px;\n  }\n\n  .intro-label {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--teal);\n    letter-spacing: 0.1em;\n    margin-bottom: 0.6rem;\n    font-family: 'Noto Serif TC', serif;\n  }\n\n  \/* \u2500\u2500 STEPS SECTION \u2500\u2500 *\/\n  .steps-heading {\n    display: flex;\n    align-items: center;\n    gap: 0.8rem;\n    font-family: 'Noto Serif TC', serif;\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: var(--slate);\n    margin-bottom: 1.5rem;\n    animation: fadeUp 0.7s ease 0.35s both;\n  }\n\n  .steps-heading .emoji { font-size: 1.6rem; }\n\n  .steps-heading::after {\n    content: '';\n    flex: 1;\n    height: 2px;\n    background: linear-gradient(90deg, var(--line), transparent);\n    margin-left: 0.5rem;\n  }\n\n  .steps {\n    display: grid;\n    gap: 1.3rem;\n    margin-bottom: 3rem;\n  }\n\n  .step-card {\n    display: flex;\n    align-items: stretch;\n    background: var(--white);\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 3px 20px rgba(14,124,123,0.08);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n    animation: fadeUp 0.7s ease both;\n  }\n\n  .step-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 32px rgba(14,124,123,0.16);\n  }\n\n  .step-card:nth-child(1) { animation-delay: 0.4s; }\n  .step-card:nth-child(2) { animation-delay: 0.52s; }\n  .step-card:nth-child(3) { animation-delay: 0.64s; }\n\n  .step-aside {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 0.4rem;\n    min-width: 96px;\n    padding: 1.4rem 1rem;\n    background: linear-gradient(160deg, var(--teal-dark), var(--teal));\n    color: var(--white);\n  }\n\n  .step-emoji { font-size: 2rem; line-height: 1; }\n\n  .step-num {\n    font-family: 'Noto Serif TC', serif;\n    font-size: 1.1rem;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    opacity: 0.88;\n  }\n\n  .step-body {\n    padding: 1.4rem 1.6rem;\n    flex: 1;\n  }\n\n  .step-title {\n    font-family: 'Noto Serif TC', serif;\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: var(--teal-dark);\n    margin-bottom: 0.5rem;\n    letter-spacing: 0.06em;\n  }\n\n  .step-desc {\n    font-size: 1.12rem;\n    line-height: 1.9;\n    color: #354040;\n  }\n\n  \/* highlight inside desc *\/\n  .step-desc mark {\n    background: var(--amber-pale);\n    color: var(--amber);\n    font-weight: 700;\n    padding: 0 0.25em;\n    border-radius: 3px;\n  }\n\n  \/* \u2500\u2500 POSTER \u2500\u2500 *\/\n  .poster-section {\n    margin-bottom: 3rem;\n    animation: fadeUp 0.75s ease 0.75s both;\n  }\n\n  .poster-label {\n    display: flex;\n    align-items: center;\n    gap: 0.7rem;\n    font-family: 'Noto Serif TC', serif;\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #4a6060;\n    letter-spacing: 0.08em;\n    margin-bottom: 1rem;\n  }\n\n  .poster-label::before {\n    content: '';\n    width: 4px;\n    height: 1.3rem;\n    background: var(--teal);\n    border-radius: 2px;\n  }\n\n  .poster-wrap {\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 6px 36px rgba(14,124,123,0.18);\n    border: 3px solid var(--white);\n    outline: 2px solid var(--line);\n  }\n\n  .poster-wrap img {\n    width: 100%;\n    display: block;\n    transition: transform 0.5s ease;\n  }\n\n  .poster-wrap:hover img { transform: scale(1.015); }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  .footer {\n    text-align: center;\n    border-top: 2px solid var(--line);\n    padding-top: 2rem;\n    animation: fadeIn 1s ease 0.9s both;\n  }\n\n  .footer-unit {\n    font-size: 1.1rem;\n    color: #5a7070;\n    letter-spacing: 0.1em;\n    margin-bottom: 0.4rem;\n  }\n\n  .footer-slogan {\n    font-family: 'Noto Serif TC', serif;\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: var(--teal-dark);\n    letter-spacing: 0.14em;\n  }\n\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n  @keyframes fadeDown {\n    from { opacity: 0; transform: translateY(-20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n  @keyframes bob {\n    0%, 100% { transform: translateY(0); }\n    50%       { transform: translateY(-6px); }\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 580px) {\n    .page { padding: 2rem 1.1rem 4rem; }\n    .step-aside { min-width: 76px; padding: 1rem 0.7rem; }\n    .step-body  { padding: 1.1rem 1.1rem; }\n    .intro      { padding: 1.3rem 1.3rem; }\n    .header-top { flex-direction: column; align-items: flex-start; }\n  }\n<\/style>\n\n<div id=\"Claude\" class=\"container\"><link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/oosa.tku.edu.tw\/www\/article\/claude\/claude.css\" \/>\n<script>\/\/$(function(){ setDotId(2); });\t\/\/A1, A2<\/script>\n\n<div class=\"page\">\n\n  <!-- Header -->\n  <header class=\"header\">\n    <div class=\"header-top\">\n      <div class=\"header-icon\">\ud83d\udce6<\/div>\n      <div>\n        <div class=\"header-kicker\">\u516c \u544a<\/div>\n        <h1 class=\"header-title\">\u56db\u5927\u8d85\u5546<em>\u5e7d\u9748\u5305\u88f9<\/em><br>\u9000\u8ca8\u7533\u8a34\u6a5f\u5236<\/h1>\n      <\/div>\n    <\/div>\n    <div class=\"header-rule\"><\/div>\n  <\/header>\n\n  <!-- Intro -->\n  <div class=\"intro\">\n    <div class=\"intro-label\">\u258c \u8aaa\u660e<\/div>\n    \u8fd1\u671f\u300c\u5e7d\u9748\u5305\u88f9\u300d\u8a50\u9a19\u6848\u4ef6\u983b\u50b3\uff08\u6c11\u773e\u9818\u53d6\u672a\u8a02\u8cfc\u4e4b\u8ca8\u5230\u4ed8\u6b3e\u5305\u88f9\uff09\uff0c\u70ba\u4fdd\u969c\u500b\u4eba\u8ca1\u7522\uff0c\u8acb\u591a\u5229\u7528\u56db\u5927\u8d85\u5546\u5efa\u7acb\u4e4b\u722d\u8b70\u5305\u88f9\u8655\u7406\u6a5f\u5236\u7533\u8acb\u9000\u8ca8\u9000\u6b3e\u3002\n  <\/div>\n\n  <!-- Steps -->\n  <div class=\"steps-heading\">\n    <span class=\"emoji\">\ud83d\udccb<\/span>\u8655\u7406\u4e09\u6b65\u9a5f\n  <\/div>\n\n  <div class=\"steps\">\n\n    <div class=\"step-card\">\n      <div class=\"step-aside\">\n        <div class=\"step-emoji\">\ud83d\udeab<\/div>\n        <div class=\"step-num\">\u6b65\u9a5f\u4e00<\/div>\n      <\/div>\n      <div class=\"step-body\">\n        <div class=\"step-title\">\u62d2\u9818<\/div>\n        <p class=\"step-desc\">\u6838\u5c0d\u8cfc\u7269\u7d00\u9304\uff0c\u4f86\u6e90\u4e0d\u660e\u5305\u88f9<mark>\u76f4\u63a5\u62d2\u7d55<\/mark>\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"step-card\">\n      <div class=\"step-aside\">\n        <div class=\"step-emoji\">\ud83e\uddfe<\/div>\n        <div class=\"step-num\">\u6b65\u9a5f\u4e8c<\/div>\n      <\/div>\n      <div class=\"step-body\">\n        <div class=\"step-title\">\u4fdd\u7559<\/div>\n        <p class=\"step-desc\">\u9818\u53d6\u5f8c\u767c\u73fe\u7570\u5e38\uff0c\u8acb\u52d9\u5fc5\u7559\u5b58<mark>\u6536\u64da\uff08\u767d\u55ae\uff09<\/mark>\u53ca<mark>\u539f\u59cb\u5916\u7bb1<\/mark>\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"step-card\">\n      <div class=\"step-aside\">\n        <div class=\"step-emoji\">\ud83d\udcdd<\/div>\n        <div class=\"step-num\">\u6b65\u9a5f\u4e09<\/div>\n      <\/div>\n      <div class=\"step-body\">\n        <div class=\"step-title\">\u7533\u8a34<\/div>\n        <p class=\"step-desc\">\u900f\u904e\u5404\u8d85\u5546<mark>\u5b98\u65b9\u7533\u8a34\u5e73\u53f0<\/mark>\uff0c\u555f\u52d5\u9000\u8ca8\u9000\u6b3e\u6d41\u7a0b\u3002<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Poster -->\n  <div class=\"poster-section\">\n    <div class=\"poster-label\">\u6d3b\u52d5\u6d77\u5831<\/div>\n    <div class=\"poster-wrap\">\n      <img decoding=\"async\" class=\"Poster\" src=\"https:\/\/sa.tku.edu.tw\/spirit\/uploads\/\/2026\/04\/\u5ee0\u5546\u53cd\u8a50.jpg\" alt=\"\u5ee0\u5546\u53cd\u8a50\u5ba3\u5c0e\u6d77\u5831\">\n    <\/div>\n  <\/div>\n\n  <!-- Footer -->\n  <footer class=\"footer\">\n    <p class=\"footer-unit\">\u5b78\u52d9\u8655\u751f\u8f14\u7d44 \u63d0\u9192\u60a8<\/p>\n    <p class=\"footer-slogan\">\u5b88\u8b77\u8ca1\u7522\u30fb\u8a8d\u660e\u5b98\u65b9\u30fb\u62d2\u7d55\u8a50\u9a19<\/p>\n  <\/footer>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-div  aos-item Style1\" style=\"animation-name:bounceIn;animation-duration:2s;animation-timing-function:ease-in-out\" data-aos=\"zoom-out-up\">\n<p><\/p>\n<\/div>\n","protected":false},"author":2,"template":"wp-custom-template-asgx","meta":[],"categories":[44],"tags":[],"acf":[],"_links":{"self":[{"href":"\/spirit\/index.php?rest_route=\/wp\/v2\/tkuisotope\/7343"}],"collection":[{"href":"\/spirit\/index.php?rest_route=\/wp\/v2\/tkuisotope"}],"about":[{"href":"\/spirit\/index.php?rest_route=\/wp\/v2\/types\/tkuisotope"}],"author":[{"embeddable":true,"href":"\/spirit\/index.php?rest_route=\/wp\/v2\/users\/2"}],"wp:attachment":[{"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7343"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}