{"id":5349,"date":"2025-07-31T01:14:31","date_gmt":"2025-07-31T01:14:31","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5349"},"modified":"2025-09-23T06:56:34","modified_gmt":"2025-09-23T06:56:34","slug":"114%e5%ad%b8%e5%b9%b4%e5%ba%a6%e6%96%b0%e7%94%9f%e6%b8%85%e5%af%92%e5%8a%a9%e5%ad%b8%e9%87%91%e7%94%b3%e8%ab%8b%e8%b3%87%e8%a8%8a-9-8%e4%b8%809-19%e4%ba%94","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=114%e5%ad%b8%e5%b9%b4%e5%ba%a6%e6%96%b0%e7%94%9f%e6%b8%85%e5%af%92%e5%8a%a9%e5%ad%b8%e9%87%91%e7%94%b3%e8%ab%8b%e8%b3%87%e8%a8%8a-9-8%e4%b8%809-19%e4%ba%94","title":{"rendered":"114\u5b78\u5e74\u5ea6\u65b0\u751f\u6e05\u5bd2\u52a9\u5b78\u91d1\u7533\u8acb\u8cc7\u8a0a (9\/8\u4e00~9\/19\u4e94)"},"content":{"rendered":"\n<div class=\"wp-block-tkuwpbs5-bs5-heading\"><style>\n        #m4gcfbujrdaj95a0hg8 .tku-fkwx-section-title-1st-bar {\n            background: undefined;\n           }\n\n        #m4gcfbujrdaj95a0hg8 .tku-fkwx-section-title-2nd-bar {\n            background: undefined;\n           }\n        <\/style><div id=\"dv_title\"><div id=\"m4gcfbujrdaj95a0hg8\"><div style=\"visibility:visible;animation-delay:0.1s;animation-name:fadeInUp;text-align:center\"><h2 class=\"mb-2 fw-bold\">114\u5b78\u5e74\u5ea6\u65b0\u751f\u6e05\u5bd2\u52a9\u5b78\u91d1\u7533\u8acb\u8cc7\u8a0a (9\/8\u4e00~9\/19\u4e94)<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n<!-- https:\/\/sa.tku.edu.tw\/spirit\/?p=5349&post_type=tkuisotope -->\n<div id=\"Claude\"><link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/oosa.tku.edu.tw\/www\/article\/claude\/claude.css\" \/>\n\t\n\t<style>\n        .background-pattern {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            background-image: \n                radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 2px, transparent 2px),\n                radial-gradient(circle at 80% 80%, rgba(255,255,255,0.08) 1px, transparent 1px);\n            background-size: 60px 60px, 40px 40px;\n            animation: drift 20s linear infinite;\n        }\n\n        @keyframes drift {\n            0% { transform: translateX(0) translateY(0); }\n            100% { transform: translateX(-60px) translateY(-60px); }\n        }\n\t\t\n        .content-grid {\n            display: grid;\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .info-card {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .info-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\n\n        .card-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n            padding-bottom: 15px;\n            border-bottom: 2px solid #ecf0f1;\n        }\n\n        .card-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            color: white;\n            margin-right: 15px;\n            flex-shrink: 0;\n        }\n\n        .qualification .card-icon { background: linear-gradient(45deg, #e74c3c, #c0392b); }\n        .timeline .card-icon { background: linear-gradient(45deg, #f39c12, #e67e22); }\n        .work-study .card-icon { background: linear-gradient(45deg, #9b59b6, #8e44ad); }\n        .application .card-icon { background: linear-gradient(45deg, #3498db, #2980b9); }\n        .website .card-icon { background: linear-gradient(45deg, #1abc9c, #16a085); }\n\n        .card-title {\n            font-size: 1.4em;\n            font-weight: 700;\n            color: #2c3e50;\n\n            margin: 0;\n        }\n\n        .card-content {\n            font-size: 1.05em;\n            line-height: 1.8;\n            color: #555;\n        }\n\n        .requirement-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .requirement-list li {\n            padding: 12px 0;\n            padding-left: 30px;\n            position: relative;\n            border-bottom: 1px solid #ecf0f1;\n        }\n\n        .requirement-list li:last-child {\n            border-bottom: none;\n        }\n\n        .requirement-list li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(45deg, #27ae60, #2ecc71);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 12px;\n            font-weight: bold;\n        }\n\n        .highlight-info {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            padding: 20px;\n            border-radius: 10px;\n            margin: 20px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .highlight-info::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);\n            background-size: 400% 400%;\n            animation: gradientShift 3s ease infinite;\n        }\n\n        @keyframes gradientShift {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        .amount-display {\n            font-size: 2em;\n            font-weight: 700;\n            text-align: center;\n            margin: 15px 0;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .link-button {\n            display: inline-block;\n            background: linear-gradient(45deg, #667eea, #764ba2);\n            color: white;\n            padding: 15px 30px;\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 600;\n            margin: 10px 0;\n            transition: all 0.3s ease;\n            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .link-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: left 0.5s;\n        }\n\n        .link-button:hover::before {\n            left: 100%;\n        }\n\n        .link-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n        }\n\n        .urgent-notice {\n            background: linear-gradient(45deg, #ff6b6b, #ee5a52);\n            color: white;\n            padding: 20px;\n            border-radius: 10px;\n            margin: 25px 0;\n            text-align: center;\n            font-weight: 600;\n            position: relative;\n            animation: urgentPulse 2s infinite;\n        }\n\n        @keyframes urgentPulse {\n            0% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7); }\n            70% { box-shadow: 0 0 0 10px rgba(255, 107, 107, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0); }\n        }\n\n        .footer {\n            text-align: center;\n            margin-top: 40px;\n            padding: 20px;\n            color: white;\n            font-size: 0.9em;\n            opacity: 0.8;\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 15px;\n            }\n            \n            .header-card {\n                padding: 25px;\n            }\n            \n            .main-title {\n                font-size: 2em;\n            }\n            \n            .info-card {\n                padding: 20px;\n            }\n\n            .card-header {\n                flex-direction: column;\n                text-align: center;\n            }\n\n            .card-icon {\n                margin-right: 0;\n                margin-bottom: 10px;\n            }\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .fade-in:nth-child(1) { animation-delay: 0.1s; }\n        .fade-in:nth-child(2) { animation-delay: 0.2s; }\n        .fade-in:nth-child(3) { animation-delay: 0.3s; }\n        .fade-in:nth-child(4) { animation-delay: 0.4s; }\n        .fade-in:nth-child(5) { animation-delay: 0.5s; }\n        .fade-in:nth-child(6) { animation-delay: 0.6s; }\n\t<\/style>\n\t\n    <div class=\"background-pattern\"><\/div>\n    \n    <div class=\"container\">\n\n        <div class=\"content-grid\">\n            <div class=\"info-card qualification fade-in\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83d\udc65<\/div>\n                    <h2 class=\"card-title\">\u7533\u8acb\u8cc7\u683c<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <ul class=\"requirement-list\">\n                        <li>\u672c\u6821114\u5b78\u5e74\u5ea6\u5165\u5b78\u4e4b\u5b78\u751f<\/li>\n                        <li>\u5bb6\u5ead\u5e74\u6240\u5f97\u65b0\u53f0\u5e63114\u842c\u5143\u4ee5\u4e0b\u3001\u5229\u606f\u6536\u51655\u842c\u5143\u4ee5\u4e0b\u3001\u4e0d\u52d5\u7522\u50f9\u503c\u5728650\u842c\u5143\u4ee5\u4e0b<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-card timeline fade-in\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83d\udcc5<\/div>\n                    <h2 class=\"card-title\">\u7533\u8acb\u6642\u9593<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"highlight-info\">\n                        <p style=\"text-align: center; font-size: 1.2em; margin-bottom: 10px;\">\n                            <strong>\ud83d\udcdd \u7533\u8acb\u671f\u9593<\/strong>\n                        <\/p>\n                        <p style=\"text-align: center; font-size: 1.4em; font-weight: 700;\">\n                            114\u5e749\u67088\u65e5(\u4e00) \u81f3 9\u670819\u65e5(\u4e94)\u6b62\n                        <\/p>\n                    <\/div>\n                    <div class=\"urgent-notice\">\n                        \u26a0\ufe0f \u903e\u671f\u4e0d\u53d7\u7406\uff0c\u8acb\u628a\u63e1\u7533\u8acb\u6642\u9593\uff01\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-card work-study fade-in\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83d\udcbc<\/div>\n                    <h2 class=\"card-title\">\u5de5\u8b80\u6642\u9593<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p><strong>\ud83d\udcc5 \u5de5\u8b80\u671f\u9593\uff1a<\/strong>114\u5e7410\u67081\u65e5 \u81f3 115\u5e747\u670831\u65e5\u524d<\/p>\n                    <p><strong>\u23f0 \u5de5\u8b80\u6642\u6578\uff1a<\/strong>\u9700\u5b8c\u6210390\u5c0f\u6642<\/p>\n                    <p><strong>\ud83d\udcb0 \u6642\u85aa\u6a19\u6e96\uff1a<\/strong>190\u5143\uff08\u4f9d\u52de\u52d5\u90e8\u516c\u544a\uff09<\/p>\n\n                <\/div>\n            <\/div>\n\n            <div class=\"info-card application fade-in\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83d\udda5\ufe0f<\/div>\n                    <h2 class=\"card-title\">\u7533\u8acb\u7cfb\u7d71<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p style=\"margin-bottom: 20px;\">\u8acb\u900f\u904e\u4ee5\u4e0b\u7cfb\u7d71\u5b8c\u6210\u7dda\u4e0a\u7533\u8acb\uff1a<\/p>\n                    <a href=\"https:\/\/stipend.sis.tku.edu.tw\/\" class=\"link-button\" target=\"_blank\" style=\"color:#FFF;\" rel=\"noopener\">\n                        \ud83d\udd17 \u524d\u5f80\u7533\u8acb\u7cfb\u7d71\n                    <\/a>\n                    <p style=\"margin-top: 15px; font-size: 0.9em; color: #7f8c8d;\">\n                        \u5efa\u8b70\u4f7f\u7528Chrome\u6216Edge\u700f\u89bd\u5668\u4ee5\u7372\u5f97\u6700\u4f73\u9ad4\u9a57\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-card website fade-in\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83c\udf10<\/div>\n                    <h2 class=\"card-title\">\u76f8\u95dc\u7db2\u9801<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p style=\"margin-bottom: 20px;\">\u66f4\u591a\u8a73\u7d30\u8cc7\u8a0a\u8acb\u53c3\u95b1\u5b98\u65b9\u7db2\u9801\uff1a<\/p>\n                    <a href=\"https:\/\/sa.tku.edu.tw\/spirit\/?p=4433\" class=\"link-button\" target=\"_self\" style=\"color:#FFF;\" rel=\"noopener\">\n                        \ud83d\udccb \u6e05\u5bd2\u52a9\u5b78\u91d1\u7db2\u9801\n                    <\/a>\n                    <p style=\"margin-top: 15px; font-size: 0.9em; color: #7f8c8d;\">\n                        \u5305\u542b\u7533\u8acb\u6d41\u7a0b\u3001\u5e38\u898b\u554f\u984c\u7b49\u5b8c\u6574\u8cc7\u8a0a\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer\" style=\"color:#333;\">\n            <p>\ud83d\udca1 \u5982\u6709\u7591\u554f\uff0c\u8acb\u6d3d\u8a62\u751f\u8f14\u7d44 | \u795d\u60a8\u7533\u8acb\u9806\u5229\uff01<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\t\n    <script>\n        \/\/ \u70ba\u6bcf\u500b\u5361\u7247\u6dfb\u52a0\u6ed1\u9f20\u8ddf\u96a8\u6548\u679c\n        document.querySelectorAll('.info-card').forEach(card => {\n            card.addEventListener('mousemove', function(e) {\n                const rect = this.getBoundingClientRect();\n                const x = e.clientX - rect.left;\n                const y = e.clientY - rect.top;\n                \n                const centerX = rect.width \/ 2;\n                const centerY = rect.height \/ 2;\n                \n                const rotateX = (y - centerY) \/ centerY * -3;\n                const rotateY = (x - centerX) \/ centerX * 3;\n                \n                this.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-5px)`;\n            });\n\n            card.addEventListener('mouseleave', function() {\n                this.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0px)';\n            });\n        });\n\n        \/\/ \u6efe\u52d5\u89f8\u767c\u52d5\u756b\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.animationPlayState = 'running';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ \u89c0\u5bdf\u6240\u6709fade-in\u5143\u7d20\n        document.querySelectorAll('.fade-in').forEach(el => {\n            el.style.animationPlayState = 'paused';\n            observer.observe(el);\n        });\n\n        \/\/ \u6dfb\u52a0\u9ede\u64ca\u6309\u9215\u7684\u7279\u6548\n        document.querySelectorAll('.link-button').forEach(button => {\n            button.addEventListener('click', function(e) {\n                \/\/ \u5275\u5efa\u6f23\u6f2a\u6548\u679c\n                const ripple = document.createElement('span');\n                const rect = this.getBoundingClientRect();\n                const size = Math.max(rect.width, rect.height);\n                const x = e.clientX - rect.left - size \/ 2;\n                const y = e.clientY - rect.top - size \/ 2;\n                \n                ripple.style.width = ripple.style.height = size + 'px';\n                ripple.style.left = x + 'px';\n                ripple.style.top = y + 'px';\n                ripple.style.position = 'absolute';\n                ripple.style.borderRadius = '50%';\n                ripple.style.background = 'rgba(255,255,255,0.5)';\n                ripple.style.transform = 'scale(0)';\n                ripple.style.animation = 'ripple 0.6s linear';\n                ripple.style.pointerEvents = 'none';\n                \n                this.appendChild(ripple);\n                \n                setTimeout(() => {\n                    ripple.remove();\n                }, 600);\n            });\n        });\n\n        \/\/ \u6dfb\u52a0\u6f23\u6f2a\u52d5\u756bCSS\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes ripple {\n                to {\n                    transform: scale(4);\n                    opacity: 0;\n                }\n            }\n        `;\n        document.head.appendChild(style);\n    <\/script>\n\n\n\n<p><\/p>\n\n\n<img decoding=\"async\" src=\"\/spirit\/uploads\/\/2025\/07\/114\u5b78\u5e74\u5ea6\u65b0\u751f\u6e05\u5bd2\u5b78\u52a9\u5b78\u91d1.jpg\" class=\"img-fluid img-fluid mx-auto d-block\" alt=\"\u4e0a\u50b3\u5716\u7247\">\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-div Style1\" data-aos=\"normal\">\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\/5349"}],"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=5349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5349"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}