{"id":5890,"date":"2025-09-23T06:26:27","date_gmt":"2025-09-23T06:26:27","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5890"},"modified":"2025-09-23T06:55:07","modified_gmt":"2025-09-23T06:55:07","slug":"%e8%ab%8b%e5%90%8c%e5%ad%b8%e5%a6%a5%e5%96%84%e4%bf%9d%e7%ae%a1%e5%80%8b%e4%ba%ba%e9%87%91%e8%9e%8d%e5%b8%b3%e6%88%b6%ef%bc%8c%e9%81%bf%e5%85%8d%e9%81%ad%e4%b8%8d%e6%b3%95%e9%9b%86%e5%9c%98%e5%88%a9","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=%e8%ab%8b%e5%90%8c%e5%ad%b8%e5%a6%a5%e5%96%84%e4%bf%9d%e7%ae%a1%e5%80%8b%e4%ba%ba%e9%87%91%e8%9e%8d%e5%b8%b3%e6%88%b6%ef%bc%8c%e9%81%bf%e5%85%8d%e9%81%ad%e4%b8%8d%e6%b3%95%e9%9b%86%e5%9c%98%e5%88%a9","title":{"rendered":"\u8acb\u540c\u5b78\u59a5\u5584\u4fdd\u7ba1\u500b\u4eba\u91d1\u878d\u5e33\u6236\uff0c\u907f\u514d\u906d\u4e0d\u6cd5\u96c6\u5718\u5229\u7528"},"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\">\u8acb\u540c\u5b78\u59a5\u5584\u4fdd\u7ba1\u500b\u4eba\u91d1\u878d\u5e33\u6236\uff0c\u907f\u514d\u906d\u4e0d\u6cd5\u96c6\u5718\u5229\u7528<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <style>\n\t#Claude {\n        .main-content {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            backdrop-filter: blur(10px);\n            animation: fadeInUp 1s ease-out 0.3s both;\n        }\n        \n        .warning-section {\n            background: linear-gradient(135deg, #ffeaa7, #fab1a0);\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 40px;\n            border-left: 6px solid #e17055;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .warning-section::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 100%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);\n            transform: rotate(45deg);\n            animation: shimmer 3s infinite;\n        }\n        \n        .warning-section h2 {\n            color: #d63031;\n            font-size: 1.5rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n        }\n        \n        .warning-section h2 i {\n            margin-right: 10px;\n            font-size: 1.8rem;\n        }\n        \n        .warning-text {\n            font-size: 1.1rem;\n            color: #2d3436;\n            line-height: 1.8;\n        }\n        \n        .tips-section {\n            background: linear-gradient(135deg, #a8e6cf, #7fcdcd);\n            border-radius: 15px;\n            padding: 30px;\n            border-left: 6px solid #00b894;\n        }\n        \n        .tips-section h2 {\n            color: #00695c;\n            font-size: 1.5rem;\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n        }\n        \n        .tips-section h2 i {\n            margin-right: 10px;\n            font-size: 1.8rem;\n        }\n        \n        .tips-list {\n            list-style: none;\n        }\n        \n        .tips-list li {\n            background: rgba(255, 255, 255, 0.8);\n            margin-bottom: 15px;\n            padding: 20px;\n            border-radius: 10px;\n            font-size: 1.1rem;\n            color: #2d3436;\n            display: flex;\n            align-items: flex-start;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .tips-list li:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n        }\n        \n        .tips-list li i {\n            color: #00b894;\n            margin-right: 15px;\n            font-size: 1.3rem;\n            margin-top: 2px;\n            flex-shrink: 0;\n        }\n        \n        .poster-section {\n            background: linear-gradient(135deg, #6c5ce7, #a29bfe);\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 40px;\n            border-left: 6px solid #5f3dc4;\n        }\n        \n        .poster-section h2 {\n            color: white;\n            font-size: 1.5rem;\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n        }\n        \n        .poster-section h2 i {\n            margin-right: 10px;\n            font-size: 1.8rem;\n        }\n        \n        .poster-container {\n            position: relative;\n            display: inline-block;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            cursor: pointer;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .poster-container:hover {\n            transform: translateY(-5px) scale(1.02);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n        }\n        \n        .poster-image {\n            width: 100%;\n            max-width: 600px;\n            height: auto;\n            display: block;\n            transition: filter 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: rgba(0,0,0,0.5);\n            color: white;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .poster-container:hover .poster-overlay {\n            opacity: 1;\n        }\n        \n        .poster-overlay i {\n            font-size: 3rem;\n            margin-bottom: 10px;\n        }\n        \n        .poster-overlay p {\n            font-size: 1.1rem;\n            font-weight: bold;\n        }\n        \n        .modal {\n            display: none;\n            position: fixed;\n            z-index: 1000;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0,0,0,0.9);\n            animation: fadeIn 0.3s ease;\n        }\n        \n        .modal-content {\n            position: relative;\n            margin: auto;\n            padding: 20px;\n            width: 90%;\n            max-width: 800px;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n        \n        .modal img {\n            width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n        \n        .close {\n            position: absolute;\n            top: 15px;\n            right: 35px;\n            color: #f1f1f1;\n            font-size: 40px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: color 0.3s;\n        }\n        \n        .close:hover {\n            color: #ff6b6b;\n        }\n        \n        .emergency-contact {\n            background: linear-gradient(135deg, #ff7675, #fd79a8);\n            color: white;\n            text-align: center;\n            padding: 25px;\n            border-radius: 15px;\n            margin-top: 40px;\n            animation: fadeInUp 1s ease-out 0.6s both;\n        }\n        \n        .emergency-contact h3 {\n            font-size: 1.3rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .emergency-contact h3 i {\n            margin-right: 10px;\n            font-size: 1.5rem;\n        }\n        \n        .contact-info {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n        \n        .contact-item {\n            background: rgba(255, 255, 255, 0.2);\n            padding: 15px 25px;\n            border-radius: 10px;\n            backdrop-filter: blur(5px);\n            transition: transform 0.3s ease;\n        }\n        \n        .contact-item:hover {\n            transform: scale(1.05);\n        }\n        \n        .contact-item i {\n            display: block;\n            font-size: 1.8rem;\n            margin-bottom: 8px;\n        }\n        \n        .floating-icons {\n            position: fixed;\n            font-size: 2rem;\n            opacity: 0.1;\n            animation: float 6s ease-in-out infinite;\n            z-index: -1;\n        }\n        \n        .icon-1 { top: 10%; left: 10%; animation-delay: 0s; }\n        .icon-2 { top: 20%; right: 15%; animation-delay: 1s; }\n        .icon-3 { bottom: 30%; left: 8%; animation-delay: 2s; }\n        .icon-4 { bottom: 20%; right: 10%; animation-delay: 3s; }\n        \n        @keyframes fadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) rotate(45deg); }\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-20px); }\n        }\n        \n        @media (max-width: 768px) {\n            .container {\n                padding: 15px;\n            }\n            \n            .header h1 {\n                font-size: 2rem;\n            }\n            \n            .main-content {\n                padding: 25px;\n            }\n            \n            .poster-section, .tips-section {\n                padding: 20px;\n            }\n            \n            .contact-info {\n                flex-direction: column;\n                gap: 15px;\n            }\n            \n            .tips-list li {\n                flex-direction: column;\n                text-align: left;\n            }\n            \n            .tips-list li i {\n                margin-bottom: 10px;\n            }\n        }\n\t}\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-content\">\n            <div class=\"warning-section\">\n                <h2><i class=\"fas fa-exclamation-triangle\"><\/i> \u8a50\u9a19\u624b\u6cd5\u8b66\u793a<\/h2>\n                <p class=\"warning-text\">\n                    \u8fd1\u5e74\u8a50\u9a19\u96c6\u5718\u5e38\u4ee5<strong>\u9ad8\u85aa\u517c\u8077\u3001\u6295\u8cc7\u7406\u8ca1\u6216\u4ee3\u6536\u6b3e\u9805<\/strong>\u70ba\u540d\uff0c\u8a98\u4f7f\u5b78\u751f\u51fa\u501f\u3001\u8ca9\u552e\u6216\u63d0\u4f9b\u91d1\u878d\u5e33\u6236\uff08\u542b\u5b58\u647a\u3001\u91d1\u878d\u5361\u3001\u5370\u9451\u3001\u7db2\u8def\u4ee3\u865f\u5bc6\u78bc\uff09\uff0c\u4f5c\u70ba\u8a50\u9a19\u91d1\u6d41\u5de5\u5177\uff0c\u53ef\u80fd\u89f8\u6cd5\u6210\u70ba<strong>\u6d17\u9322\u5171\u72af<\/strong>\uff0c\u56b4\u91cd\u5f71\u97ff\u500b\u4eba\u540d\u8b7d\u53ca\u672a\u4f86\u767c\u5c55\u3002\n                <\/p>\n            <\/div>\n            \n            <div class=\"tips-section\">\n                <h2><i class=\"fas fa-lightbulb\"><\/i> \u9632\u8a50\u4e09\u5927\u8981\u9ede<\/h2>\n                <ul class=\"tips-list\">\n                    <li>\n                        <i class=\"fas fa-lock\"><\/i>\n                        <div>\n                            <strong>\u59a5\u5584\u4fdd\u7ba1\u500b\u4eba\u5e33\u6236\u8cc7\u6599<\/strong><br>\n                            \u5207\u52ff\u4ea4\u4ed8\u4ed6\u4eba\u4f7f\u7528\uff0c\u500b\u4eba\u91d1\u878d\u8cc7\u8a0a\u61c9\u8b39\u614e\u4fdd\u5bc6\n                        <\/div>\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-ban\"><\/i>\n                        <div>\n                            <strong>\u56b4\u7981\u51fa\u79df\u3001\u51fa\u501f\u6216\u8ca9\u552e\u5e33\u6236<\/strong><br>\n                            \u5207\u52ff\u51fa\u79df\u3001\u51fa\u501f\u6216\u8ca9\u552e\u5e33\u6236\u6216\u91d1\u878d\u5de5\u5177\uff0c\u4ee5\u514d\u89f8\u6cd5\n                        <\/div>\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-phone\"><\/i>\n                        <div>\n                            <strong>\u9047\u53ef\u7591\u60c5\u6cc1\u7acb\u5373\u6c42\u52a9<\/strong><br>\n                            \u7acb\u5373\u5831\u8b66\u6216\u64a5\u6253165\u53cd\u8a50\u9a19\u5c08\u7dda\u8aee\u8a62\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"poster-section\" style=\"margin-top:40px;\">\n                <h2><i class=\"fas fa-image\"><\/i> \u9632\u8a50\u5ba3\u5c0e\u6d77\u5831<\/h2>\n                <div class=\"poster-container\">\n                    <img decoding=\"async\" id=\"Poster\" src=\"https:\/\/sa.tku.edu.tw\/spirit\/uploads\/\/2025\/09\/\u4eba\u982d\u8cec\u6236.jpg\" \n                         alt=\"\u4eba\u982d\u5e33\u6236\u9632\u8a50\u9a19\u5ba3\u5c0e\u6d77\u5831\" \n                         class=\"poster-image\" \/>\n                    <div class=\"poster-overlay\" onclick=\"openModal(document.getElementById('Poster'));\">\n                        <i class=\"fas fa-search-plus\"><\/i>\n                        <p>\u9ede\u64ca\u653e\u5927\u6aa2\u8996<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"emergency-contact\">\n                <h3><i class=\"fas fa-sos\"><\/i> \u7dca\u6025\u806f\u7d61\u65b9\u5f0f<\/h3>\n                <div class=\"contact-info\">\n                    <div class=\"contact-item\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                        <div><strong>\u5831\u8b66\u5c08\u7dda<\/strong><br>110<\/div>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                        <div><strong>\u53cd\u8a50\u9a19\u5c08\u7dda<\/strong><br>165<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u6d77\u5831\u653e\u5927\u6a21\u614b\u8996\u7a97 -->\n    <div id=\"imageModal\" class=\"modal\" onclick=\"closeModal()\">\n        <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n            <span class=\"close\" onclick=\"closeModal();\">&times;<\/span>\n            <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u9632\u8a50\u9a19\u5ba3\u5c0e\u6d77\u5831\">\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ \u6d77\u5831\u653e\u5927\u529f\u80fd\n        function openModal(img) {\n            const modal = document.getElementById('imageModal');\n            const modalImg = document.getElementById('modalImage');\n            modal.style.display = 'block';\n            modalImg.src = img.src;\n            modalImg.alt = img.alt;\n            document.body.style.overflow = 'hidden';\n        }\n        \n        function closeModal() {\n            const modal = document.getElementById('imageModal');\n            modal.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n        \n        \/\/ ESC\u9375\u95dc\u9589\u6a21\u614b\u8996\u7a97\n        document.addEventListener('keydown', function(event) {\n            if (event.key === 'Escape') {\n                closeModal();\n            }\n        });\n\n        \/\/ \u6dfb\u52a0\u6efe\u52d5\u52d5\u756b\u6548\u679c\n        window.addEventListener('scroll', function() {\n            const elements = document.querySelectorAll('.tips-list li');\n            elements.forEach((element, index) => {\n                const elementTop = element.getBoundingClientRect().top;\n                const windowHeight = window.innerHeight;\n                \n                if (elementTop < windowHeight - 100) {\n                    setTimeout(() => {\n                        element.style.opacity = '1';\n                        element.style.transform = 'translateY(0)';\n                    }, index * 200);\n                }\n            });\n        });\n        \n        \/\/ \u521d\u59cb\u5316\u52d5\u756b\u72c0\u614b\n        document.addEventListener('DOMContentLoaded', function() {\n            const listItems = document.querySelectorAll('.tips-list li');\n            listItems.forEach(item => {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n            });\n        });\n        \n        \/\/ \u9ede\u64ca\u7dca\u6025\u806f\u7d61\u96fb\u8a71\u7684\u4e92\u52d5\u6548\u679c\n        document.querySelectorAll('.contact-item').forEach(item => {\n            item.addEventListener('click', function() {\n                this.style.transform = 'scale(0.95)';\n                setTimeout(() => {\n                    this.style.transform = 'scale(1.05)';\n                }, 150);\n            });\n        });\n    <\/script>\n\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\/5890"}],"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=5890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5890"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}