1<!DOCTYPE html> 2<html lang="zh-TW"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>2026 第åäºå±å ¨åç§æ®è«å£ â ç§æ®åäºï¼ä»¥ç§å¸æ¨åæ°¸çºè¡å</title> 7 <meta name="description" content="2026年第åäºå±å ¨åç§æ®è«å£ï¼9æ17-18æ¥æ¼åç«æµ·æ´çç©åç©é¤¨è辦ãæ¢è¨ç§æ®æè²äºå¤§è°é¡ï¼æ¡è¿æ稿èå ±åã" /> 8 <link rel="icon" type="image/svg+xml" href="/assets/favicon-Bs_r76O8.svg" /> 9 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700;900&display=swap" rel="stylesheet"> 10 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,[email protected],100..700,0..1" rel="stylesheet" /> 11
11<script type="module" crossorigin src="/assets/main-B-QEwDeF.js"></script>
11 12 <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-DVkNjotq.js"> 13 <link rel="modulepreload" crossorigin href="/assets/preload-helper-Cl9qvKre.js"> 14 <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-BnXFPu6O.js"> 15 <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-ai-Cli1dDjD.js"> 16 <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-core-Dhrtrwel.js"> 17 <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-firestore-CCP2wt3s.js"> 18 <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-auth-U_yMvnVg.js"> 19 <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-storage-CDqxcOg1.js"> 20 <link rel="modulepreload" crossorigin href="/assets/firebase-config-pOHtAxOi.js"> 21 <link rel="modulepreload" crossorigin href="/assets/firebase-B17HuYt2.js"> 22 <link rel="modulepreload" crossorigin href="/assets/chatbot-DsDs2MRG.js"> 23 <link rel="modulepreload" crossorigin href="/assets/shared-TdgSigEF.js"> 24 <link rel="modulepreload" crossorigin href="/assets/news-api-DvK_Q72x.js"> 25 <link rel="stylesheet" crossorigin href="/assets/shared-C2j3v5jy.css"> 26 <link rel="stylesheet" crossorigin href="/assets/main-DIxbEyOK.css"> 27</head> 28<body> 29 <div id="top"></div> 30 <!-- ç¡éç¤å¿«ééµ --> 31 <a href="#news-preview" class="skip-link" accesskey="C">::: è·³è³ä¸»è¦å §å®¹å</a> 32 33 <!-- å°è¦½å ç± JS æ³¨å ¥ --> 34 <div id="nav-root"></div> 35 36 <main class="main-content" id="main-content"> 37 <a href="#news-preview" class="accesskey-anchor" title="ä¸éå §å®¹å" accesskey="C">:::</a> 38 39 <!-- ====== Hero åçè¦è¦ºå ====== --> 40 <section class="hero" id="hero"> 41 <div class="hero__overlay"></div> 42 <div class="hero__content"> 43 44 <div class="hero__actions"> 45 <a href="/register.html" class="btn btn--primary btn--lg" id="home-registration-cta"> 46 <span class="material-symbols-outlined">how_to_reg</span> <span>ç«å³å ±å</span> 47 </a> 48 <a href="/submission.html#submission-cta-card" class="btn btn--primary btn--lg"> 49 <span class="material-symbols-outlined" aria-hidden="true">cloud_upload</span> å ¨æä¸å³ 50 </a> 51 </div> 52 </div> 53 </section> 54 55 <!-- ====== æºè½å®¢æå (Smart Customer Service) ====== --> 56 <section class="section chatbot-promo" id="chatbot-promo"> 57 <div class="container"> 58 <div class="chatbot-promo__card fade-in"> 59 <div class="chatbot-promo__image"> 60 <div class="chatbot-dolphin-clip"> 61 <img src="/assets/penguin-mascot-D3pAhRkj.png" alt="ç§æ®å°æµ·" class="chatbot-dolphin"> 62 </div> 63 <div class="chatbot-promo__bubble-wrap"> 64 <div class="chatbot-promo__bubble">æ¨å¥½ï¼ææ¯ç§æ®å°æµ· ! æä»»ä½åé¡é½å¯ä»¥åæå¦~</div> 65 </div> 66 </div> 67 68 <div class="chatbot-promo__main"> 69 <div class="chatbot-promo__header"> 70 <h3 class="chatbot-promo__title">æºè½å©æ ç§æ®å°æµ·</h3> 71 <p class="chatbot-promo__subtitle">åå©æ¨å¿«éäºè§£ 2026 ç§æ®è«å£ææè³è¨</p> 72 </div> 73 74 <div class="chatbot-promo__search"> 75 <input type="text" class="chatbot-promo__input" placeholder="è«è¼¸å ¥æ¨çåé¡..." id="chatbot-promo-input"> 76 <button class="btn btn--primary chatbot-promo__btn" id="chatbot-promo-send"> 77 <span class="material-symbols-outlined">chat</span> ç«å³è©¢å 78 </button> 79 </div> 80 81 <div class="chatbot-promo__quick-tags"> 82 <button class="quick-tag" data-query="æ¥è©¢å ±åçæ³">æ¥è©¢å ±åçæ³</button> 83 <button class="quick-tag" data-query="æ¥è©¢æ稿çæ ">æ¥è©¢æ稿çæ </button> 84 <button class="quick-tag" data-query="æ²æ¶å°ç¢ºèªä¿¡">æ²æ¶å°ç¢ºèªä¿¡</button> 85 <button class="quick-tag" data-query="交éæ¥é§è³è¨">交éæ¥é§è³è¨</button> 86 <button class="quick-tag" data-query="ç¹è²æ´»å">ç¹è²æ´»å</button> 87 <button class="quick-tag" data-query="ä½å®¿è«®è©¢">ä½å®¿è«®è©¢</button> 88 <button class="quick-tag" data-query="è¯ç¹«æ¿è¾¦äººå¡">è¯ç¹«æ¿è¾¦äººå¡</button> 89 </div> 90 </div> 91 </div> 92 </div> 93 </section> 94 95 <!-- ====== ææ°æ¶æ¯é 覽 ====== --> 96 <section class="section section--alt" id="news-preview"> 97 <div class="container"> 98 <h2 class="section__title fade-in">ææ°æ¶æ¯</h2> 99 <p class="section__subtitle fade-in">ææ¡è«å£ææ°å ¬ååéè¦è³è¨</p> 100 <div class="news-preview__list fade-in" id="news-list"> 101 <!-- ç± JS 渲æ --> 102 </div> 103 <div style="text-align:center;margin-top:var(--space-8);"> 104 <a href="/news.html" class="btn btn--secondary"> 105 æ¥çæææ¶æ¯ <span class="material-symbols-outlined">arrow_forward</span> 106 </a> 107 </div> 108 </div> 109 </section> 110 111 <!-- ====== éæ¼æåå¼è¨ ====== --> 112 <section class="section" id="about-preview"> 113 <div class="container"> 114 <div class="about-preview fade-in"> 115 <div class="about-preview__text"> 116 <h2 class="section__title" style="text-align:left;">éæ¼æå</h2> 117 <p class="about-preview__lead"> 118 ãå ¨åç§æ®è«å£ãèªåµè¾¦ä»¥ä¾ï¼å·²æçºåå §ç§æ®æè²çæå ·å½±é¿åç年度å¸è¡äº¤æµå¹³å°ã 119 æ¬å±è«å£ä»¥ãç§æ®åäºï¼ä»¥ç§å¸æ¨åæ°¸çºè¡åãçºä¸»é¡ï¼ 120 æ許ééè·¨é åå°è©±ï¼å°ç§å¸ç¥èè½åçºæ¨å社æé²æ¥çè¡ååéã 121 </p> 122 <a href="/about.html" class="btn btn--secondary"> 123 äºè§£æ´å¤ <span class="material-symbols-outlined">arrow_forward</span> 124 </a> 125 </div> 126 <div class="about-preview__visual"> 127 <div class="about-preview__stat">
128 <span class="about-preview__number" id="counter-years">15</span> 129 <span class="about-preview__unit">å±</span> 130 </div> 131 <p class="about-preview__caption">ç§æ®è«å£æ·±èåäºå¹´</p> 132 </div> 133 </div> 134 </div> 135 </section> 136 137 <!-- ====== äºå¤§è°é¡é 覽 ====== --> 138 <section class="section section--alt" id="topics-preview"> 139 <div class="container"> 140 <h2 class="section__title fade-in">äºå¤§ç è¨è°é¡</h2> 141 <p class="section__subtitle fade-in">æè¦æ稿已æªæ¢ï¼å ¨ææ¶ä»¶æéï¼115/9/18â10/15ï¼éå審ééè ä¸å³</p> 142 <div class="topics-grid fade-in"> 143 <div class="topic-card" style="--topic-color:var(--topic-1)"> 144 <span class="material-symbols-outlined topic-card__icon">history</span> 145 <h3 class="topic-card__title">ç§æ®åäºå顧</h3> 146 <p class="topic-card__desc">å¾ç¥èè½è¯å°ç¤¾æè¡åçæ¼é²</p> 147 </div> 148 <div class="topic-card" style="--topic-color:var(--topic-2)"> 149 <span class="material-symbols-outlined topic-card__icon">smart_toy</span> 150 <h3 class="topic-card__title">éå¶å¼ç§å¸å¸ç¿</h3> 151 <p class="topic-card__desc">AIèæ¸ä½ç§æå¨æè²çæç¨</p> 152 </div> 153 <div class="topic-card" style="--topic-color:var(--topic-3)"> 154 <span class="material-symbols-outlined topic-card__icon">eco</span> 155 <h3 class="topic-card__title">ééç§æ®å¯¦è¸ SDGs</h3> 156 <p class="topic-card__desc">å°ææ°¸çºç¼å±ç®æ¨çè®é©åµæ°</p> 157 </div> 158 <div class="topic-card" style="--topic-color:var(--topic-4)"> 159 <span class="material-symbols-outlined topic-card__icon">forum</span> 160 <h3 class="topic-card__title">è·¨åé£çµèç§å¸æºé</h3> 161 <p class="topic-card__desc">æ§å»ºç¤¾æå°è©±å¹³å°</p> 162 </div> 163 <div class="topic-card" style="--topic-color:var(--topic-5)"> 164 <span class="material-symbols-outlined topic-card__icon">diversity_3</span> 165 <h3 class="topic-card__title">å¤å æ群èå ±è</h3> 166 <p class="topic-card__desc">ç§å¸æè²ç實è¸</p> 167 </div> 168 </div> 169 <div style="text-align:center;margin-top:var(--space-10);"> 170 <a href="/submission.html#submission-cta-card" class="btn btn--primary btn--lg"> 171 <span class="material-symbols-outlined" aria-hidden="true">cloud_upload</span> å ¨æä¸å³ 172 </a> 173 </div> 174 </div> 175 </section> 176 177 <!-- ====== 主å辦å®ä½ ====== --> 178 <section class="section section--alt" id="organizers"> 179 <div class="container" style="text-align:center;"> 180 <h2 class="section__title fade-in">æå°è主å辦å®ä½</h2> 181 <div class="organizers-row fade-in"> 182 <a href="https://www.moe.gov.tw/" target="_blank" class="org-logo" title="æè²é¨"> 183 <img src="/assets/moe-DfqJGNk1.png" alt="æè²é¨" style="position:relative;top:-5px;"> 184 </a> 185 <a href="https://www.nmmba.gov.tw/" target="_blank" class="org-logo" title="åç«æµ·æ´çç©åç©é¤¨"> 186 <img src="/assets/nmmba-CXRXaDKx.png" alt="åç«æµ·æ´çç©åç©é¤¨"> 187 </a> 188 <a href="https://www.nmmst.gov.tw/" target="_blank" class="org-logo" title="åç«æµ·æ´ç§æåç©é¤¨"> 189 <img src="/assets/logos/nmmst.webp" alt="åç«æµ·æ´ç§æåç©é¤¨"> 190 </a> 191 <a href="https://www.ntsec.gov.tw/" target="_blank" class="org-logo" title="åç«èºç£ç§å¸æè²é¤¨"> 192 <img src="/assets/logos/ntsec.webp" alt="åç«èºç£ç§å¸æè²é¤¨"> 193 </a> 194 <a href="https://www.nmns.edu.tw/" target="_blank" class="org-logo" title="åç«èªç¶ç§å¸åç©é¤¨"> 195 <img src="/assets/logos/nmns.webp" alt="åç«èªç¶ç§å¸åç©é¤¨"> 196 </a> 197 <a href="https://www.nstm.gov.tw/" target="_blank" class="org-logo" title="åç«ç§å¸å·¥èåç©é¤¨"> 198 <img src="/assets/logos/nstm.webp" alt="åç«ç§å¸å·¥èåç©é¤¨"> 199 </a> 200 201 </div> 202 </div> 203 </section> 204 205 </main> 206 207 <!-- é å°¾ ç± JS æ³¨å ¥ --> 208 <div id="footer-root"></div> 209 210</body> 211</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.