{"id":5766,"date":"2025-09-09T05:25:53","date_gmt":"2025-09-09T05:25:53","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5766"},"modified":"2025-10-03T06:16:52","modified_gmt":"2025-10-03T06:16:52","slug":"%e7%a4%be%e5%9c%98%e5%8d%9a%e8%a6%bd%e6%9c%83%e6%94%a4%e4%bd%8d%e5%b0%8d%e7%85%a7%e8%a1%a8%e6%9b%b4%e6%96%b0%e5%9b%89%ef%bc%8c%e8%ab%8b%e5%9b%9e%e5%88%b0%e6%b4%bb%e5%8b%95%e9%a0%81%e9%9d%a2%e6%9f%a5","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=%e7%a4%be%e5%9c%98%e5%8d%9a%e8%a6%bd%e6%9c%83%e6%94%a4%e4%bd%8d%e5%b0%8d%e7%85%a7%e8%a1%a8%e6%9b%b4%e6%96%b0%e5%9b%89%ef%bc%8c%e8%ab%8b%e5%9b%9e%e5%88%b0%e6%b4%bb%e5%8b%95%e9%a0%81%e9%9d%a2%e6%9f%a5","title":{"rendered":"\u793e\u5718\u535a\u89bd\u6703\u6524\u4f4d\u5c0d\u7167\u8868\u66f4\u65b0\u56c9\uff0c\u8acb\u56de\u5230\u6d3b\u52d5\u9801\u9762\u67e5\u770b\u5404\u53c3\u52a0\u793e\u5718\u7684\u6240\u5c6c\u4f4d\u7f6e!!"},"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\">\u793e\u5718\u535a\u89bd\u6703\u6524\u4f4d\u5c0d\u7167\u8868\u66f4\u65b0\u56c9\uff0c\u8acb\u56de\u5230\u6d3b\u52d5\u9801\u9762\u67e5\u770b\u5404\u53c3\u52a0\u793e\u5718\u7684\u6240\u5c6c\u4f4d\u7f6e!!<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n<style>\n        .container {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 40px;\n            max-width: 800px;\n            width: 100%;\n\t\t\tmargin:0px auto;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #ffd93d);\n            background-size: 300% 300%;\n            animation: gradientShift 3s ease infinite;\n        }\n\n        @keyframes gradientShift {\n            0%, 100% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n        }\n\n        .icon {\n            font-size: 60px;\n            margin-bottom: 20px;\n            animation: bounce 2s infinite;\n        }\n\n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n            40% { transform: translateY(-10px); }\n            60% { transform: translateY(-5px); }\n        }\n\n        .title {\n            font-size: 28px;\n            font-weight: bold;\n            color: #333;\n            margin-bottom: 30px;\n            line-height: 1.4;\n        }\n\n        .highlight {\n            color: #667eea;\n            text-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);\n        }\n\n        .content {\n            font-size: 18px;\n            color: #555;\n            line-height: 1.8;\n            margin-bottom: 40px;\n            padding: 25px;\n            background: rgba(102, 126, 234, 0.05);\n            border-radius: 15px;\n            border-left: 4px solid #667eea;\n        }\n\n        .steps {\n            text-align: left;\n            margin: 20px 0;\n            padding-left: 20px;\n        }\n\n        .step {\n            margin-bottom: 10px;\n            color: #666;\n            position: relative;\n        }\n\n        .step::before {\n            content: \"\u2192\";\n            color: #667eea;\n            font-weight: bold;\n            position: absolute;\n            left: -20px;\n        }\n\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(45deg, #667eea, #764ba2);\n            color: white;\n            text-decoration: none;\n            padding: 15px 30px;\n            border-radius: 50px;\n            font-size: 18px;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            box-shadow: 0 8px 15px rgba(102, 126, 234, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-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.2), transparent);\n            transition: left 0.5s;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 20px rgba(102, 126, 234, 0.4);\n        }\n\n        .cta-button:hover::before {\n            left: 100%;\n        }\n\n        .notice {\n            margin-top: 30px;\n            padding: 15px;\n            background: rgba(255, 193, 7, 0.1);\n            border-radius: 10px;\n            border: 1px solid rgba(255, 193, 7, 0.3);\n            color: #856404;\n            font-size: 14px;\n        }\n\n        .floating-shapes {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            overflow: hidden;\n            z-index: -1;\n        }\n\n        .shape {\n            position: absolute;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .shape:nth-child(1) {\n            width: 80px;\n            height: 80px;\n            top: 10%;\n            left: 10%;\n            animation-delay: 0s;\n        }\n\n        .shape:nth-child(2) {\n            width: 120px;\n            height: 120px;\n            top: 70%;\n            right: 10%;\n            animation-delay: 2s;\n        }\n\n        .shape:nth-child(3) {\n            width: 60px;\n            height: 60px;\n            top: 50%;\n            right: 80%;\n            animation-delay: 4s;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(180deg); }\n        }\n\n        @media (max-width: 600px) {\n            .container {\n                padding: 30px 20px;\n                margin: 10px;\n            }\n            \n            .title {\n                font-size: 24px;\n            }\n            \n            .content {\n                font-size: 16px;\n                padding: 20px;\n            }\n            \n            .cta-button {\n                font-size: 16px;\n                padding: 12px 25px;\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        <div class=\"floating-shapes\">\n            <div class=\"shape\"><\/div>\n            <div class=\"shape\"><\/div>\n            <div class=\"shape\"><\/div>\n        <\/div>\n        \n        <div class=\"icon\">\ud83c\udfaa<\/div>\n        \n        <h1 class=\"title\">\n            <span class=\"highlight\">\u793e\u5718\u535a\u89bd\u6703\u6524\u4f4d\u5c0d\u7167\u8868<\/span><br>\n            \u66f4\u65b0\u56c9\uff01\n        <\/h1>\n        \n        <div class=\"content\">\n            <p>\u8acb\u56de\u5230\u6d3b\u52d5\u9801\u9762\u67e5\u770b\u5404\u53c3\u52a0\u793e\u5718\u7684\u6240\u5c6c\u4f4d\u7f6e\uff01<\/p>\n            \n            <div class=\"steps\">\n                <div class=\"step\">\u9ede\u9078\u4e0b\u65b9\u9023\u7d50\u67e5\u770b\u793e\u5718\u6524\u4f4d\u5c0d\u7167\u8868<\/div>\n                <div class=\"step\">\u8a72\u6587\u4ef6\u6709\u4e09\u500b\u5de5\u4f5c\u8868<\/div>\n                <div class=\"step\">\u8acb\u5148\u67e5\u8a62\u81ea\u5df1\u793e\u5718\u7684\u7de8\u865f<\/div>\n                <div class=\"step\">\u518d\u5230\u5f8c\u9762\u7684\u5de5\u4f5c\u8868\u67e5\u770b\u4f4d\u7f6e\u5728\u54ea\u88e1<\/div>\n            <\/div>\n        <\/div>\n        \n        <a href=\"https:\/\/sites.google.com\/tkueca.org\/3rd\/tku-2025-%E7%A4%BE%E5%9C%98%E5%8D%9A%E8%A6%BD%E6%9C%83?authuser=0\" class=\"cta-button White Icon\" target=\"_blank\" rel=\"noopener\">\n            \ud83d\udccd \u67e5\u770b\u6524\u4f4d\u5c0d\u7167\u8868\n        <\/a>\n        \n        <div class=\"notice\">\n            \ud83d\udca1 \u63d0\u9192\uff1a\u8acb\u8a18\u5f97\u5148\u627e\u5230\u81ea\u5df1\u793e\u5718\u7684\u7de8\u865f\uff0c\u518d\u5c0d\u7167\u4f4d\u7f6e\u8cc7\u8a0a\u5594\uff01\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ \u6dfb\u52a0\u4e00\u4e9b\u4e92\u52d5\u6548\u679c\n        document.addEventListener('DOMContentLoaded', function() {\n            const button = document.querySelector('.cta-button');\n            \n            button.addEventListener('click', function() {\n                this.style.transform = 'scale(0.95)';\n                setTimeout(() => {\n                    this.style.transform = '';\n                }, 150);\n            });\n            \n            \/\/ \u6dfb\u52a0\u6ed1\u9f20\u79fb\u52d5\u8996\u5dee\u6548\u679c\n            document.addEventListener('mousemove', function(e) {\n                const shapes = document.querySelectorAll('.shape');\n                const x = e.clientX \/ window.innerWidth;\n                const y = e.clientY \/ window.innerHeight;\n                \n                shapes.forEach((shape, index) => {\n                    const speed = (index + 1) * 0.5;\n                    shape.style.transform = `translate(${x * speed}px, ${y * speed}px)`;\n                });\n            });\n        });\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-asbx","meta":[],"categories":[37],"tags":[],"acf":[],"_links":{"self":[{"href":"\/spirit\/index.php?rest_route=\/wp\/v2\/tkuisotope\/5766"}],"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=5766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5766"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}