{"id":5634,"date":"2025-08-28T06:50:00","date_gmt":"2025-08-28T06:50:00","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5634"},"modified":"2025-09-15T03:56:36","modified_gmt":"2025-09-15T03:56:36","slug":"114%e5%ad%b8%e5%b9%b4%e5%ba%a6%e7%ac%ac1%e5%ad%b8%e6%9c%9f%e5%ad%b8%e7%94%9f%e7%a4%be%e5%9c%98%e5%a4%a7%e5%9e%8b%e6%b4%bb%e5%8b%95%e5%a0%b4%e5%9c%b0%e7%94%b3%e8%ab%8b-9-8%e4%b8%80","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=114%e5%ad%b8%e5%b9%b4%e5%ba%a6%e7%ac%ac1%e5%ad%b8%e6%9c%9f%e5%ad%b8%e7%94%9f%e7%a4%be%e5%9c%98%e5%a4%a7%e5%9e%8b%e6%b4%bb%e5%8b%95%e5%a0%b4%e5%9c%b0%e7%94%b3%e8%ab%8b-9-8%e4%b8%80","title":{"rendered":"114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f\u5b78\u751f\u793e\u5718\u5927\u578b\u6d3b\u52d5\u5834\u5730\u7533\u8acb (~9\/8\u4e00)"},"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\">114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f\u5b78\u751f\u793e\u5718\u5927\u578b\u6d3b\u52d5\u5834\u5730\u7533\u8acb (~9\/8\u4e00)<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n<style>\n        .main-card {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .main-card::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            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { left: -100%; }\n            100% { left: 100%; }\n        }\n        \n        .title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #2c3e50;\n            margin-bottom: 20px;\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .title::after {\n            content: '';\n            display: block;\n            width: 100px;\n            height: 4px;\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            margin: 15px auto;\n            border-radius: 2px;\n        }\n        \n        .content-section {\n            position: relative;\n            z-index: 1;\n        }\n        \n        .info-text {\n            font-size: 1.2em;\n            color: #34495e;\n            margin-bottom: 40px;\n            text-align: center;\n            line-height: 2;\n        }\n        \n        .timeline-section {\n            background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n            border-radius: 15px;\n            padding: 30px;\n            margin: 30px 0;\n            border-left: 5px solid #667eea;\n        }\n        \n        .timeline-title {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #2c3e50;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .timeline-icon {\n            background: #667eea;\n            color: white;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9em;\n        }\n        \n        .timeline-item {\n            display: flex;\n            align-items: center;\n            margin: 15px 0;\n            padding: 15px;\n            background: white;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease;\n        }\n        \n        .timeline-item:hover {\n            transform: translateX(5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n        }\n        \n        .timeline-date {\n            background: linear-gradient(135deg, #ff6b6b, #ee5a5a);\n            color: white;\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-weight: bold;\n            font-size: 0.9em;\n            min-width: 120px;\n            text-align: center;\n            margin-right: 20px;\n        }\n        \n        .timeline-desc {\n            flex: 1;\n            color: #2c3e50;\n            font-weight: 500;\n        }\n        \n        .important-notice {\n            background: linear-gradient(135deg, #ffecd2, #fcb69f);\n            border-radius: 15px;\n            padding: 25px;\n            margin: 30px 0;\n            border-left: 5px solid #ff6b6b;\n            position: relative;\n        }\n        \n        .notice-title {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #c0392b;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .notice-icon {\n            font-size: 1.5em;\n        }\n        \n        .notice-text {\n            color: #8b4513;\n            font-size: 1.1em;\n            line-height: 1.8;\n        }\n        \n        .cta-section {\n            text-align: center;\n            margin: 40px 0;\n        }\n        \n        .apply-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            text-decoration: none;\n            padding: 18px 40px;\n            border-radius: 50px;\n            font-size: 1.3em;\n            font-weight: bold;\n            box-shadow: 0 15px 30px rgba(102, 126, 234, 0.4);\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .apply-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.3), transparent);\n            transition: left 0.5s;\n        }\n        \n        .apply-button:hover::before {\n            left: 100%;\n        }\n        \n        .apply-button:hover {\n            transform: translateY(-3px) scale(1.02);\n            box-shadow: 0 20px 40px rgba(102, 126, 234, 0.6);\n        }\n        \n        .button-icon {\n            font-size: 1.1em;\n            animation: pulse 2s infinite;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.1); }\n        }\n        \n        .decoration-elements {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 1;\n        }\n        \n        .floating-icon {\n            position: absolute;\n            font-size: 2em;\n            opacity: 0.1;\n            animation: float 15s linear infinite;\n            color: white;\n        }\n        \n        @keyframes float {\n            0% { transform: translateY(100vh) rotate(0deg); }\n            100% { transform: translateY(-100px) rotate(360deg); }\n        }\n        \n        .icon1 { left: 5%; animation-duration: 12s; animation-delay: -2s; }\n        .icon2 { left: 15%; animation-duration: 18s; animation-delay: -8s; }\n        .icon3 { left: 25%; animation-duration: 15s; animation-delay: -5s; }\n        .icon4 { left: 35%; animation-duration: 20s; animation-delay: -12s; }\n        .icon5 { left: 50%; animation-duration: 14s; animation-delay: -3s; }\n        .icon6 { left: 65%; animation-duration: 17s; animation-delay: -9s; }\n        .icon7 { left: 75%; animation-duration: 16s; animation-delay: -6s; }\n        .icon8 { left: 85%; animation-duration: 19s; animation-delay: -11s; }\n        .icon9 { left: 95%; animation-duration: 13s; animation-delay: -4s; }\n        \n        .countdown {\n            background: linear-gradient(135deg, #ff9a9e, #fecfef);\n            color: #2c3e50;\n            padding: 20px;\n            border-radius: 15px;\n            margin: 20px 0;\n            text-align: center;\n            font-weight: bold;\n            font-size: 1.1em;\n            box-shadow: 0 10px 25px rgba(255, 154, 158, 0.3);\n        }\n        \n        @media (max-width: 768px) {\n            .title {\n                font-size: 1.8em;\n            }\n            \n            .main-card {\n                padding: 25px;\n                margin: 15px;\n            }\n            \n            .info-text {\n                font-size: 1.1em;\n            }\n            \n            .timeline-section, .important-notice {\n                padding: 20px;\n            }\n            \n            .timeline-item {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .timeline-date {\n                margin-right: 0;\n                margin-bottom: 10px;\n                min-width: auto;\n            }\n            \n            .apply-button {\n                font-size: 1.2em;\n                padding: 16px 35px;\n            }\n        }\n        \n        .fade-in {\n            animation: fadeInUp 1s ease-out;\n        }\n        \n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\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\n            <div class=\"main-card fade-in\">\n                <div class=\"content-section\">\n                    <div class=\"info-text\">\n                        \u8acb\u586b\u5beb\u4ee5\u4e0b\u8868\u55ae\uff0c\u7533\u8acb114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f\u6d3b\u52d5\u5834\u5730\u3002\u672c\u8868\u55ae\u5c07\u65bc2025\u5e749\u67088\u65e510:00\u622a\u6b62\u3002\u622a\u6b62\u5f8c\u5c07\u65bc9\u670810\u65e5\u8ab2\u5916\u6d3b\u52d5\u7d44\u7db2\u9801\u516c\u544a\u6700\u7d42\u7d50\u679c\u3002\u516c\u544a\u5f8c\u4ecd\u7121\u4eba\u501f\u7528\u7684\u5834\u5730\u8207\u6642\u6bb5\uff0c\u53ef\u96a8\u6642\u518d\u63d0\u51fa\u7533\u8acb\u9810\u7d04\u501f\u7528\u3002\n                    <\/div>\n                    \n                    <div class=\"countdown\">\n                        \u23f0 \u7533\u8acb\u622a\u6b62\u6642\u9593\uff1a2025\u5e749\u67088\u65e5 \u4e0a\u534810:00\n                    <\/div>\n                    \n                    <div class=\"timeline-section\">\n                        <div class=\"timeline-title\">\n                            <div class=\"timeline-icon\">\ud83d\udccb<\/div>\n                            \u7533\u8acb\u6d41\u7a0b\u6642\u7a0b\n                        <\/div>\n                        \n                        <div class=\"timeline-item\">\n                            <div class=\"timeline-date\">\u5373\u65e5\u8d77<\/div>\n                            <div class=\"timeline-desc\">\u958b\u59cb\u63a5\u53d7114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f\u6d3b\u52d5\u5834\u5730\u7533\u8acb<\/div>\n                        <\/div>\n                        \n                        <div class=\"timeline-item\">\n                            <div class=\"timeline-date\">9\/8 10:00<\/div>\n                            <div class=\"timeline-desc\">\u7533\u8acb\u8868\u55ae\u622a\u6b62\u6536\u4ef6<\/div>\n                        <\/div>\n                        \n                        <div class=\"timeline-item\">\n                            <div class=\"timeline-date\">9\/10<\/div>\n                            <div class=\"timeline-desc\">\u8ab2\u5916\u6d3b\u52d5\u7d44\u7db2\u9801\u516c\u544a\u6700\u7d42\u5be9\u6838\u7d50\u679c<\/div>\n                        <\/div>\n                        \n                        <div class=\"timeline-item\">\n                            <div class=\"timeline-date\">\u516c\u544a\u5f8c<\/div>\n                            <div class=\"timeline-desc\">\u5269\u4f59\u5834\u5730\u8207\u6642\u6bb5\u958b\u653e\u96a8\u6642\u7533\u8acb\u9810\u7d04\u501f\u7528<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"important-notice\">\n                        <div class=\"notice-title\">\n                            <span class=\"notice-icon\">\ud83d\udca1<\/span>\n                            \u91cd\u8981\u63d0\u9192\n                        <\/div>\n                        <div class=\"notice-text\">\n                            \u516c\u544a\u5f8c\u4ecd\u7121\u4eba\u501f\u7528\u7684\u5834\u5730\u8207\u6642\u6bb5\uff0c\u53ef\u96a8\u6642\u518d\u63d0\u51fa\u7533\u8acb\u9810\u7d04\u501f\u7528\u3002\u8acb\u5bc6\u5207\u95dc\u6ce8\u8ab2\u5916\u6d3b\u52d5\u7d44\u7db2\u9801\u6700\u65b0\u516c\u544a\u8cc7\u8a0a\u3002\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"cta-section\">\n                        <a href=\"https:\/\/forms.gle\/Z8g7CuyxwJGavDr9A\" target=\"_blank\" class=\"apply-button White Icon\" rel=\"noopener\">\n                            <span class=\"button-icon\">\ud83d\udcdd<\/span>\n                            \u7acb\u5373\u586b\u5beb\u7533\u8acb\u8868\u55ae\n                            <span class=\"button-icon\">\ud83d\ude80<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n    <\/div>\n    \n    <script>\n        \/\/ \u9801\u9762\u8f09\u5165\u52d5\u756b\n        document.addEventListener('DOMContentLoaded', function() {\n            const elements = document.querySelectorAll('.timeline-item, .important-notice, .cta-section');\n            \n            elements.forEach((el, index) => {\n                el.style.opacity = '0';\n                el.style.transform = 'translateY(30px)';\n                el.style.transition = 'all 0.6s ease';\n                \n                setTimeout(() => {\n                    el.style.opacity = '1';\n                    el.style.transform = 'translateY(0)';\n                }, (index + 1) * 200);\n            });\n        });\n        \n        \/\/ \u5012\u6578\u8a08\u6642\u529f\u80fd\n        function updateCountdown() {\n            const deadline = new Date('2025-09-08T10:00:00');\n            const now = new Date();\n            const timeDiff = deadline - now;\n            \n            if (timeDiff > 0) {\n                const days = Math.floor(timeDiff \/ (1000 * 60 * 60 * 24));\n                const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n                const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) \/ (1000 * 60));\n                \n                const countdownElement = document.querySelector('.countdown');\n                if (days > 0) {\n                    countdownElement.innerHTML = `\u23f0 \u8ddd\u96e2\u7533\u8acb\u622a\u6b62\u9084\u6709\uff1a${days}\u5929 ${hours}\u5c0f\u6642 ${minutes}\u5206\u9418`;\n                } else if (hours > 0) {\n                    countdownElement.innerHTML = `\u23f0 \u8ddd\u96e2\u7533\u8acb\u622a\u6b62\u9084\u6709\uff1a${hours}\u5c0f\u6642 ${minutes}\u5206\u9418`;\n                } else if (minutes > 0) {\n                    countdownElement.innerHTML = `\u23f0 \u8ddd\u96e2\u7533\u8acb\u622a\u6b62\u9084\u6709\uff1a${minutes}\u5206\u9418`;\n                } else {\n                    countdownElement.innerHTML = `\u23f0 \u7533\u8acb\u622a\u6b62\u6642\u9593\uff1a2025\u5e749\u67088\u65e5 \u4e0a\u534810:00`;\n                }\n            } else {\n                document.querySelector('.countdown').innerHTML = `\u23f0 \u7533\u8acb\u622a\u6b62\u6642\u9593\uff1a2025\u5e749\u67088\u65e5 \u4e0a\u534810:00`;\n            }\n        }\n        \n        \/\/ \u6bcf\u5206\u9418\u66f4\u65b0\u4e00\u6b21\u5012\u6578\u8a08\u6642\n        updateCountdown();\n        setInterval(updateCountdown, 60000);\n        \n        \/\/ \u6309\u9215\u9ede\u64ca\u7279\u6548\n        document.querySelector('.apply-button').addEventListener('click', function(e) {\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.6)';\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        \/\/ \u6dfb\u52a0\u6f23\u6f2a\u52d5\u756b\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes ripple {\n                to {\n                    transform: scale(2);\n                    opacity: 0;\n                }\n            }\n        `;\n        document.head.appendChild(style);\n    <\/script>\n<\/body>\n<\/html>\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-asbx","meta":[],"categories":[37],"tags":[],"acf":[],"_links":{"self":[{"href":"\/spirit\/index.php?rest_route=\/wp\/v2\/tkuisotope\/5634"}],"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=5634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5634"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}