{"id":5982,"date":"2025-10-15T09:09:16","date_gmt":"2025-10-15T09:09:16","guid":{"rendered":"\/spirit\/?post_type=tkuisotope&#038;p=5982"},"modified":"2025-10-15T09:09:19","modified_gmt":"2025-10-15T09:09:19","slug":"%e6%95%99%e8%82%b2%e9%83%a8%e3%80%8c%e5%9b%9b%e9%98%b2%e9%bd%8a%e5%bf%83%e3%80%81%e6%a0%a1%e5%9c%92%e5%ae%89%e5%bf%83%e3%80%8d%e6%a0%a1%e5%9c%92%e5%ae%89%e5%85%a8%e6%96%87%e5%ae%a3%ef%bc%8c%e4%b8%ad","status":"publish","type":"tkuisotope","link":"\/spirit\/?tkuisotope=%e6%95%99%e8%82%b2%e9%83%a8%e3%80%8c%e5%9b%9b%e9%98%b2%e9%bd%8a%e5%bf%83%e3%80%81%e6%a0%a1%e5%9c%92%e5%ae%89%e5%bf%83%e3%80%8d%e6%a0%a1%e5%9c%92%e5%ae%89%e5%85%a8%e6%96%87%e5%ae%a3%ef%bc%8c%e4%b8%ad","title":{"rendered":"\u6559\u80b2\u90e8\u300c\u56db\u9632\u9f4a\u5fc3\u3001\u6821\u5712\u5b89\u5fc3\u300d\u6821\u5712\u5b89\u5168\u6587\u5ba3\uff0c\u4e2d\u82f1\u6587\u7248\u52d5\u756b\u53ca\u5716\u5361"},"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\">\u6559\u80b2\u90e8\u300c\u56db\u9632\u9f4a\u5fc3\u3001\u6821\u5712\u5b89\u5fc3\u300d\u6821\u5712\u5b89\u5168\u6587\u5ba3\uff0c\u4e2d\u82f1\u6587\u7248\u52d5\u756b\u53ca\u5716\u5361<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n    <style>\n        \n        .intro-banner {\n            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n            color: white;\n            padding: 25px 40px;\n            text-align: center;\n            font-size: 1.3em;\n            font-weight: bold;\n            letter-spacing: 2px;\n            box-shadow: 0 5px 20px rgba(245, 158, 11, 0.4);\n        }\n        \n        .content {\n            padding: 50px 45px;\n        }\n        \n        .video-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 35px;\n            margin-bottom: 50px;\n        }\n        \n        .video-card {\n            background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 8px 30px rgba(0,0,0,0.12);\n            transition: all 0.4s ease;\n            animation: slideIn 0.6s ease-out backwards;\n        }\n        \n        .video-card:nth-child(1) { animation-delay: 0.1s; }\n        .video-card:nth-child(2) { animation-delay: 0.2s; }\n        .video-card:nth-child(3) { animation-delay: 0.3s; }\n        .video-card:nth-child(4) { animation-delay: 0.4s; }\n        .video-card:nth-child(5) { animation-delay: 0.5s; }\n        .video-card:nth-child(6) { animation-delay: 0.6s; }\n        \n        @keyframes slideIn {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .video-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 45px rgba(0,0,0,0.2);\n        }\n        \n        .video-header {\n            padding: 25px;\n            color: white;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .video-header::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: inherit;\n            filter: brightness(1.1);\n            z-index: 0;\n        }\n        \n        .video-card:nth-child(1) .video-header { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }\n        .video-card:nth-child(2) .video-header { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }\n        .video-card:nth-child(3) .video-header { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }\n        .video-card:nth-child(4) .video-header { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }\n        .video-card:nth-child(5) .video-header { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }\n        .video-card:nth-child(6) .video-header { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }\n        \n        .video-icon {\n            font-size: 3.5em;\n            margin-bottom: 10px;\n            display: block;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .video-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            margin-bottom: 8px;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .video-subtitle {\n            font-size: 1.1em;\n            opacity: 0.95;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .video-body {\n            padding: 30px 25px;\n        }\n        \n        .video-links {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n        \n        .video-link {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 18px 22px;\n            background: white;\n            border: 2px solid #e5e7eb;\n            border-radius: 12px;\n            text-decoration: none;\n            color: #374151;\n            font-weight: 600;\n            font-size: 1.05em;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .video-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.8), transparent);\n            transition: left 0.5s ease;\n        }\n        \n        .video-link:hover::before {\n            left: 100%;\n        }\n        \n        .video-link:hover {\n            transform: translateX(5px);\n            border-color: #3b82f6;\n            background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\n        }\n        \n        .link-label {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .link-icon {\n            font-size: 1.3em;\n        }\n        \n        .link-arrow {\n            font-size: 1.2em;\n            transition: transform 0.3s ease;\n        }\n        \n        .video-link:hover .link-arrow {\n            transform: translateX(5px);\n        }\n        \n        .image-section {\n            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n            padding: 45px;\n            border-radius: 20px;\n            text-align: center;\n            margin-top: 30px;\n            box-shadow: 0 8px 30px rgba(251, 191, 36, 0.3);\n        }\n        \n        .image-title {\n            font-size: 2em;\n            color: #92400e;\n            margin-bottom: 25px;\n            font-weight: bold;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n        \n        .image-link {\n            display: inline-block;\n            background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);\n            color: white;\n            padding: 18px 45px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: bold;\n            font-size: 1.3em;\n            transition: all 0.4s ease;\n            box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .image-link::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 0;\n            height: 0;\n            border-radius: 50%;\n            background: rgba(255,255,255,0.3);\n            transform: translate(-50%, -50%);\n            transition: width 0.6s ease, height 0.6s ease;\n        }\n        \n        .image-link:hover::before {\n            width: 300px;\n            height: 300px;\n        }\n        \n        .image-link:hover {\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.6);\n        }\n        \n        .image-link span {\n            position: relative;\n            z-index: 1;\n        }\n        \n        .footer {\n            background: linear-gradient(135deg, #1f2937 0%, #111827 100%);\n            color: white;\n            padding: 35px;\n            text-align: center;\n            font-size: 1.1em;\n        }\n        \n        .footer-logo {\n            font-size: 2.5em;\n            margin-bottom: 15px;\n        }\n        \n        @media (max-width: 768px) {\n            .header h1 {\n                font-size: 2em;\n            }\n            \n            .header .slogan {\n                font-size: 1.3em;\n                letter-spacing: 4px;\n            }\n            \n            .content {\n                padding: 35px 25px;\n            }\n            \n            .video-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n            \n            .image-section {\n                padding: 30px 20px;\n            }\n            \n            .image-title {\n                font-size: 1.6em;\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        \n        <div class=\"intro-banner\">\n            \ud83d\udcfa \u7cbe\u83ef\u7248 &#038; \u5b8c\u6574\u7248\u52d5\u756b\u5f71\u7247\n        <\/div>\n        \n        <div class=\"content\">\n            <div class=\"video-grid\">\n                <!-- \u9632\u5236\u5b78\u751f\u85e5\u7269\u6feb\u7528 -->\n                <div class=\"video-card\">\n                    <div class=\"video-header\">\n                        <span class=\"video-icon\">\ud83d\udc8a<\/span>\n                        <div class=\"video-title\">\u9632\u5236\u5b78\u751f\u85e5\u7269\u6feb\u7528<\/div>\n                        <div class=\"video-subtitle\">\u85e5\u547d\u7684\u8a98\u60d1<\/div>\n                    <\/div>\n                    <div class=\"video-body\">\n                        <div class=\"video-links\">\n                            <a href=\"https:\/\/youtu.be\/DuqGXL_hm_Y\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\u26a1<\/span>\n                                    <span>\u7cbe\u83ef\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/youtu.be\/1I_6VCSLK54\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\ud83c\udfac<\/span>\n                                    <span>\u5b8c\u6574\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u9632\u5236\u8a50\u9a19 -->\n                <div class=\"video-card\">\n                    <div class=\"video-header\">\n                        <span class=\"video-icon\">\ud83c\udfb4<\/span>\n                        <div class=\"video-title\">\u9632\u5236\u8a50\u9a19<\/div>\n                        <div class=\"video-subtitle\">SSR\u7684\u8a98\u60d1<\/div>\n                    <\/div>\n                    <div class=\"video-body\">\n                        <div class=\"video-links\">\n                            <a href=\"https:\/\/youtu.be\/E36UPzaJNNI\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\u26a1<\/span>\n                                    <span>\u7cbe\u83ef\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/youtu.be\/yeFqVbTWPV0\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\ud83c\udfac<\/span>\n                                    <span>\u5b8c\u6574\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u4ea4\u901a\u5b89\u5168 -->\n                <div class=\"video-card\">\n                    <div class=\"video-header\">\n                        <span class=\"video-icon\">\ud83d\udea6<\/span>\n                        <div class=\"video-title\">\u4ea4\u901a\u5b89\u5168<\/div>\n                        <div class=\"video-subtitle\">\u8f49\u89d2<\/div>\n                    <\/div>\n                    <div class=\"video-body\">\n                        <div class=\"video-links\">\n                            <a href=\"https:\/\/youtu.be\/Q2t0Utwml7I\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\u26a1<\/span>\n                                    <span>\u7cbe\u83ef\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/youtu.be\/-eB1XFn1JAg\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\ud83c\udfac<\/span>\n                                    <span>\u5b8c\u6574\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u9632\u5236\u6821\u5712\u9738\u51cc - \u6ffe\u93e1\u4e4b\u5916 -->\n                <div class=\"video-card\">\n                    <div class=\"video-header\">\n                        <span class=\"video-icon\">\ud83d\udcf1<\/span>\n                        <div class=\"video-title\">\u9632\u5236\u6821\u5712\u9738\u51cc<\/div>\n                        <div class=\"video-subtitle\">\u6ffe\u93e1\u4e4b\u5916<\/div>\n                    <\/div>\n                    <div class=\"video-body\">\n                        <div class=\"video-links\">\n                            <a href=\"https:\/\/youtu.be\/moRgWZqVUvk\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\u26a1<\/span>\n                                    <span>\u7cbe\u83ef\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/youtu.be\/hQhLE5hahqg\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\ud83c\udfac<\/span>\n                                    <span>\u5b8c\u6574\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u9632\u5236\u6821\u5712\u9738\u51cc - \u821e\u529b\u633a -->\n                <div class=\"video-card\">\n                    <div class=\"video-header\">\n                        <span class=\"video-icon\">\ud83d\udc83<\/span>\n                        <div class=\"video-title\">\u9632\u5236\u6821\u5712\u9738\u51cc<\/div>\n                        <div class=\"video-subtitle\">\u821e\u529b\u633a<\/div>\n                    <\/div>\n                    <div class=\"video-body\">\n                        <div class=\"video-links\">\n                            <a href=\"https:\/\/youtu.be\/KEKpbtAELeM\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\u26a1<\/span>\n                                    <span>\u7cbe\u83ef\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/youtu.be\/ocEkfgV_R48\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\ud83c\udfac<\/span>\n                                    <span>\u5b8c\u6574\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u5b78\u751f\u8cc3\u5c45\u5b89\u5168 -->\n                <div class=\"video-card\">\n                    <div class=\"video-header\">\n                        <span class=\"video-icon\">\ud83c\udfe0<\/span>\n                        <div class=\"video-title\">\u5b78\u751f\u8cc3\u5c45\u5b89\u5168<\/div>\n                        <div class=\"video-subtitle\">\u4e0d\u5b58\u5728\u7684\u623f\u9593<\/div>\n                    <\/div>\n                    <div class=\"video-body\">\n                        <div class=\"video-links\">\n                            <a href=\"https:\/\/youtu.be\/GbFXAuL3hgM\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\u26a1<\/span>\n                                    <span>\u7cbe\u83ef\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/youtu.be\/OZ-5A_pXucw\" target=\"_blank\" class=\"video-link Default Icon\" rel=\"noopener\">\n                                <span class=\"link-label\">\n                                    <span class=\"link-icon\">\ud83c\udfac<\/span>\n                                    <span>\u5b8c\u6574\u7248<\/span>\n                                <\/span>\n                                <span class=\"link-arrow\">\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"image-section\">\n                <div class=\"image-title\">\n                    <span>\ud83d\uddbc\ufe0f<\/span>\n                    <span>\u5ba3\u5c0e\u5716\u5361\u4e0b\u8f09<\/span>\n                    <span>\ud83d\uddbc\ufe0f<\/span>\n                <\/div>\n                <a href=\"https:\/\/reurl.cc\/EQMzQg\" target=\"_blank\" class=\"image-link White Icon\" rel=\"noopener\">\n                    <span>\ud83d\udce5 \u9ede\u6b64\u4e0b\u8f09\u5b8c\u6574\u5716\u5361<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n        \n        <div class=\"footer NoBG\">\n            <div class=\"footer-logo\">\ud83c\udf93<\/div>\n            <div>\u6559\u80b2\u90e8 \u6821\u5712\u5b89\u5168\u5ba3\u5c0e<\/div>\n            <div style=\"margin-top: 10px; opacity: 0.8; font-size: 0.95em;\">\u56db\u9632\u9f4a\u5fc3\u3001\u6821\u5712\u5b89\u5fc3<\/div>\n        <\/div>\n    <\/div>\n\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\/5982"}],"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=5982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5982"},{"taxonomy":"post_tag","embeddable":true,"href":"\/spirit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}