{"id":5826,"date":"2025-09-16T01:44:58","date_gmt":"2025-09-16T01:44:58","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5826"},"modified":"2025-11-21T04:00:24","modified_gmt":"2025-11-21T04:00:24","slug":"114%e5%b9%b4%e5%ba%a6%e3%80%8c96%e5%b9%b4%e6%ac%a1%e5%be%b5%e5%85%b5%e5%8f%8a%e9%bd%a1%e7%94%b7%e5%ad%90%e5%85%b5%e7%b1%8d%e8%aa%bf%e6%9f%a5%e7%b7%9a%e4%b8%8a%e7%94%b3%e5%a0%b1%e4%bd%9c%e6%a5%ad","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=114%e5%b9%b4%e5%ba%a6%e3%80%8c96%e5%b9%b4%e6%ac%a1%e5%be%b5%e5%85%b5%e5%8f%8a%e9%bd%a1%e7%94%b7%e5%ad%90%e5%85%b5%e7%b1%8d%e8%aa%bf%e6%9f%a5%e7%b7%9a%e4%b8%8a%e7%94%b3%e5%a0%b1%e4%bd%9c%e6%a5%ad","title":{"rendered":"114\u5e74\u5ea6\u300c96\u5e74\u6b21\u5fb5\u5175\u53ca\u9f61\u7537\u5b50\u5175\u7c4d\u8abf\u67e5\u7dda\u4e0a\u7533\u5831\u4f5c\u696d\u300d(10\/8\u4e8c~11\/15\u4e94)"},"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\u5ea6\u300c96\u5e74\u6b21\u5fb5\u5175\u53ca\u9f61\u7537\u5b50\u5175\u7c4d\u8abf\u67e5\u7dda\u4e0a\u7533\u5831\u4f5c\u696d\u300d(10\/8\u4e8c~11\/15\u4e94)<\/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(15px);\n            border-radius: 25px;\n            padding: 40px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            transition: all 0.4s 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: 5px;\n            background: linear-gradient(135deg, #4facfe, #00f2fe);\n            border-radius: 25px 25px 0 0;\n        }\n\n        .card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 35px 70px rgba(0, 0, 0, 0.15);\n        }\n\n        .card h2 {\n            font-size: 2rem;\n            margin-bottom: 25px;\n            color: #2c3e50;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .icon {\n            width: 45px;\n            height: 45px;\n            background: linear-gradient(135deg, #4facfe, #00f2fe);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.3rem;\n            flex-shrink: 0;\n            box-shadow: 0 10px 20px rgba(79, 172, 254, 0.3);\n        }\n\n        .time-highlight {\n            background: linear-gradient(135deg, rgba(79, 172, 254, 0.15), rgba(0, 242, 254, 0.15));\n            border: 2px solid rgba(79, 172, 254, 0.3);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 25px 0;\n            position: relative;\n            text-align: center;\n        }\n\n        .time-highlight::before {\n            content: '\u23f0';\n            position: absolute;\n            top: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: white;\n            padding: 5px 15px;\n            font-size: 1.5rem;\n            border-radius: 50px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .date-info {\n            font-size: 1.1rem;\n            color: #34495e;\n            margin-bottom: 20px;\n            font-weight: 500;\n        }\n\n        .date-range {\n            background: linear-gradient(135deg, #4facfe, #00f2fe);\n            color: white;\n            padding: 18px 30px;\n            border-radius: 50px;\n            display: inline-block;\n            font-weight: 700;\n            font-size: 1.2rem;\n            margin: 8px;\n            box-shadow: 0 15px 30px rgba(79, 172, 254, 0.3);\n            transition: all 0.3s ease;\n        }\n\n        .date-range:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 20px 40px rgba(79, 172, 254, 0.4);\n        }\n\n        .survey-link {\n            background: linear-gradient(135deg, #00d2ff, #3a7bd5);\n            color: white;\n            text-decoration: none;\n            padding: 20px 40px;\n            border-radius: 50px;\n            display: inline-block;\n            font-weight: 700;\n            font-size: 1.3rem;\n            margin-top: 25px;\n            transition: all 0.4s ease;\n            box-shadow: 0 15px 30px rgba(0, 210, 255, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .survey-link::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: all 0.6s;\n        }\n\n        .survey-link:hover::before {\n            left: 100%;\n        }\n\n        .survey-link:hover {\n            transform: translateY(-3px) scale(1.05);\n            box-shadow: 0 25px 50px rgba(0, 210, 255, 0.4);\n        }\n\n        .important-notice {\n            background: linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 152, 0, 0.1));\n            border: 2px solid rgba(255, 193, 7, 0.3);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 25px 0;\n            position: relative;\n        }\n\n        .important-notice::before {\n            content: '\ud83d\udca1';\n            position: absolute;\n            top: -15px;\n            left: 25px;\n            background: white;\n            padding: 5px 12px;\n            font-size: 1.5rem;\n            border-radius: 50px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .notice-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: #e67e22;\n            margin-bottom: 15px;\n        }\n\n        .notice-text {\n            font-size: 1.1rem;\n            color: #34495e;\n            line-height: 1.8;\n        }\n\n        .poster-downloads {\n            grid-column: 1 \/ -1;\n        }\n\n        .poster-section {\n            margin-bottom: 40px;\n        }\n\n        .poster-container {\n            position: relative;\n            max-width: 900px;\n            margin: 0 auto;\n            border-radius: 25px;\n            overflow: hidden;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n            transition: all 0.4s ease;\n        }\n\n        .poster-container:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 35px 70px rgba(0, 0, 0, 0.2);\n        }\n\n        .activity-poster {\n            width: 100%;\n            height: auto;\n            display: block;\n            transition: all 0.4s 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(79, 172, 254, 0.85), rgba(0, 242, 254, 0.85));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: all 0.4s ease;\n        }\n\n        .poster-container:hover .poster-overlay {\n            opacity: 1;\n        }\n\n        .poster-container:hover .activity-poster {\n            transform: scale(1.08);\n        }\n\n        .view-full-btn {\n            background: rgba(255, 255, 255, 0.95);\n            color: #4facfe;\n            text-decoration: none;\n            padding: 18px 35px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 1.2rem;\n            transition: all 0.4s ease;\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            transform: translateY(30px);\n            backdrop-filter: blur(10px);\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(-3px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n        }\n\n        .download-section {\n            margin-top: 40px;\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(79, 172, 254, 0.2);\n            border-radius: 20px;\n            padding: 30px;\n            text-align: center;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            max-width: 400px;\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.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(-5px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            border-color: rgba(79, 172, 254, 0.4);\n        }\n\n        .download-link {\n            color: #4facfe;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 1.2rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        .download-link:hover {\n            color: #00f2fe;\n        }\n\n        .file-icon {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, #4facfe, #00f2fe);\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 2rem;\n            margin: 0 auto 20px;\n            box-shadow: 0 15px 30px rgba(79, 172, 254, 0.3);\n        }\n\n        .footer {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(15px);\n            border-radius: 25px;\n            padding: 40px;\n            text-align: center;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            position: relative;\n        }\n\n        .footer::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(135deg, #4facfe, #00f2fe);\n            border-radius: 25px 25px 0 0;\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            .content {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .header h1 {\n                font-size: 2.2rem;\n            }\n\n            .header {\n                padding: 40px 25px;\n            }\n\n            .card {\n                padding: 30px 25px;\n            }\n\n            .date-range {\n                display: block;\n                margin: 15px 0;\n            }\n\n            .survey-link {\n                padding: 15px 30px;\n                font-size: 1.1rem;\n            }\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\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        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\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\u5831\u8aaa\u660e\" class=\"card fade-in floating-animation\">\n                <h2><span class=\"icon\">\ud83d\udcc5<\/span>\u7533\u5831\u6642\u9593<\/h2>\n                <div class=\"time-highlight\">\n                    <p class=\"date-info\">\u7533\u5831\u671f\u9593<\/p>\n                    <div class=\"date-range\">114\u5e7410\u67088\u65e5\uff08\u4e8c\uff09\u4e0a\u534810\u6642<\/div>\n                    <div style=\"text-align: center; margin: 20px 0; font-size: 1.8rem; color: #4facfe;\">\u81f3<\/div>\n                    <div class=\"date-range\">114\u5e7411\u670815\u65e5\uff08\u4e94\uff09\u4e0b\u53485\u6642<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"card fade-in floating-animation\" style=\"animation-delay: 0.3s;\">\n                <h2><span class=\"icon\">\ud83d\udcbb<\/span>\u7dda\u4e0a\u7533\u5831<\/h2>\n                <p style=\"margin-bottom: 25px; font-size: 1.2rem; color: #555; line-height: 1.8;\">\n                    \u8acb96\u5e74\u6b21\u7537\u540c\u5b78\u65bc\u7533\u5831\u671f\u9593\u5167\uff0c\u81f3\u6307\u5b9a\u7db2\u7ad9\u5b8c\u6210\u5175\u7c4d\u8abf\u67e5\u7dda\u4e0a\u7533\u5831\uff1a\n                <\/p>\n                <a href=\"https:\/\/dca.moi.gov.tw\/ris\" class=\"survey-link pulse White Icon\" target=\"_blank\" rel=\"noopener\">\n                    \ud83c\udf10 \u7acb\u5373\u9032\u5165\u7533\u5831\u7cfb\u7d71\n                <\/a>\n                \n                <div class=\"important-notice\">\n                    <div class=\"notice-title\">\u91cd\u8981\u63d0\u9192<\/div>\n                    <div class=\"notice-text\">\n                        \u5175\u7c4d\u8abf\u67e5\u975e\u6240\u8b02\u7684\u300c\u5175\u55ae\u300d\uff0c\u8acb96\u5e74\u6b21\u7684\u7537\u540c\u5b78\u653e\u5fc3\u586b\u5831\u3002<br>\n                        \u627f\u8fa6\u4eba\u5c07\u65bc114\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f\u8fa6\u7406\u7de9\u5fb5\u3002\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"A2\" title=\"\u6d3b\u52d5\u6d77\u5831\u8207\u76f8\u95dc\u6587\u4ef6\" class=\"card poster-downloads fade-in\" style=\"animation-delay: 0.6s;\">\n                <h2><span class=\"icon\">\ud83d\udccb<\/span>\u6d3b\u52d5\u6d77\u5831\u8207\u76f8\u95dc\u6587\u4ef6<\/h2>\n                <p style=\"margin-bottom: 30px; font-size: 1.2rem; 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\u530596\u5e74\u6b21.png\" \n                             alt=\"96\u5e74\u6b21\u5fb5\u5175\u53ca\u9f61\u7537\u5b50\u5175\u7c4d\u8abf\u67e5\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\u530596\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-section\">                   \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\/\u6559\u80b2\u90e8\u516c\u658796\u5e74\u6b21.pdf\" class=\"download-link Default Icon\" target=\"_blank\" rel=\"noopener\">\n                            \u6559\u80b2\u90e8\u516c\u6587 96\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.9s;\">\n            <p>\u8acb96\u5e74\u6b21\u5728\u5b78\u7537\u540c\u5b78\u52d9\u5fc5\u628a\u63e1\u7533\u5831\u6642\u9593\uff0c\u5b8c\u6210\u5175\u7c4d\u8abf\u67e5\u7dda\u4e0a\u7533\u5831\u3002<br>\n            \u5982\u6709\u7591\u554f\u8acb\u6d3d\u8a62\u76f8\u95dc\u627f\u8fa6\u55ae\u4f4d\u3002<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ \u6efe\u52d5\u52d5\u756b\u89c0\u5bdf\u5668\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -100px 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('.card, .header, .footer').forEach(el => {\n            observer.observe(el);\n        });\n\n        \/\/ \u5361\u7247\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\u5012\u6578\u63d0\u9192\n        function updateTimeRemaining() {\n            const now = new Date();\n            const endDate = new Date('2025-11-15 17:00:00');\n            const startDate = new Date('2025-10-08 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, #ff6b6b, #ee5a24); color: white; padding: 20px; border-radius: 15px; text-align: center; margin: 25px 0; font-weight: 700; animation: pulse 2s infinite; font-size: 1.1rem;\">\u23f0 \u7533\u5831\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\/5826"}],"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=5826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5826"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}