{"id":5823,"date":"2025-09-16T01:23:08","date_gmt":"2025-09-16T01:23:08","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5823"},"modified":"2025-11-21T04:00:46","modified_gmt":"2025-11-21T04:00:46","slug":"114%e5%b9%b4%e5%b0%b1%e8%ae%80%e5%b0%88%e7%a7%91%e4%bb%a5%e4%b8%8a83%e8%87%b393%e5%b9%b4%e6%ac%a1%e5%9c%a8%e5%ad%b8%e7%94%b7%e5%ad%90%ef%bc%8c%e7%94%b3%e8%ab%8b%e5%88%86%e9%9a%8e%e6%ae%b5%e6%8e%a5","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=114%e5%b9%b4%e5%b0%b1%e8%ae%80%e5%b0%88%e7%a7%91%e4%bb%a5%e4%b8%8a83%e8%87%b393%e5%b9%b4%e6%ac%a1%e5%9c%a8%e5%ad%b8%e7%94%b7%e5%ad%90%ef%bc%8c%e7%94%b3%e8%ab%8b%e5%88%86%e9%9a%8e%e6%ae%b5%e6%8e%a5","title":{"rendered":"114\u5e74\u5c31\u8b80\u5c08\u79d1\u4ee5\u4e0a83\u81f393\u5e74\u6b21\u5728\u5b78\u7537\u5b50\uff0c\u7533\u8acb\u5206\u968e\u6bb5\u63a5\u53d7\u5e38\u5099\u5175\u5f79\u8ecd\u4e8b\u8a13\u7df4 (10\/16\u56db~11\/17\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\u5e74\u5c31\u8b80\u5c08\u79d1\u4ee5\u4e0a83\u81f393\u5e74\u6b21\u5728\u5b78\u7537\u5b50\uff0c\u7533\u8acb\u5206\u968e\u6bb5\u63a5\u53d7\u5e38\u5099\u5175\u5f79\u8ecd\u4e8b\u8a13\u7df4 (10\/16\u56db~11\/17\u4e00)<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n<style>\n        .content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n\n        .card {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            border-radius: 20px;\n            padding: 35px;\n            box-shadow: 0 20px 40px 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            overflow: hidden;\n        }\n\n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            border-radius: 20px 20px 0 0;\n        }\n\n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n        }\n\n        .card h2 {\n            font-size: 1.8rem;\n            margin-bottom: 20px;\n            color: #2c3e50;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .icon {\n            width: 40px;\n            height: 40px;\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.2rem;\n            flex-shrink: 0;\n        }\n\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));\n            border: 2px solid rgba(102, 126, 234, 0.2);\n            border-radius: 15px;\n            padding: 25px;\n            margin: 20px 0;\n            position: relative;\n        }\n\n        .highlight-box::before {\n            content: '\u26a0\ufe0f';\n            position: absolute;\n            top: 18px;\n            left: 10px;\n            background: rgba(255, 255, 255, 0.6);\n            padding: 0 10px;\n            font-size: 1.5rem;\n        }\n\n        .time-info {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #e74c3c;\n            text-align: center;\n            margin-bottom: 15px;\n        }\n\n        .date-range {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            padding: 15px 25px;\n            border-radius: 50px;\n            display: inline-block;\n            font-weight: 600;\n            font-size: 1.1rem;\n            margin: 10px 5px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .system-link {\n            background: linear-gradient(135deg, #27ae60, #2ecc71);\n            color: white;\n            text-decoration: none;\n            padding: 15px 30px;\n            border-radius: 50px;\n            display: inline-block;\n            font-weight: 600;\n            font-size: 1.1rem;\n            margin-top: 20px;\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .system-link:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n        }\n\n        .downloads {\n            grid-column: 1 \/ -1;\n        }\n\n        .poster-section {\n            margin-bottom: 30px;\n        }\n\n        .poster-container {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n            transition: all 0.3s ease;\n        }\n\n        .poster-container:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);\n        }\n\n        .activity-poster {\n            width: 100%;\n            height: auto;\n            display: block;\n            transition: all 0.3s ease;\n        }\n\n        .poster-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(45deg, rgba(102, 126, 234, 0.8), rgba(118, 75, 162, 0.8));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: all 0.3s ease;\n        }\n\n        .poster-container:hover .poster-overlay {\n            opacity: 1;\n        }\n\n        .poster-container:hover .activity-poster {\n            transform: scale(1.05);\n        }\n\n        .view-full-btn {\n            background: rgba(255, 255, 255, 0.9);\n            color: #667eea;\n            text-decoration: none;\n            padding: 15px 30px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n        }\n\n        .poster-container:hover .view-full-btn {\n            transform: translateY(0);\n        }\n\n        .view-full-btn:hover {\n            background: white;\n            transform: translateY(-2px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n        }\n\n        .download-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\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.1);\n            border-radius: 15px;\n            padding: 25px;\n            text-align: center;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\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.4), transparent);\n            transition: all 0.6s;\n        }\n\n        .download-item:hover::before {\n            left: 100%;\n        }\n\n        .download-item:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            border-color: rgba(102, 126, 234, 0.3);\n        }\n\n        .download-link {\n            color: #667eea;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .download-link:hover {\n            color: #764ba2;\n        }\n\n        .file-icon {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.5rem;\n            margin: 0 auto 15px;\n        }\n\n        .footer {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            border-radius: 20px;\n            padding: 30px;\n            text-align: center;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n\n        .footer p {\n            color: #7f8c8d;\n            font-size: 1.1rem;\n        }\n\n        @media (max-width: 768px) {\n            .content {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .header h1 {\n                font-size: 2rem;\n            }\n\n            .header {\n                padding: 30px 20px;\n            }\n\n            .card {\n                padding: 25px 20px;\n            }\n\n            .date-range {\n                display: block;\n                margin: 10px 0;\n            }\n        }\n\n        .floating-animation {\n            animation: floating 3s ease-in-out infinite;\n        }\n\n        @keyframes floating {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .fade-in {\n            animation: fadeIn 1s ease-out;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\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\n        <div class=\"content\">\n            <div id=\"A1\" title=\"\u7533\u8acb\u8aaa\u660e\" class=\"card fade-in floating-animation\">\n                <h2><span class=\"icon\">\ud83d\udcc5<\/span>\u7533\u8acb\u6642\u9593<\/h2>\n                <div class=\"highlight-box\">\n                    <p class=\"time-info\">\u7533\u8acb\u671f\u9593<\/p>\n                    <div class=\"date-range\">114\u5e7410\u670816\u65e5\uff08\u661f\u671f\u56db\uff09\u4e0a\u534810\u6642<\/div>\n                    <div style=\"text-align: center; margin: 15px 0; font-size: 1.5rem; color: #667eea;\">\u81f3<\/div>\n                    <div class=\"date-range\">114\u5e7411\u670817\u65e5\uff08\u661f\u671f\u4e00\uff09\u4e0b\u53485\u6642<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"card fade-in floating-animation\" style=\"animation-delay: 0.2s;\">\n                <h2><span class=\"icon\">\ud83d\udcbb<\/span>\u7533\u8acb\u7cfb\u7d71<\/h2>\n                <p style=\"margin-bottom: 20px; font-size: 1.1rem; color: #555;\">\u70ba\u4fbf\u5229\u5728\u5b78\u7537\u5b50\u63d0\u51fa\u7533\u8acb\uff0c\u5167\u653f\u90e8\u5f79\u653f\u53f8\u5efa\u7f6e\u5c08\u5c6c\u7cfb\u7d71\uff1a<\/p>\n                <a href=\"https:\/\/dca.moi.gov.tw\" class=\"system-link White Icon\" target=\"_blank\" rel=\"noopener\">\n                    \ud83c\udf10 \u5167\u653f\u90e8\u5f79\u653f\u53f8\u5168\u7403\u8cc7\u8a0a\u7db2\n                <\/a>\n                <p style=\"margin-top: 15px; font-size: 0.9rem; color: #7f8c8d;\">\n                    \u9996\u9801 \u2192 \u4e3b\u984c\u55ae\u5143 \u2192 \u5206\u968e\u6bb5\u63a5\u53d7\u5e38\u5099\u5175\u5f79\u8ecd\u4e8b\u8a13\u7df4\u7cfb\u7d71\n                <\/p>\n            <\/div>\n\n            <div id=\"A2\" title=\"\u6d3b\u52d5\u6d77\u5831\u8207\u76f8\u95dc\u6587\u4ef6\" class=\"card downloads fade-in\" style=\"animation-delay: 0.4s;\">\n                <h2><span class=\"icon\">\ud83d\udccb<\/span>\u6d3b\u52d5\u6d77\u5831\u8207\u76f8\u95dc\u6587\u4ef6<\/h2>\n                <p style=\"margin-bottom: 20px; font-size: 1.1rem; color: #555;\">\u5404\u985e\u6642\u7a0b\u8acb\u53c3\u95b1\u4ee5\u4e0b\u8cc7\u8a0a\uff1a<\/p>\n                \n                <div class=\"poster-section\">\n                    <div class=\"poster-container\">\n                        <img decoding=\"async\" src=\"https:\/\/sa.tku.edu.tw\/spirit\/uploads\/\/2025\/09\/\u61f6\u4eba\u530583\u81f393\u5e74\u6b21.png\" \n                             alt=\"\u5206\u968e\u6bb5\u63a5\u53d7\u5e38\u5099\u5175\u5f79\u8ecd\u4e8b\u8a13\u7df4\u61f6\u4eba\u5305\" \n                             class=\"activity-poster\" \/>\n                        <div class=\"poster-overlay\">\n                            <a href=\"https:\/\/sa.tku.edu.tw\/spirit\/uploads\/\/2025\/09\/\u61f6\u4eba\u530583\u81f393\u5e74\u6b21.png\" target=\"_blank\" class=\"view-full-btn\" rel=\"noopener\">\ud83d\udd0d \u67e5\u770b\u5b8c\u6574\u6d77\u5831<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"download-grid\" style=\"margin-top: 30px;\">                   \n                    <div class=\"download-item\">\n                        <div class=\"file-icon\">\ud83d\udcc4<\/div>\n                        <a href=\"https:\/\/sa.tku.edu.tw\/spirit\/uploads\/\/2025\/09\/\u5167\u653f\u90e8\u516c\u544a83\u81f393\u5e74\u6b21.pdf\" class=\"download-link Default Icon\" target=\"_blank\" rel=\"noopener\">\n                            \u5167\u653f\u90e8\u516c\u544a 83\u81f393\u5e74\u6b21\n                            <span style=\"font-size: 0.9rem; color: #95a5a6;\">(PDF)<\/span>\n                        <\/a>\n                    <\/div>\n                    \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\/\u6559\u80b2\u90e8\u516c\u658783\u81f393\u5e74\u6b21.pdf\" class=\"download-link Default Icon\" target=\"_blank\" rel=\"noopener\">\n                            \u6559\u80b2\u90e8\u516c\u6587 83\u81f393\u5e74\u6b21\n                            <span style=\"font-size: 0.9rem; color: #95a5a6;\">(PDF)<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <footer class=\"footer fade-in\" style=\"animation-delay: 0.6s;\">\n            <p>\u8acb\u7b26\u5408\u8cc7\u683c\u7684\u5728\u5b78\u7537\u5b50\u628a\u63e1\u7533\u8acb\u6642\u9593\uff0c\u8a73\u7d30\u8cc7\u8a0a\u8acb\u53c3\u95b1\u76f8\u95dc\u6587\u4ef6\u6216\u6d3d\u8a62\u76f8\u95dc\u55ae\u4f4d\u3002<\/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\u5361\u7247\u5143\u7d20\n        document.querySelectorAll('.card, .header, .footer').forEach(el => {\n            observer.observe(el);\n        });\n\n        \/\/ \u6dfb\u52a0\u9ede\u64ca\u6548\u679c\n        document.querySelectorAll('.card').forEach(card => {\n            card.addEventListener('click', function() {\n                this.style.transform = 'scale(0.98)';\n                setTimeout(() => {\n                    this.style.transform = '';\n                }, 150);\n            });\n        });\n\n        \/\/ \u52d5\u614b\u6642\u9593\u5012\u6578\u63d0\u9192\uff08\u5982\u679c\u5728\u7533\u8acb\u671f\u9593\u5167\uff09\n        function updateTimeRemaining() {\n            const now = new Date();\n            const endDate = new Date('2025-11-17 17:00:00');\n            const startDate = new Date('2025-10-16 10:00:00');\n            \n            if (now >= startDate && now <= endDate) {\n                const timeLeft = endDate - 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                \n                if (days > 0) {\n                    const reminder = document.createElement('div');\n                    reminder.innerHTML = `<div style=\"background: linear-gradient(135deg, #e74c3c, #c0392b); color: white; padding: 15px; border-radius: 10px; text-align: center; margin: 20px 0; font-weight: 600; animation: pulse 2s infinite;\">\u23f0 \u7533\u8acb\u5012\u6578\uff1a\u9084\u6709 ${days} \u5929 ${hours} \u5c0f\u6642<\/div>`;\n                    document.querySelector('.header').appendChild(reminder);\n                }\n            }\n        }\n\n        updateTimeRemaining();\n\n        \/\/ \u6dfb\u52a0\u8108\u885d\u52d5\u756b\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes pulse {\n                0%, 100% { transform: scale(1); }\n                50% { transform: scale(1.05); }\n            }\n        `;\n        document.head.appendChild(style);\n    <\/script>\n\n\n\n<p><\/p>\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\/5823"}],"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=5823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5823"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}