{"id":4228,"date":"2026-07-09T15:11:10","date_gmt":"2026-07-09T07:11:10","guid":{"rendered":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228"},"modified":"2026-07-09T20:59:55","modified_gmt":"2026-07-09T12:59:55","slug":"ai%e8%b2%a1%e5%8b%99%e8%a6%8f%e5%8a%83%e5%af%a6%e6%88%b0%e7%8f%ad","status":"publish","type":"page","link":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228","title":{"rendered":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed"},"content":{"rendered":"<!--\r\n  AI\u8ca1\u52d9\u898f\u5283\u57f9\u8a13\u73ed\uff5cWordPress \u5b8c\u6574\u76f8\u5bb9\u7248\u55ae\u9801\u8ab2\u7a0b\u7db2\u7ad9\r\n  \u4f7f\u7528\u65b9\u5f0f\uff1a\r\n  1. \u53ef\u76f4\u63a5\u8cbc\u5230 WordPress\u300c\u81ea\u8a02 HTML\u300d\u5340\u584a\u3002\r\n  2. CSS \/ JavaScript \u5df2\u6574\u5408\u5728\u540c\u4e00\u4efd HTML\u3002\r\n  3. \u5168\u90e8\u6a23\u5f0f\u4f7f\u7528 .afp-showcase \u524d\u7db4\u8207\u5c40\u90e8 reset\uff0c\u964d\u4f4e\u88ab WordPress \u4e3b\u984c\u8986\u84cb\u6a5f\u7387\u3002\r\n  4. \u5efa\u8b70\u8cbc\u5230 WordPress\u300c\u81ea\u8a02 HTML\u300d\u5340\u584a\uff0c\u6216 Elementor HTML \u5340\u584a\u3002\r\n-->\r\n\r\n<div class=\"afp-showcase\" data-deadline=\"2026-08-31T23:59:59+08:00\">\r\n  <!-- =========================\r\n       \u9802\u90e8\u8ab2\u7a0b\u5c0e\u89bd\u5217\r\n       \u53c3\u8003\u62db\u751f\u9801\u7684\u9328\u9ede\u5c0e\u89bd\uff0c\u4f46\u6539\u70ba\u8ca1\u52d9\u898f\u5283\u8ab2\u7a0b\u5167\u5bb9\r\n       ========================= -->\r\n  <nav class=\"afp-show-nav\" aria-label=\"AI\u8ca1\u52d9\u898f\u5283\u57f9\u8a13\u73ed\u5c0e\u89bd\">\r\n    <a class=\"afp-show-brand\" href=\"#afp-hero\">\r\n      <span>AI<\/span>\r\n      <strong>FINANCE<\/strong>\r\n    <\/a>\r\n\r\n    <button class=\"afp-show-menu\" type=\"button\" aria-label=\"\u958b\u555f\u9078\u55ae\" aria-expanded=\"false\">\r\n      <i><\/i><i><\/i><i><\/i>\r\n    <\/button>\r\n\r\n    <div class=\"afp-show-links\">\r\n      <a href=\"#afp-features\">\u8ab2\u7a0b\u7279\u8272<\/a>\r\n      <a href=\"#afp-outline\">\u8ab2\u7a0b\u5167\u5bb9<\/a>\r\n      <a href=\"#afp-info\">\u5831\u540d\u8cc7\u8a0a<\/a>\r\n      <a href=\"#afp-poster\">\u8ab2\u7a0b\u6d77\u5831<\/a>\r\n      <a href=\"https:\/\/ojt.wda.gov.tw\/ClassSearch\/Detail?PlanType=5&OCID=174546\" class=\"afp-link-cta\">\u7acb\u5373\u5831\u540d<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- =========================\r\n       Hero \u9996\u5c4f\u5340\u584a\r\n       \u63a1\u7528\u5927\u6a19\u984c\u3001\u8ab2\u7a0b\u5b9a\u4f4d\u3001\u6578\u5b57\u6458\u8981\u7684\u62db\u751f\u9801\u98a8\u683c\r\n       ========================= -->\r\n  <header id=\"afp-hero\" class=\"afp-show-hero afp-reveal\">\r\n    <div class=\"afp-hero-inner\">\r\n      <div class=\"afp-hero-copy\">\r\n        <div class=\"afp-kicker\">\u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb AI\u667a\u6167\u6280\u8853\u8207\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u64da\u9ede<\/div>\r\n        <div class=\"afp-hero-label\">\u5728\u8077\u8005\u57f9\u8a13\u73ed<\/div>\r\n        <h1>\r\n          <span>AI\u8ca1\u52d9\u898f\u5283<\/span>\r\n          <em>\u5be6\u6230\u73ed<\/em>\r\n        <\/h1>\r\n        <p class=\"afp-hero-slogan\">\u638c\u63e1 AI \u6578\u4f4d\u8f49\u578b\u5229\u5668\uff0c\u63d0\u5347\u8077\u5834\u6838\u5fc3\u50f9\u503c\u3002<\/p>\r\n        <div class=\"afp-hero-actions\">\r\n          <a class=\"afp-main-btn\" href=\"#afp-contact\">\u7acb\u5373\u8aee\u8a62\u5831\u540d<\/a>\r\n          <a class=\"afp-sub-btn\" href=\"#afp-outline\">\u67e5\u770b\u8ab2\u7a0b\u5167\u5bb9 \u2193<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"afp-status-card\" aria-label=\"\u5831\u540d\u5012\u6578\">\r\n        <span>Course Status<\/span>\r\n        <h2>\u5831\u540d\u5012\u6578<\/h2>\r\n        <div class=\"afp-countdown\">\r\n          <div><strong id=\"afp-days\">--<\/strong><small>\u5929<\/small><\/div>\r\n          <div><strong id=\"afp-hours\">--<\/strong><small>\u6642<\/small><\/div>\r\n          <div><strong id=\"afp-minutes\">--<\/strong><small>\u5206<\/small><\/div>\r\n          <div><strong id=\"afp-seconds\">--<\/strong><small>\u79d2<\/small><\/div>\r\n        <\/div>\r\n        <!-- \u53ef\u4fee\u6539\uff1a\u5831\u540d\u671f\u9650\u6587\u5b57 -->\r\n        <p>\u5831\u540d\u671f\u9650\uff5c\u5373\u65e5\u8d77\u81f3 2026\/08\/21 16\uff1a00<\/p>\r\n      <\/aside>\r\n    <\/div>\r\n<div class=\"afp-stat-strip\" aria-label=\"\u8ab2\u7a0b\u6458\u8981\">\r\n\t<div><strong>30\u5c0f\u6642<\/strong><span>\u7e3d\u8a13\u7df4\u6642\u6578\uff085\u5468 | \u6bcf\u5468\u516d\uff09<br>\u958b\u8a13\u65e5\u671f115\u5e749\u67085\u65e5-115\u5e7410\u67083\u65e5<\/span><\/div>\r\n\t<div><strong>\u5728\u8077<\/strong><span>\u57f9\u8a13\u73ed\u985e\u578b<\/span><\/div>\r\n<\/div>\r\n  <\/header>\r\n\r\n  <main>\r\n    <!-- =========================\r\n         \u8ab2\u7a0b\u7279\u8272\r\n         \u6539\u70ba\u53c3\u8003\u9801\u5e38\u898b\u7684\u4eae\u9ede\u5361\u7247\u6392\u5217\r\n         ========================= -->\r\n    <section id=\"afp-features\" class=\"afp-block afp-reveal\">\r\n      <div class=\"afp-section-title\">\r\n        <span>Course Highlights<\/span>\r\n        <h2>\u70ba\u4f55\u9078\u64c7\u9019\u5802\u8ab2\uff1f<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"afp-highlight-grid\">\r\n        <article>\r\n          <b>01<\/b>\r\n          <h3>\u5b8c\u6574\u8ca1\u52d9\u898f\u5283\u67b6\u69cb<\/h3>\r\n          <p>\u5f9e\u73fe\u91d1\u6d41\u3001\u98a8\u96aa\u4fdd\u969c\u5230\u9000\u4f11\u898f\u5283\uff0c\u5efa\u7acb\u5b8c\u6574\u8ca1\u52d9\u601d\u7dad\u3002<\/p>\r\n        <\/article>\r\n        <article>\r\n          <b>02<\/b>\r\n          <h3>\u5be6\u52d9\u5c0e\u5411\u6848\u4f8b\u6f14\u7df4<\/h3>\r\n          <p>\u900f\u904e\u6295\u8cc7\u914d\u7f6e\u3001\u4fdd\u96aa\u898f\u5283\u8207\u7a05\u52d9\u50b3\u627f\u6848\u4f8b\uff0c\u5f37\u5316\u5be6\u969b\u61c9\u7528\u80fd\u529b\u3002<\/p>\r\n        <\/article>\r\n        <article>\r\n          <b>03<\/b>\r\n          <h3>AI\u5de5\u5177\u8f14\u52a9\u5206\u6790<\/h3>\r\n          <p>\u5b78\u7fd2\u904b\u7528AI\u8207\u6578\u4f4d\u5de5\u5177\uff0c\u63d0\u5347\u8ca1\u52d9\u5065\u8a3a\u8207\u898f\u5283\u6548\u7387\u3002<\/p>\r\n        <\/article>\r\n\t\t<article>\r\n          <b>04<\/b>\r\n          <h3>\u5c08\u5bb6\u9818\u822a<\/h3>\r\n\t\t<p>\u9080\u8acb\u8ca1\u52d9\u898f\u5283\u8cc7\u6df1\u5c08\u5bb6\uff0c\u7cfb\u7d71\u5b78\u7fd2AI\u8ca1\u52d9\u898f\u5283\u95dc\u9375\u6280\u80fd\u3002<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         \u8ab2\u7a0b\u5167\u5bb9\r\n         \u7528\u5927\u7de8\u865f\u5361\u7247\u5448\u73fe\uff0c\u9760\u8fd1\u53c3\u8003\u9801\u7684 Curriculum \u98a8\u683c\r\n         ========================= -->\r\n    <section id=\"afp-outline\" class=\"afp-block afp-block-soft afp-reveal\">\r\n      <div class=\"afp-section-title\">\r\n        <span>Curriculum<\/span>\r\n        <h2>\u8ab2\u7a0b\u5167\u5bb9<\/h2>\r\n        <p>\u4e94\u5927\u4e3b\u984c\u4e32\u8d77\u5b8c\u6574\u7684\u8ca1\u52d9\u898f\u5283\u8207 AI \u61c9\u7528\u80fd\u529b<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"afp-curriculum-wrap\">\r\n        <div class=\"afp-course-grid\">\r\n          <article class=\"afp-course-card\">\r\n            <div class=\"afp-course-icon\">\ud83d\udcca<\/div>\r\n            <div class=\"afp-course-number\">01<\/div>\r\n            <h3>AI\u8ca1\u52d9\u898f\u5283-\u73fe\u91d1\u6d41\u5065\u8a3a<\/h3>\r\n          <\/article>\r\n\r\n          <article class=\"afp-course-card\">\r\n            <div class=\"afp-course-icon\">\ud83d\udcb8<\/div>\r\n            <div class=\"afp-course-number\">02<\/div>\r\n            <h3>AI\u8ca1\u52d9\u898f\u5283-\u98a8\u96aa\u8a55\u4f30\u8207\u4fdd\u96aa<\/h3>\r\n          <\/article>\r\n\r\n          <article class=\"afp-course-card\">\r\n            <div class=\"afp-course-icon\">\ud83d\udcc8<\/div>\r\n            <div class=\"afp-course-number\">03<\/div>\r\n            <h3>AI\u8ca1\u52d9\u898f\u5283-\u6295\u8cc7\u6c7a\u7b56\u8207\u8cc7\u7522\u914d\u7f6e<\/h3>\r\n          <\/article>\r\n\r\n          <article class=\"afp-course-card\">\r\n            <div class=\"afp-course-icon\">\ud83d\udee1\ufe0f<\/div>\r\n            <div class=\"afp-course-number\">04<\/div>\r\n            <h3>AI\u8ca1\u52d9\u898f\u5283-\u6578\u4f4d\u7a05\u52d9&\u50b3\u627f\u898f\u5283<\/h3>\r\n          <\/article>\r\n\r\n          <article class=\"afp-course-card\">\r\n            <div class=\"afp-course-icon\">\ud83e\udd16<\/div>\r\n            <div class=\"afp-course-number\">05<\/div>\r\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<h3>AI\u8ca1\u52d9\u898f\u5283-\u9000\u4f11\u898f\u5283\u8207\u9577\u671f\u85cd\u5716<\/h3>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         \u5831\u540d\u8cc7\u8a0a\r\n         \u4fdd\u7559\u539f\u5167\u5bb9\uff0c\u6539\u6210\u53c3\u8003\u9801\u7684\u8cc7\u8a0a\u5361\u6392\u5217\r\n         ========================= -->\r\n    <section id=\"afp-info\" class=\"afp-block afp-reveal\">\r\n      <div class=\"afp-section-title\">\r\n        <span>Registration Info<\/span>\r\n        <h2>\u5831\u540d\u8cc7\u8a0a<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"afp-info-layout\">\r\n        <article class=\"afp-info-box\">\r\n          <span>01<\/span>\r\n          <h3>\u5831\u540d\u5c0d\u8c61<\/h3>\r\n          <ul>\r\n            <li>\u5e74\u6eff15\u6b72\u4ee5\u4e0a\u4e4b\u5728\u8077\u52de\u5de5\u3002<\/li>\r\n            <li>\u5c0dAI\u61c9\u7528\u8207\u8ca1\u52d9\u898f\u5283\u6709\u8208\u8da3\u8005\u3002<\/li>\r\n            <li>\u5e0c\u671b\u63d0\u5347\u8077\u5834\u6578\u4f4d\u61c9\u7528\u80fd\u529b\u8005\u3002<\/li>            \r\n          <\/ul>\r\n        <\/article>\r\n  \r\n\t\t<article class=\"afp-info-box\">\r\n          <span>02<\/span>\r\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<h3>\u9304\u8a13\u53ca\u7504\u8a66\u65b9\u5f0f<\/h3>\r\n          <ul>\r\n            <li>\u66f8\u5be9100%\uff08\u514d\u7b46\u8a66\u3001\u514d\u9762\u8a66\uff09<\/li>\r\n            <li>\u7504\u8a66\u4f5c\u696d\u4ee5\u66f8\u9762\u5be9\u67e5\u65b9\u5f0f\u9032\u884c\uff0c\u64c7\u512a\u9304\u53d6\u3002\u6b63\u53d622\u540d\uff0c\u5099\u53d610\u540d\u3002<\/li>\r\n<li>\u7533\u8acb\u4eba\u61c9\u4f7f\u7528\u672c\u55ae\u4f4d\u6307\u5b9a\u4e4b\u300c\u66f8\u9762\u5be9\u67e5\u5c65\u6b77\u8868\u300d\uff0c\u4e26\u65bc\u5831\u540d\u622a\u6b62\u65e5\u524d\u7e73\u4ea4\u5c65\u6b77\u8868\u53ca\u76f8\u95dc\u4f50\u8b49\u8cc7\u6599\uff0c\u4ea6\u53ef\u89aa\u81f3\u672c\u55ae\u4f4d\u7d22\u53d6\u3002<br>\u66f8\u9762\u5be9\u67e5\u5c65\u6b77\u8868\uff1a<a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/07\/AI.docx\" style=\"color:red; text-decoration: underline!important;\">\u9ede\u64ca\u4e0b\u8f09<\/a><\/li> \r\n<li>\u8cc7\u6599\u7e73\u4ea4\u65b9\u5f0f\uff1a\u586b\u5beb\u5b8c\u6210\u4e4b\u300c\u66f8\u9762\u5be9\u67e5\u5c65\u6b77\u8868\u300d\u96fb\u5b50\u6a94\u53ca\u76f8\u95dc\u4f50\u8b49\u8cc7\u6599\uff0c\u8acb\u65bc\u5831\u540d\u622a\u6b62\u65e5\u524d\u5bc4\u9001\u81f3\u96fb\u5b50\u90f5\u4ef6\uff1a<a style=\"color:black; text-decoration: underline!important;\">aittc.nutn@gmail.com<\/a>\u3002<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\t\t  \r\n        <article class=\"afp-info-box afp-hour-box\">\r\n          <span>03<\/span>\r\n          <h3>\u8ab2\u7a0b\u7e3d\u6642\u9577<\/h3>\r\n\t\t\t<strong>30\u5c0f\u6642<\/strong>\r\n\t\t\t<p>\u5171 5 \u5468\uff5c\u6bcf\u9031\u516d9\uff1a00~16\uff1a00\uff0c\u4ee5\u964d\u4f4e\u5728\u8077\u8005\u9032\u4fee\u8ca0\u64d4\u3002<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         \u8ab2\u7a0b\u6d77\u5831\r\n         \u6309\u9215\u5f0f\u6d77\u5831\uff0c\u53ef\u9ede\u64ca\u653e\u5927\r\n         ========================= -->\r\n    <section id=\"afp-poster\" class=\"afp-block afp-block-soft afp-poster-block afp-reveal\">\r\n      <div class=\"afp-section-title afp-center\">\r\n        <span>Poster<\/span>\r\n        <h2>\u8ab2\u7a0b\u6d77\u5831<\/h2>\r\n        <p>\u9ede\u64ca\u5716\u7247\u53ef\u958b\u555f\u5b8c\u6574\u6d77\u5831<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"afp-poster-wrapper\">\r\n        <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/07\/P-V9.png\" target=\"_blank\" rel=\"noopener\" class=\"afp-poster-link\" aria-label=\"\u958b\u555f\u8ab2\u7a0b\u6d77\u5831\">\r\n          <img decoding=\"async\" class=\"afp-poster-image\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/07\/P-V9.png\" alt=\"AI\u8ca1\u52d9\u898f\u5283\u57f9\u8a13\u73ed\u6d77\u5831\">\r\n        <\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         \u806f\u7d61\u8207\u5831\u540d\r\n         ========================= -->\r\n    <section id=\"afp-contact\" class=\"afp-block afp-contact-block afp-reveal\">\r\n      <div class=\"afp-contact-panel\">\r\n        <div>\r\n          <span>Registration<\/span>\r\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<h2 style=\"color:white!important;\">\u7acb\u5373\u5831\u540d<\/h2>\r\n          <p>~\u6b61\u8fce\u6d3d\u8a62~<\/p>\r\n        <\/div>\r\n        <div class=\"afp-contact-data\">\r\n          <!-- \u53ef\u4fee\u6539\uff1a\u96fb\u8a71\u3001\u4fe1\u7bb1\u3001\u5730\u5740\u3001\u5831\u540d\u7db2\u5740 -->\r\n          <p><strong>\u96fb\u8a71\uff1a<\/strong>06-2130019<\/p>\r\n          <p><strong>Email\uff1a<\/strong>aittc.nutn@gmail.com<\/p>\r\n\t\t<p><strong>\u66f8\u9762\u5be9\u67e5\u5c65\u6b77\u8868\uff1a<\/strong><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/07\/AI.docx\" style=\"color:red; text-decoration: underline!important;\">\u9ede\u64ca\u4e0b\u8f09<\/a><br>\uff08\u586b\u5beb\u5b8c\u7562\u5f8c\u8acb\u767c\u9001\u81f3\u4e0a\u65b9Email\uff09<\/p>\r\n          <p><strong>\u5730\u9ede\uff1a<\/strong>\u570b\u7acb\u81fa\u5357\u5927\u5b78 \u5e9c\u57ce\u6821\u5340<\/p>\r\n          <p><strong>\u5b98\u65b9line\uff1a<\/strong>@270jdtoe<\/p>\r\n          <a class=\"afp-main-btn\" href=\"https:\/\/ojt.wda.gov.tw\/ClassSearch\/Detail?PlanType=5&OCID=174546\" target=\"_blank\" rel=\"noopener\">\u524d\u5f80\u5831\u540d\u9801 \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <!-- =========================\r\n       \u5e95\u90e8 Banner\r\n       ========================= -->\r\n  <footer class=\"afp-footer\">\r\n    <p>\u00a9 2026 AI\u667a\u6167\u6280\u8853\u8207\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u64da\u9ede | \u7248\u6b0a\u6240\u6709<\/p>\r\n  <\/footer>\r\n\r\n  <!-- \u6d6e\u52d5\u5feb\u901f\u6309\u9215 -->\r\n  <div class=\"afp-float\">\r\n    <a href=\"https:\/\/ojt.wda.gov.tw\/ClassSearch\/Detail?PlanType=5&OCID=174546\" target=\"_blank\" rel=\"noopener\">\u5831\u540d<\/a>\r\n    <button type=\"button\" id=\"afp-top-btn\" aria-label=\"\u56de\u5230\u9801\u9996\">\u2191<\/button>\r\n  <\/div>\r\n\r\n  <!-- \u6d77\u5831\u653e\u5927\u8996\u7a97 -->\r\n  <div class=\"afp-modal\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"\u8ab2\u7a0b\u6d77\u5831\u653e\u5927\u8996\u7a97\">\r\n    <div class=\"afp-modal-bg\"><\/div>\r\n    <div class=\"afp-modal-box\">\r\n      <button type=\"button\" class=\"afp-modal-close\" aria-label=\"\u95dc\u9589\u6d77\u5831\">\u00d7<\/button>\r\n      <img decoding=\"async\" class=\"afp-modal-image\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/07\/P-V9.png\" alt=\"AI\u8ca1\u52d9\u898f\u5283\u57f9\u8a13\u73ed\u5b8c\u6574\u6d77\u5831\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* =========================\r\n     \u57fa\u790e\u8a2d\u5b9a\uff1a\u53ea\u5f71\u97ff .afp-showcase\r\n     ========================= *\/\r\n  .afp-showcase {\r\n    --navy: #132b46;\r\n    --blue: #1e4f78;\r\n    --cyan: #3fa7c8;\r\n    --gold: #d5a84f;\r\n    --orange: #f08b46;\r\n    --paper: #ffffff;\r\n    --soft: #f3f7fb;\r\n    --ink: #203145;\r\n    --muted: #687789;\r\n    --line: rgba(19, 43, 70, .12);\r\n    --shadow: 0 16px 40px rgba(19, 43, 70, .12);\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    font-family: \"Noto Sans TC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif !important;\r\n    color: var(--ink);\r\n    background: #fff;\r\n    overflow-x: hidden;\r\n    scroll-behavior: smooth;\r\n    line-height: 1.5;\r\n    isolation: isolate;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n\r\n  \/* WordPress \u4e3b\u984c\u5e38\u6703\u8986\u84cb h\/p\/a\/button\/img\uff0c\u9019\u88e1\u53ea\u5728\u672c\u5340\u584a\u5167\u91cd\u7f6e *\/\r\n  .afp-showcase,\r\n  .afp-showcase * {\r\n    box-sizing: border-box;\r\n    min-width: 0;\r\n  }\r\n  .afp-showcase h1,\r\n  .afp-showcase h2,\r\n  .afp-showcase h3,\r\n  .afp-showcase p,\r\n  .afp-showcase ul {\r\n    font-family: inherit !important;\r\n  }\r\n  .afp-showcase a {\r\n    color: inherit;\r\n    text-decoration: none !important;\r\n    box-shadow: none !important;\r\n  }\r\n  .afp-showcase button {\r\n    font: inherit;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n  }\r\n  .afp-showcase img {\r\n    max-width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  \/* =========================\r\n     \u5c0e\u89bd\u5217\r\n     ========================= *\/\r\n  .afp-show-nav {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 100;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 12px clamp(16px, 4vw, 58px);\r\n    background: rgba(255,255,255,.94);\r\n    border-bottom: 1px solid var(--line);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n  .afp-show-brand { display: flex; align-items: baseline; gap: 8px; font-weight: 900; color: var(--navy); letter-spacing: .04em; }\r\n  .afp-show-brand span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, var(--blue), var(--cyan)); color: #fff; font-size: 14px; }\r\n  .afp-show-brand strong { font-size: 15px; }\r\n  .afp-show-links { display: flex; align-items: center; gap: 20px; font-size: 14px; font-weight: 700; color: #43546a; }\r\n  .afp-show-links a { padding: 8px 0; }\r\n  .afp-link-cta { padding: 9px 14px !important; border-radius: 99px; background: var(--orange); color: #fff !important; }\r\n  .afp-show-menu { display: none; border: 0; background: transparent; padding: 8px; cursor: pointer; }\r\n  .afp-show-menu i { display: block; width: 24px; height: 2px; margin: 5px 0; background: var(--navy); }\r\n\r\n  \/* =========================\r\n     Hero\r\n     ========================= *\/\r\n  .afp-show-hero {\r\n    position: relative;\r\n    padding: clamp(54px, 7vw, 86px) clamp(18px, 5vw, 78px) clamp(34px, 5vw, 58px);\r\n    background:\r\n      radial-gradient(circle at 84% 18%, rgba(63,167,200,.24), transparent 34%),\r\n      radial-gradient(circle at 14% 22%, rgba(213,168,79,.18), transparent 28%),\r\n      linear-gradient(135deg, #f8fbff 0%, #edf6fb 48%, #fff7ea 100%);\r\n    border-bottom: 1px solid var(--line);\r\n  }\r\n  .afp-hero-inner {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .72fr);\r\n    gap: clamp(24px, 5vw, 56px);\r\n    align-items: center;\r\n  }\r\n  .afp-kicker { color: var(--blue); font-size: 14px; font-weight: 800; margin-bottom: 18px; }\r\n  .afp-hero-label { display: inline-flex; padding: 8px 14px; border-radius: 99px; background: rgba(240,139,70,.12); color: #b65c20; font-weight: 900; letter-spacing: .04em; }\r\n  .afp-hero-copy h1 { margin: 16px 0 14px; color: var(--navy); line-height: .98; letter-spacing: -0.055em; font-size: clamp(48px, 8vw, 88px); }\r\n  .afp-hero-copy h1 span, .afp-hero-copy h1 em { display: block; font-style: normal; }\r\n  .afp-hero-copy h1 em { color: var(--blue); }\r\n  .afp-hero-slogan {\r\n    max-width: 720px;\r\n    margin: 0 0 4px !important;\r\n    color: #526276 !important;\r\n    line-height: 1.75 !important;\r\n    font-size: clamp(18px, 2vw, 24px) !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: .01em;\r\n  }\r\n  .afp-hero-copy p { max-width: 720px; margin: 0; color: #526276; line-height: 1.85; font-size: clamp(16px, 1.6vw, 20px); }\r\n  .afp-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }\r\n  .afp-main-btn, .afp-sub-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 46px;\r\n    padding: 0 20px;\r\n    border-radius: 99px;\r\n    font-weight: 900;\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n  }\r\n  .afp-main-btn { background: linear-gradient(135deg, var(--orange), #e66935); color: #fff !important; box-shadow: 0 12px 22px rgba(240,139,70,.22); }\r\n  .afp-sub-btn { background: #fff; color: var(--blue); border: 1px solid rgba(30,79,120,.16); }\r\n  .afp-main-btn:hover, .afp-sub-btn:hover { transform: translateY(-2px); }\r\n\r\n  .afp-status-card {\r\n    background: rgba(255,255,255,.82);\r\n    border: 1px solid rgba(255,255,255,.84);\r\n    border-radius: 26px;\r\n    padding: 26px;\r\n    box-shadow: var(--shadow);\r\n    backdrop-filter: blur(14px);\r\n  }\r\n  .afp-status-card > span { color: var(--orange); font-weight: 900; letter-spacing: .08em; font-size: 13px; }\r\n  .afp-status-card h2 { margin: 8px 0 16px; color: var(--navy); font-size: 28px; }\r\n  .afp-countdown { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }\r\n  .afp-countdown div { text-align: center; padding: 13px 6px; border-radius: 16px; background: #f2f7fb; border: 1px solid var(--line); }\r\n  .afp-countdown strong { display: block; color: var(--blue); font-size: 26px; line-height: 1; }\r\n  .afp-countdown small { color: var(--muted); font-size: 12px; }\r\n  .afp-status-card p { margin: 14px 0 0; color: var(--muted); line-height: 1.6; }\r\n\r\n  .afp-stat-strip {\r\n    max-width: 620px;\r\n    margin: 34px auto 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n  .afp-stat-strip div { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 18px 16px; text-align: center; box-shadow: 0 12px 24px rgba(19,43,70,.07); }\r\n  .afp-stat-strip strong { display: block; color: var(--orange); font-size: clamp(30px, 4vw, 48px); line-height: 1; }\r\n  .afp-stat-strip span { display: block; color: var(--muted); margin-top: 8px; font-weight: 800; font-size: 14px; }\r\n\r\n  \/* =========================\r\n     \u5340\u584a\u901a\u7528\u8a2d\u5b9a\uff1a\u6bd4\u539f\u672c\u7dca\u6e4a\uff0c\u4f46\u4fdd\u7559\u62db\u751f\u9801\u5c64\u6b21\r\n     ========================= *\/\r\n  .afp-block { padding: clamp(42px, 6vw, 68px) clamp(18px, 5vw, 78px); }\r\n  .afp-block-soft { background: var(--soft); }\r\n  .afp-section-title { max-width: 1050px; margin: 0 auto 24px; }\r\n  .afp-section-title span { color: var(--cyan); font-weight: 900; letter-spacing: .08em; font-size: 13px; text-transform: uppercase; }\r\n  .afp-section-title h2 { margin: 7px 0 0; color: var(--navy); font-size: clamp(30px, 4vw, 48px); letter-spacing: -0.035em; }\r\n  .afp-section-title p { margin: 8px 0 0; color: var(--muted); }\r\n  .afp-center { text-align: center; }\r\n\r\n  .afp-highlight-grid {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n  .afp-highlight-grid article, .afp-info-box, .afp-cert-row article {\r\n    background: #fff;\r\n    border: 1px solid var(--line);\r\n    border-radius: 22px;\r\n    padding: 20px;\r\n    box-shadow: 0 10px 28px rgba(19,43,70,.07);\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n  }\r\n  .afp-highlight-grid article:hover, .afp-info-box:hover, .afp-cert-row article:hover { transform: translateY(-3px); box-shadow: var(--shadow); }\r\n  .afp-highlight-grid b, .afp-info-box > span { color: var(--orange); font-size: 22px; font-weight: 950; }\r\n  .afp-highlight-grid h3, .afp-info-box h3, .afp-cert-row h3 { margin: 10px 0 8px; color: var(--navy); font-size: 21px; }\r\n  .afp-highlight-grid p, .afp-cert-row p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 15px; }\r\n\r\n  \/* =========================\r\n     \u8ab2\u7a0b\u5167\u5bb9\u5361\u7247\r\n     ========================= *\/\r\n  .afp-curriculum-wrap { max-width: 1120px; margin: 0 auto; }\r\n  .afp-course-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n  .afp-course-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 24px;\r\n    border-radius: 24px;\r\n    border: 1px solid rgba(30,79,120,.12);\r\n    background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);\r\n    box-shadow: 0 14px 32px rgba(19,43,70,.07);\r\n    min-height: 150px;\r\n    display: grid;\r\n    grid-template-columns: 54px minmax(0, 1fr);\r\n    column-gap: 14px;\r\n    align-items: center;\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n  }\r\n  .afp-course-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 36px rgba(19,43,70,.12);\r\n  }\r\n  .afp-course-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--orange), var(--cyan));\r\n  }\r\n  .afp-course-icon {\r\n    position: absolute;\r\n    right: 18px;\r\n    bottom: 14px;\r\n    font-size: 34px;\r\n    line-height: 1;\r\n    opacity: .12;\r\n    pointer-events: none;\r\n  }\r\n  .afp-course-number {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 54px;\r\n    height: 54px;\r\n    border-radius: 16px;\r\n    background: rgba(30,79,120,.08);\r\n    color: var(--blue);\r\n    font-size: 21px;\r\n    font-weight: 950;\r\n    grid-column: 1;\r\n    grid-row: 1;\r\n  }\r\n  .afp-course-card h3 {\r\n    margin: 0;\r\n    color: var(--navy);\r\n    font-size: 20px;\r\n    line-height: 1.35;\r\n    grid-column: 2;\r\n    grid-row: 1;\r\n    padding-right: 18px;\r\n  }\r\n\r\n  \/* =========================\r\n     \u5831\u540d\u8cc7\u8a0a\r\n     ========================= *\/\r\n  .afp-info-layout {\r\n    max-width: 1050px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 320px));\r\n    justify-content: center;\r\n    align-items: stretch;\r\n    gap: 16px;\r\n  }\r\n  .afp-info-box ul { margin: 10px 0 0; padding-left: 20px; color: var(--muted); line-height: 1.75; font-size: 15px; }\r\n  .afp-info-emphasis { background: linear-gradient(180deg, #fff7eb, #fff); border-color: rgba(240,139,70,.22); }\r\n  .afp-hour-box strong { display: block; margin: 8px 0 4px; color: var(--orange); font-size: 58px; line-height: 1; }\r\n  .afp-hour-box p { margin: 0; color: var(--muted); line-height: 1.7; }\r\n\r\n  \/* =========================\r\n     \u6d77\u5831\r\n     ========================= *\/\r\n  .afp-poster-block { text-align: center; }\r\n  .afp-poster-wrapper {\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n  }\r\n  .afp-poster-link {\r\n    display: block;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow);\r\n    border: 1px solid var(--line);\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n  }\r\n  .afp-poster-link:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 44px rgba(19,43,70,.16);\r\n  }\r\n  .afp-poster-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: cover;\r\n  }\r\n  .afp-poster-frame span, .afp-modal-poster span { color: #ffe5a6; font-weight: 900; letter-spacing: .06em; }\r\n  .afp-poster-frame h3, .afp-modal-poster h3 { margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -0.04em; }\r\n  .afp-poster-frame p, .afp-modal-poster p { color: rgba(255,255,255,.82); line-height: 1.7; }\r\n  .afp-poster-frame small { color: #ffe5a6; }\r\n\r\n  \/* =========================\r\n     \u8b49\u7167 \/ FAQ \/ \u806f\u7d61\r\n     ========================= *\/\r\n  .afp-cert-row { max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }\r\n  .afp-cert-row article > span { display: inline-flex; padding: 8px 12px; border-radius: 99px; background: #edf6fb; color: var(--blue); font-weight: 900; }\r\n  .afp-faq-list { max-width: 960px; margin: 0 auto; overflow: hidden; border-radius: 22px; background: #fff; border: 1px solid var(--line); }\r\n  .afp-faq-q { width: 100%; border: 0; border-bottom: 1px solid var(--line); background: #fff; color: var(--navy); display: flex; justify-content: space-between; align-items: center; padding: 17px 20px; cursor: pointer; font-weight: 900; text-align: left; }\r\n  .afp-faq-q span { color: var(--orange); }\r\n  .afp-faq-q.active { color: var(--blue); }\r\n  .afp-faq-a { display: none; padding: 0 20px 16px; color: var(--muted); line-height: 1.75; background: #fff; }\r\n  .afp-faq-a.open { display: block; }\r\n\r\n  .afp-contact-block { background: linear-gradient(135deg, var(--navy), var(--blue)); }\r\n  .afp-contact-panel { max-width: 1050px; margin: 0 auto; display: grid; grid-template-columns: 1fr .9fr; gap: 24px; align-items: center; color: #fff; }\r\n  .afp-contact-panel span { color: #ffe5a6; font-weight: 900; letter-spacing: .08em; }\r\n  .afp-contact-panel h2 { margin: 8px 0; font-size: clamp(34px, 5vw, 54px); letter-spacing: -0.04em; }\r\n  .afp-contact-panel p { color: rgba(255,255,255,.82); line-height: 1.75; }\r\n  .afp-contact-data { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.16); border-radius: 22px; padding: 22px; }\r\n  .afp-contact-data p { margin: 0 0 8px; }\r\n  .afp-contact-data .afp-main-btn { margin-top: 10px; }\r\n\r\n  .afp-footer { background: #0d2035; color: rgba(255,255,255,.72); text-align: center; padding: 24px 16px; }\r\n  .afp-footer p { margin: 0; }\r\n  .afp-float { position: fixed; right: 18px; bottom: 18px; z-index: 90; display: grid; gap: 10px; }\r\n  .afp-float a, .afp-float button { width: 52px; height: 52px; border: 0; border-radius: 50%; display: grid; place-items: center; background: var(--orange); color: #fff; font-weight: 900; box-shadow: 0 12px 24px rgba(19,43,70,.22); cursor: pointer; }\r\n\r\n  \/* =========================\r\n     Modal\r\n     ========================= *\/\r\n  .afp-modal { display: none; position: fixed; inset: 0; z-index: 9999; padding: 22px; place-items: center; }\r\n  .afp-modal.active { display: grid; }\r\n  .afp-modal-bg { position: absolute; inset: 0; background: rgba(6,18,30,.72); backdrop-filter: blur(6px); }\r\n  .afp-modal-box { position: relative; z-index: 1; width: min(760px, 92vw); max-height: 92vh; display: grid; place-items: center; }\r\n  .afp-modal-close { position: absolute; top: -14px; right: -14px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: var(--navy); font-size: 28px; cursor: pointer; z-index: 2; }\r\n  .afp-modal-image { display: block; max-width: min(760px, 92vw); max-height: 90vh; width: auto; height: auto; border-radius: 22px; box-shadow: 0 28px 80px rgba(0,0,0,.35); background: #fff; }\r\n\r\n  \/* =========================\r\n     \u6de1\u5165\u52d5\u756b\r\n     ========================= *\/\r\n  .afp-reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }\r\n  .afp-reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\r\n  \/* =========================\r\n     WordPress \u76f8\u5bb9\u88dc\u5f37\uff1a\u78ba\u4fdd\u984f\u8272\u3001\u5b57\u9ad4\u8207\u6309\u9215\u6a23\u5f0f\u5b8c\u6574\u5448\u73fe\r\n     ========================= *\/\r\n  .afp-showcase .afp-section-title h2,\r\n  .afp-showcase .afp-hero-copy h1,\r\n  .afp-showcase .afp-status-card h2,\r\n  .afp-showcase .afp-highlight-grid h3,\r\n  .afp-showcase .afp-course-card h3,\r\n  .afp-showcase .afp-info-box h3,\r\n  .afp-showcase .afp-contact-panel h2 {\r\n    font-family: inherit !important;\r\n    font-weight: 900 !important;\r\n  }\r\n\r\n  .afp-showcase .afp-main-btn,\r\n  .afp-showcase .afp-sub-btn,\r\n  .afp-showcase .afp-link-cta {\r\n    text-decoration: none !important;\r\n    border-bottom: 0 !important;\r\n  }\r\n\r\n  .afp-showcase .afp-poster-link,\r\n  .afp-showcase .afp-poster-link img {\r\n    line-height: 0;\r\n  }\r\n\r\n  \/* =========================\r\n     \u97ff\u61c9\u5f0f\uff1a\u907f\u514d WordPress \u5167\u5d4c\u5f8c\u8dd1\u7248\r\n     ========================= *\/\r\n  @media (max-width: 1024px) {\r\n    .afp-highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    .afp-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n\r\n  @media (max-width: 860px) {\r\n    .afp-show-links {\r\n      position: absolute;\r\n      top: 64px;\r\n      left: 14px;\r\n      right: 14px;\r\n      display: none;\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 8px;\r\n      padding: 14px;\r\n      border-radius: 18px;\r\n      background: rgba(255,255,255,.98);\r\n      box-shadow: var(--shadow);\r\n    }\r\n    .afp-show-links.open { display: flex; }\r\n    .afp-show-links a { padding: 10px 12px; border-radius: 12px; }\r\n    .afp-link-cta { text-align: center; }\r\n    .afp-show-menu { display: block; }\r\n    .afp-hero-inner, .afp-contact-panel { grid-template-columns: 1fr; }\r\n    .afp-stat-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .afp-show-hero { padding-top: 38px; }\r\n    .afp-kicker { font-size: 13px; }\r\n    .afp-hero-copy h1 { font-size: clamp(42px, 13vw, 58px); }\r\n    .afp-countdown { grid-template-columns: repeat(2, 1fr); }\r\n    .afp-stat-strip, .afp-highlight-grid, .afp-cert-row { grid-template-columns: 1fr; }\r\n    .afp-block { padding: 34px 16px; }\r\n    .afp-info-layout { grid-template-columns: minmax(0, 1fr); }\r\n    .afp-section-title { margin-bottom: 18px; }\r\n    .afp-course-grid { grid-template-columns: 1fr; }\r\n    .afp-course-card {\r\n      min-height: 118px;\r\n      padding: 18px;\r\n      grid-template-columns: 48px minmax(0, 1fr);\r\n      column-gap: 12px;\r\n    }\r\n    .afp-course-number {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 14px;\r\n      font-size: 19px;\r\n    }\r\n    .afp-course-card h3 {\r\n      font-size: 18px;\r\n      padding-right: 26px;\r\n    }\r\n    .afp-course-icon {\r\n      right: 14px;\r\n      bottom: 12px;\r\n      font-size: 28px;\r\n    }\r\n    .afp-status-card { padding: 20px; border-radius: 22px; }\r\n    .afp-poster-wrapper { max-width: 330px; }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .afp-show-nav { padding-left: 12px; padding-right: 12px; }\r\n    .afp-show-brand strong { font-size: 13px; }\r\n    .afp-main-btn, .afp-sub-btn { width: 100%; }\r\n    .afp-float { right: 12px; bottom: 12px; }\r\n    .afp-float a, .afp-float button { width: 46px; height: 46px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ \u4f7f\u7528 IIFE\uff0c\u907f\u514d\u5f71\u97ff WordPress \u5168\u57df\u74b0\u5883\r\n  (function () {\r\n    const site = document.querySelector('.afp-showcase');\r\n    if (!site) return;\r\n\r\n    \/\/ \u624b\u6a5f\u7248\u9078\u55ae\r\n    const menuBtn = site.querySelector('.afp-show-menu');\r\n    const links = site.querySelector('.afp-show-links');\r\n    if (menuBtn && links) {\r\n      menuBtn.addEventListener('click', function () {\r\n        const open = links.classList.toggle('open');\r\n        menuBtn.setAttribute('aria-expanded', String(open));\r\n      });\r\n      links.querySelectorAll('a').forEach(function (a) {\r\n        a.addEventListener('click', function () {\r\n          links.classList.remove('open');\r\n          menuBtn.setAttribute('aria-expanded', 'false');\r\n        });\r\n      });\r\n    }\r\n\r\n    \/\/ \u5831\u540d\u5012\u6578\r\n    const deadline = new Date(site.getAttribute('data-deadline')).getTime();\r\n    const dayEl = site.querySelector('#afp-days');\r\n    const hourEl = site.querySelector('#afp-hours');\r\n    const minEl = site.querySelector('#afp-minutes');\r\n    const secEl = site.querySelector('#afp-seconds');\r\n    function updateCountdown() {\r\n      const diff = Math.max(deadline - Date.now(), 0);\r\n      const days = Math.floor(diff \/ 86400000);\r\n      const hours = Math.floor((diff \/ 3600000) % 24);\r\n      const minutes = Math.floor((diff \/ 60000) % 60);\r\n      const seconds = Math.floor((diff \/ 1000) % 60);\r\n      if (dayEl) dayEl.textContent = String(days).padStart(2, '0');\r\n      if (hourEl) hourEl.textContent = String(hours).padStart(2, '0');\r\n      if (minEl) minEl.textContent = String(minutes).padStart(2, '0');\r\n      if (secEl) secEl.textContent = String(seconds).padStart(2, '0');\r\n    }\r\n    updateCountdown();\r\n    setInterval(updateCountdown, 1000);\r\n\r\n    \/\/ \u8ab2\u7a0b\u5167\u5bb9 Tab\r\n    const tabs = site.querySelectorAll('.afp-tab');\r\n    const panels = site.querySelectorAll('.afp-tab-panel');\r\n    tabs.forEach(function (tab) {\r\n      tab.addEventListener('click', function () {\r\n        const target = tab.getAttribute('data-tab');\r\n        tabs.forEach(function (item) {\r\n          item.classList.remove('active');\r\n          item.setAttribute('aria-selected', 'false');\r\n        });\r\n        panels.forEach(function (panel) {\r\n          panel.classList.toggle('active', panel.getAttribute('data-panel') === target);\r\n        });\r\n        tab.classList.add('active');\r\n        tab.setAttribute('aria-selected', 'true');\r\n      });\r\n    });\r\n\r\n    \/\/ \u8ab2\u7a0b\u5167\u5bb9\u8207 FAQ \u958b\u5408\r\n    function bindToggle(buttonSelector, bodySelector) {\r\n      site.querySelectorAll(buttonSelector).forEach(function (btn) {\r\n        btn.addEventListener('click', function () {\r\n          const body = btn.nextElementSibling;\r\n          if (!body || !body.matches(bodySelector)) return;\r\n          const open = body.classList.toggle('open');\r\n          btn.classList.toggle('active', open);\r\n        });\r\n      });\r\n    }\r\n    bindToggle('.afp-course-item', '.afp-course-body');\r\n\r\n    \/\/ \u6d77\u5831 Modal\r\n    const poster = site.querySelector('.afp-poster-link');\r\n    const modal = site.querySelector('.afp-modal');\r\n    const closeBtn = site.querySelector('.afp-modal-close');\r\n    const modalBg = site.querySelector('.afp-modal-bg');\r\n    function openModal(event) {\r\n      if (event) event.preventDefault();\r\n      if (!modal) return;\r\n      modal.classList.add('active');\r\n      modal.setAttribute('aria-hidden', 'false');\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n    function closeModal() {\r\n      if (!modal) return;\r\n      modal.classList.remove('active');\r\n      modal.setAttribute('aria-hidden', 'true');\r\n      document.body.style.overflow = '';\r\n    }\r\n    if (poster) poster.addEventListener('click', openModal);\r\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\r\n    if (modalBg) modalBg.addEventListener('click', closeModal);\r\n    document.addEventListener('keydown', function (event) {\r\n      if (event.key === 'Escape') closeModal();\r\n    });\r\n\r\n    \/\/ \u6ed1\u52d5\u6de1\u5165\r\n    const reveals = site.querySelectorAll('.afp-reveal');\r\n    if ('IntersectionObserver' in window) {\r\n      const observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.12 });\r\n      reveals.forEach(function (item) { observer.observe(item); });\r\n    } else {\r\n      reveals.forEach(function (item) { item.classList.add('visible'); });\r\n    }\r\n\r\n    \/\/ \u56de\u5230\u9801\u9996\r\n    const topBtn = site.querySelector('#afp-top-btn');\r\n    if (topBtn) {\r\n      topBtn.addEventListener('click', function () {\r\n        site.querySelector('#afp-hero').scrollIntoView({ behavior: 'smooth' });\r\n      });\r\n    }\r\n  })();\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"competition2025","meta":{"footnotes":""},"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"MtnvY4tHj2JZXw-zr6LhGnD4DkZXHXVZfofi7tkS2Ck\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"zh_TW\" \/>\n\t\t<meta property=\"og:site_name\" content=\"\u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb - \u5357\u5927\u6578\u4f4d\u7cfb\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed - \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-09T07:11:10+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-09T12:59:55+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed - \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/?page_id=4228#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/?page_id=4228#listItem\",\"name\":\"AI\\u8ca1\\u52d9\\u898f\\u5283\\u5be6\\u6230\\u73ed\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/?page_id=4228#listItem\",\"position\":2,\"name\":\"AI\\u8ca1\\u52d9\\u898f\\u5283\\u5be6\\u6230\\u73ed\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/#organization\",\"name\":\"\\u570b\\u7acb\\u81fa\\u5357\\u5927\\u5b78\\u6578\\u4f4d\\u5b78\\u7fd2\\u79d1\\u6280\\u5b78\\u7cfb\",\"description\":\"\\u5357\\u5927\\u6578\\u4f4d\\u7cfb\",\"url\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/?page_id=4228#webpage\",\"url\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/?page_id=4228\",\"name\":\"AI\\u8ca1\\u52d9\\u898f\\u5283\\u5be6\\u6230\\u73ed - \\u570b\\u7acb\\u81fa\\u5357\\u5927\\u5b78\\u6578\\u4f4d\\u5b78\\u7fd2\\u79d1\\u6280\\u5b78\\u7cfb\",\"inLanguage\":\"zh-TW\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/?page_id=4228#breadcrumblist\"},\"datePublished\":\"2026-07-09T15:11:10+08:00\",\"dateModified\":\"2026-07-09T20:59:55+08:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/\",\"name\":\"\\u570b\\u7acb\\u81fa\\u5357\\u5927\\u5b78\\u6578\\u4f4d\\u5b78\\u7fd2\\u79d1\\u6280\\u5b78\\u7cfb\",\"description\":\"\\u5357\\u5927\\u6578\\u4f4d\\u7cfb\",\"inLanguage\":\"zh-TW\",\"publisher\":{\"@id\":\"https:\\\/\\\/phpweb4.nutn.edu.tw\\\/ilt\\\/wordpress\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed - \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb","description":"","canonical_url":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"MtnvY4tHj2JZXw-zr6LhGnD4DkZXHXVZfofi7tkS2Ck","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228#listItem","name":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed"}},{"@type":"ListItem","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228#listItem","position":2,"name":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed","previousItem":{"@type":"ListItem","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/#organization","name":"\u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb","description":"\u5357\u5927\u6578\u4f4d\u7cfb","url":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/"},{"@type":"WebPage","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228#webpage","url":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228","name":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed - \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb","inLanguage":"zh-TW","isPartOf":{"@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228#breadcrumblist"},"datePublished":"2026-07-09T15:11:10+08:00","dateModified":"2026-07-09T20:59:55+08:00"},{"@type":"WebSite","@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/#website","url":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/","name":"\u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb","description":"\u5357\u5927\u6578\u4f4d\u7cfb","inLanguage":"zh-TW","publisher":{"@id":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/#organization"}}]},"og:locale":"zh_TW","og:site_name":"\u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb - \u5357\u5927\u6578\u4f4d\u7cfb","og:type":"article","og:title":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed - \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb","og:url":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228","article:published_time":"2026-07-09T07:11:10+00:00","article:modified_time":"2026-07-09T12:59:55+00:00","twitter:card":"summary_large_image","twitter:title":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed - \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb"},"aioseo_meta_data":{"post_id":"4228","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-07-09 05:57:00","updated":"2026-07-09 05:58:08"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress"},{"label":"AI\u8ca1\u52d9\u898f\u5283\u5be6\u6230\u73ed","link":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=4228"}],"_links":{"self":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/4228"}],"collection":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4228"}],"version-history":[{"count":1,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/4228\/revisions"}],"predecessor-version":[{"id":4229,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/4228\/revisions\/4229"}],"wp:attachment":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}