{"id":5840,"date":"2025-09-16T03:52:28","date_gmt":"2025-09-16T03:52:28","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5840"},"modified":"2026-05-13T08:51:20","modified_gmt":"2026-05-13T08:51:20","slug":"%e3%80%90%e6%b7%a1%e6%b1%9f%e5%9c%8b%e9%9a%9b%e5%ad%b8%e5%9c%92%e3%80%91113%e5%ad%b8%e5%b9%b4%e5%ba%a6%e4%bf%9d%e8%ad%89%e9%87%91%e9%80%80%e8%b2%bb%e5%85%ac%e5%91%8a-9-24%e4%b8%89-%e4%b8%ad%e5%8d%88","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=%e3%80%90%e6%b7%a1%e6%b1%9f%e5%9c%8b%e9%9a%9b%e5%ad%b8%e5%9c%92%e3%80%91113%e5%ad%b8%e5%b9%b4%e5%ba%a6%e4%bf%9d%e8%ad%89%e9%87%91%e9%80%80%e8%b2%bb%e5%85%ac%e5%91%8a-9-24%e4%b8%89-%e4%b8%ad%e5%8d%88","title":{"rendered":"\u3010\u6de1\u6c5f\u570b\u969b\u5b78\u5712\u3011113\u5b78\u5e74\u5ea6\u4fdd\u8b49\u91d1\u9000\u8cbb\u516c\u544a (~9\/24\u4e09 \u4e2d\u534812\u6642)"},"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\u6de1\u6c5f\u570b\u969b\u5b78\u5712\u3011113\u5b78\u5e74\u5ea6\u4fdd\u8b49\u91d1\u9000\u8cbb\u516c\u544a (~9\/24\u4e09 \u4e2d\u534812\u6642)<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n<style>\n        .urgent-notice {\n            background: linear-gradient(135deg, #ff6b6b, #ee5a24);\n            color: white;\n            padding: 20px 30px;\n            border-radius: 20px;\n            margin: 30px 0;\n            text-align: center;\n            font-size: 1.3rem;\n            font-weight: 700;\n            box-shadow: 0 15px 30px rgba(238, 90, 36, 0.3);\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n        }\n\n        .content {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 25px;\n            margin-bottom: 30px;\n        }\n\n        .info-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\n            gap: 25px;\n        }\n\n        .info-card {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 25px;\n            padding: 40px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            border-radius: 25px 25px 0 0;\n        }\n\n        .info-card:nth-child(1)::before {\n            background: linear-gradient(135deg, #22c1c3, #fdbb2d);\n        }\n\n        .info-card:nth-child(2)::before {\n            background: linear-gradient(135deg, #4facfe, #00f2fe);\n        }\n\n        .info-card:nth-child(3)::before {\n            background: linear-gradient(135deg, #43e97b, #38f9d7);\n        }\n\n        .info-card:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 35px 70px rgba(0, 0, 0, 0.18);\n        }\n\n        .info-number {\n            width: 55px;\n            height: 55px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 25px;\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);\n        }\n\n        .info-card:nth-child(1) .info-number {\n            background: linear-gradient(135deg, #22c1c3, #fdbb2d);\n        }\n\n        .info-card:nth-child(2) .info-number {\n            background: linear-gradient(135deg, #4facfe, #00f2fe);\n        }\n\n        .info-card:nth-child(3) .info-number {\n            background: linear-gradient(135deg, #43e97b, #38f9d7);\n        }\n\n        .info-content h3 {\n            font-size: 1.6rem;\n            margin-bottom: 20px;\n            color: #2c3e50;\n            font-weight: 700;\n        }\n\n        .info-content p {\n            font-size: 1.2rem;\n            color: #555;\n            line-height: 1.8;\n        }\n\n        .refund-date {\n            background: linear-gradient(135deg, rgba(34, 193, 195, 0.1), rgba(253, 187, 45, 0.1));\n            border: 2px solid rgba(34, 193, 195, 0.3);\n            border-radius: 15px;\n            padding: 25px;\n            margin: 20px 0;\n            text-align: center;\n        }\n\n        .date-text {\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: #22c1c3;\n            margin-bottom: 15px;\n        }\n\n        .date-highlight {\n            background: linear-gradient(135deg, #22c1c3, #fdbb2d);\n            color: white;\n            padding: 12px 25px;\n            border-radius: 25px;\n            display: inline-block;\n            font-weight: 700;\n            font-size: 1.3rem;\n            box-shadow: 0 10px 20px rgba(34, 193, 195, 0.3);\n        }\n\n        .objection-deadline {\n            background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(238, 90, 36, 0.1));\n            border: 2px solid rgba(255, 107, 107, 0.3);\n            border-radius: 15px;\n            padding: 25px;\n            margin: 20px 0;\n            text-align: center;\n        }\n\n        .deadline-text {\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: #e74c3c;\n            margin-bottom: 15px;\n        }\n\n        .deadline-date {\n            background: linear-gradient(135deg, #ff6b6b, #ee5a24);\n            color: white;\n            padding: 12px 25px;\n            border-radius: 25px;\n            display: inline-block;\n            font-weight: 700;\n            font-size: 1.2rem;\n            box-shadow: 0 10px 20px rgba(238, 90, 36, 0.3);\n        }\n\n        .contact-info {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 25px;\n            padding: 40px;\n            text-align: center;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            margin-bottom: 25px;\n        }\n\n        .contact-info h3 {\n            font-size: 2rem;\n            margin-bottom: 25px;\n            color: #2c3e50;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        .contact-icon {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.4rem;\n        }\n\n        .contact-person {\n            background: linear-gradient(135deg, #f093fb, #f5576c);\n            color: white;\n            padding: 15px 30px;\n            border-radius: 50px;\n            font-size: 1.3rem;\n            font-weight: 700;\n            display: inline-block;\n            margin: 10px 15px;\n            box-shadow: 0 12px 24px rgba(245, 87, 108, 0.3);\n        }\n\n        .phone-number {\n            background: linear-gradient(135deg, #00d2ff, #3a7bd5);\n            color: white;\n            padding: 15px 30px;\n            border-radius: 50px;\n            font-size: 1.3rem;\n            font-weight: 700;\n            display: inline-block;\n            box-shadow: 0 12px 24px rgba(58, 123, 213, 0.3);\n            text-decoration: none;\n            transition: all 0.3s ease;\n            margin: 10px 15px;\n        }\n\n        .phone-number:hover {\n            transform: translateY(-3px) scale(1.05);\n            box-shadow: 0 16px 32px rgba(58, 123, 213, 0.4);\n        }\n\n        .download-section {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 25px;\n            padding: 40px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            text-align: center;\n        }\n\n        .download-section h3 {\n            font-size: 2rem;\n            margin-bottom: 30px;\n            color: #2c3e50;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        .download-item {\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n            border: 2px solid rgba(102, 126, 234, 0.2);\n            border-radius: 20px;\n            padding: 35px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .download-item::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.5), transparent);\n            transition: all 0.8s;\n        }\n\n        .download-item:hover::before {\n            left: 100%;\n        }\n\n        .download-item:hover {\n            transform: translateY(-5px) scale(1.03);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n            border-color: rgba(102, 126, 234, 0.4);\n        }\n\n        .download-link {\n            color: #667eea;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 1.3rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        .download-link:hover {\n            color: #764ba2;\n        }\n\n        .file-icon {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 2.2rem;\n            margin: 0 auto 25px;\n            box-shadow: 0 12px 24px rgba(102, 126, 234, 0.3);\n        }\n\n        .footer {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 25px;\n            padding: 35px;\n            text-align: center;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .footer p {\n            color: #7f8c8d;\n            font-size: 1.2rem;\n            line-height: 1.8;\n        }\n\n        @media (max-width: 768px) {\n            .info-container {\n                grid-template-columns: 1fr;\n            }\n\n            .header h1 {\n                font-size: 2.2rem;\n            }\n\n            .header {\n                padding: 35px 25px;\n            }\n\n            .info-card {\n                padding: 30px 25px;\n            }\n\n            .contact-person, .phone-number {\n                display: block;\n                margin: 15px 0;\n            }\n        }\n\n        .fade-in {\n            animation: fadeIn 1.2s ease-out;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(40px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .floating-animation {\n            animation: floating 4s ease-in-out infinite;\n        }\n\n        @keyframes floating {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-12px); }\n        }\n    <\/style>\n\n\t<script>$(function(){ setDotId(2); });\t\/\/A1, A2<\/script>\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        <div id=\"A1\" title=\"\u9000\u6b3e\u516c\u544a\" class=\"download-section fade-in\" style=\"animation-delay: 0.8s;\">\n            <h3><span class=\"contact-icon\">\ud83d\udcc4<\/span>\u4fdd\u8b49\u91d1\u9000\u6b3e\u516c\u544a<\/h3>\n            <div class=\"download-item\">\n                <div class=\"file-icon\">\ud83d\udccb<\/div>\n                <a href=\"https:\/\/sa.tku.edu.tw\/spirit\/uploads\/\/2025\/09\/113\u5b78\u5e74\u5bbf\u820d\u4fdd\u8b49\u91d1\u9000\u6b3e\u516c\u544a\u6de1\u6c5f\u570b\u969b\u5b78\u57120916.pdf\" class=\"download-link Default Icon\" target=\"_blank\" rel=\"noopener\">\n                    113\u5b78\u5e74\u5bbf\u820d\u4fdd\u8b49\u91d1\u9000\u6b3e\u516c\u544a\n                    <span style=\"font-size: 1rem; color: #95a5a6;\">(PDF)<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\t\t\n\t\t<div id=\"A2\" title=\"\u9000\u6b3e\u8aaa\u660e\" class=\"urgent-notice\">\n\t\t\t\u26a0\ufe0f \u7570\u8b70\u671f\u9650\uff1a9\/24\uff08\u4e09\uff09\u4e2d\u534812\u6642\u524d \u26a0\ufe0f\n\t\t<\/div>\n\n        <div class=\"content\">\n            <div class=\"info-container\">\n                <div class=\"info-card fade-in floating-animation\">\n                    <div class=\"info-number\">\u4e00<\/div>\n                    <div class=\"info-content\">\n                        <h3>\ud83d\udcb3 \u5e33\u6236\u9000\u6b3e<\/h3>\n                        <div class=\"refund-date\">\n                            <div class=\"date-text\">\u9000\u6b3e\u6642\u9593<\/div>\n                            <div class=\"date-highlight\">114\u5e7410\u670830\u65e5\u524d<\/div>\n                            <p style=\"margin-top: 15px; color: #22c1c3; font-weight: 600;\">\u9810\u8a08\u9000\u81f3\u500b\u4eba\u5e33\u6236<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-card fade-in floating-animation\" style=\"animation-delay: 0.2s;\">\n                    <div class=\"info-number\">\u4e8c<\/div>\n                    <div class=\"info-content\">\n                        <h3>\ud83d\udcca \u9000\u6b3e\u660e\u7d30<\/h3>\n                        <p>\u4fdd\u8b49\u91d1\u9000\u6b3e\u660e\u7d30\u8868\uff0c\u8acb\u8a73\u95b1\u4e0a\u8ff0\u9644\u4ef6\u3002<\/p>\n                        <p style=\"margin-top: 15px; color: #4facfe; font-weight: 600;\">\ud83d\udcc4 \u8acb\u4ed4\u7d30\u6838\u5c0d\u500b\u4eba\u9000\u6b3e\u8cc7\u8a0a<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-card fade-in floating-animation\" style=\"animation-delay: 0.4s;\">\n                    <div class=\"info-number\">\u4e09<\/div>\n                    <div class=\"info-content\">\n                        <h3>\ud83d\udcde \u7570\u8b70\u7533\u8acb<\/h3>\n                        <p>\u5982\u6709\u7570\u8b70\uff0c\u8acb\u806f\u7d61\u627f\u8fa6\u4eba<strong style=\"color: #43e97b;\">\u674e\u8001\u5e2b<\/strong><\/p>\n                        <div class=\"objection-deadline\">\n                            <div class=\"deadline-text\">\u7570\u8b70\u671f\u9650<\/div>\n                            <div class=\"deadline-date\">114\u5e749\u670824\u65e5\uff08\u4e09\uff09\u4e2d\u534812\u6642\u524d<\/div>\n                            <p style=\"margin-top: 15px; color: #e74c3c; font-weight: 600;\">\u903e\u671f\u4f9d\u4f4f\u8f14\u7d44\u516c\u544a\u70ba\u6e96\uff0c\u4e0d\u518d\u53d7\u7406\u67e5\u8a62<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"contact-info fade-in\" style=\"animation-delay: 0.6s;\">\n            <h3><span class=\"contact-icon\">\ud83d\udcde<\/span>\u806f\u7d61\u8cc7\u8a0a<\/h3>\n            \ud83d\udcde \u6de1\u6c5f\u570b\u969b\u5b78\u5712 26266911\u8f490218\n        <\/div>\n\n\n\n        <footer class=\"footer fade-in\" style=\"animation-delay: 1s;\">\n            <p>\u8acb\u540c\u5b78\u52d9\u5fc5\u8a73\u95b1\u9000\u6b3e\u660e\u7d30\uff0c\u5982\u6709\u7591\u554f\u8acb\u5728\u671f\u9650\u5167\u806f\u7d61\u627f\u8fa6\u4eba\u3002\ud83d\udcb0<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ \u6dfb\u52a0\u6efe\u52d5\u52d5\u756b\u6548\u679c\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.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ \u89c0\u5bdf\u6240\u6709\u5143\u7d20\n        document.querySelectorAll('.info-card, .header, .contact-info, .download-section, .footer').forEach(el => {\n            observer.observe(el);\n        });\n\n        \/\/ \u52d5\u614b\u5012\u6578\u8a08\u6642\n        function updateCountdown() {\n            const now = new Date();\n            const objectionDeadline = new Date('2025-09-24 12:00:00');\n            const refundDate = new Date('2025-10-30 23:59:59');\n            \n            \/\/ \u7570\u8b70\u671f\u9650\u5012\u6578\n            if (now < objectionDeadline) {\n                const timeLeft = objectionDeadline - now;\n                const days = Math.floor(timeLeft \/ (1000 * 60 * 60 * 24));\n                const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n                const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) \/ (1000 * 60));\n                \n                if (days >= 0) {\n                    const urgentNotice = document.querySelector('.urgent-notice');\n                    if (urgentNotice && days >= 0) {\n                        urgentNotice.innerHTML = `\u23f0 \u7570\u8b70\u671f\u9650\u5012\u6578\uff1a${days}\u5929 ${hours}\u5c0f\u6642 ${minutes}\u5206\u9418 \u23f0`;\n                    }\n                }\n            }\n\n            \/\/ \u9000\u6b3e\u65e5\u671f\u5012\u6578\n            if (now < refundDate) {\n                const timeLeft = refundDate - now;\n                const days = Math.floor(timeLeft \/ (1000 * 60 * 60 * 24));\n                \n                if (days > 0) {\n                    const refundInfo = document.querySelector('.refund-date p');\n                    if (refundInfo) {\n                        refundInfo.innerHTML = `\u9810\u8a08\u9000\u6b3e\u9084\u6709 ${days} \u5929`;\n                    }\n                }\n            }\n        }\n\n        \/\/ \u6bcf\u5206\u9418\u66f4\u65b0\u4e00\u6b21\u5012\u6578\n        updateCountdown();\n        setInterval(updateCountdown, 60000);\n\n        \/\/ \u6dfb\u52a0\u9ede\u64ca\u6ce2\u7d0b\u6548\u679c\n        document.querySelectorAll('.info-card, .phone-number, .download-item').forEach(element => {\n            element.addEventListener('click', function(e) {\n                const rect = this.getBoundingClientRect();\n                const ripple = document.createElement('span');\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.cssText = `\n                    position: absolute;\n                    width: ${size}px;\n                    height: ${size}px;\n                    left: ${x}px;\n                    top: ${y}px;\n                    background: rgba(255, 255, 255, 0.3);\n                    border-radius: 50%;\n                    transform: scale(0);\n                    animation: ripple 0.6s linear;\n                    pointer-events: none;\n                `;\n                \n                this.style.position = 'relative';\n                this.style.overflow = 'hidden';\n                this.appendChild(ripple);\n                \n                setTimeout(() => {\n                    ripple.remove();\n                }, 600);\n            });\n        });\n\n        \/\/ \u6dfb\u52a0\u6ce2\u7d0b\u52d5\u756b\u6a23\u5f0f\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes ripple {\n                to { transform: scale(4); opacity: 0; }\n            }\n        `;\n        document.head.appendChild(style);\n    <\/script>\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\n\n\n<p><\/p>\n","protected":false},"author":2,"template":"wp-custom-template-asdx","meta":[],"categories":[51],"tags":[],"acf":[],"_links":{"self":[{"href":"\/spirit\/index.php?rest_route=\/wp\/v2\/tkuisotope\/5840"}],"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=5840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5840"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}