【課程資訊】永續創新學院將於10/22及10/29辦理跨域與社會責任學程說明會，歡迎同學踴躍報名參加！
/* ====== V3.0 基礎樣式 ====== */
.pi-news-template {
--theme: #2f75b5;
--theme-soft: #eef6ff;
--theme-soft-2: #e6f1ff;
--pi-blue: #1f4e79;
--pi-gold: #f6c453;
--pi-gray: #5f6b7a;
--pi-border: #d9e6f2;
font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
color: #243447;
line-height: 1.85;
}
.pi-news-template.type-course { --theme: #2f75b5; --theme-soft: #eef6ff; --theme-soft-2: #e6f1ff; }
.pi-news-template.type-event { --theme: #00a67e; --theme-soft: #eefaf7; --theme-soft-2: #e8f8f3; }
.pi-news-template.type-call { --theme: #8e44ad; --theme-soft: #f7f0ff; --theme-soft-2: #f1e7fb; }
.pi-news-template.type-competition { --theme: #f39c12; --theme-soft: #fff5eb; --theme-soft-2: #fff0db; }
.pi-news-template.type-result { --theme: #e84393; --theme-soft: #fff0f6; --theme-soft-2: #ffe7f0; }
.pi-news-template.type-award { --theme: #c99600; --theme-soft: #fff8dd; --theme-soft-2: #fff0b8; }
.pi-news-template * { box-sizing: border-box; }
.pi-news-hero {
position: relative; padding: 42px 36px; margin-bottom: 28px; border-radius: 24px; overflow: hidden;
background: radial-gradient(circle at 88% 18%, rgba(246,196,83,.28), transparent 28%), linear-gradient(135deg, #eef7ff 0%, #ffffff 52%, var(--theme-soft) 100%);
border: 1px solid var(--pi-border);
}
.pi-news-hero::after { content: "π"; position: absolute; right: 34px; bottom: -34px; font-size: 168px; font-weight: 800; color: rgba(31,78,121,.08); line-height: 1; }
.pi-news-badge { position: relative; z-index: 1; display: inline-block; padding: 6px 14px; margin: 0 8px 14px 0; border-radius: 999px; background: var(--theme-soft) !important; color: var(--theme) !important; font-size: 15px; font-weight: 800; box-shadow: 0 4px 16px rgba(31,78,121,.08); }
.pi-news-date { position: relative; z-index: 1; display: inline-block; color: var(--pi-gray); font-size: 15px; font-weight: 700; }
.pi-news-hero h2 { position: relative; z-index: 1; margin: 0 0 14px; color: var(--pi-blue) !important; font-size: 32px; line-height: 1.35; font-weight: 800; }
.pi-news-hero p { position: relative; z-index: 1; max-width: 920px; margin: 0; font-size: 17px; }
.pi-section-title { display: flex; align-items: center; gap: 10px; margin: 36px 0 18px; color: var(--pi-blue) !important; font-size: 25px; font-weight: 800; }
.pi-section-title::before { content: ""; width: 8px; height: 28px; border-radius: 999px; background: linear-gradient(180deg, var(--pi-gold), var(--theme)); flex-shrink: 0; }
.pi-content-box { padding: 26px 28px; margin-bottom: 28px; border-radius: 20px; background: #ffffff; border: 1px solid var(--pi-border); box-shadow: 0 8px 24px rgba(31,78,121,.06); }
.pi-content-box h3 { margin: 20px 0 8px; color: var(--theme) !important; font-size: 21px; font-weight: 800; }
.pi-content-box h3:first-child { margin-top: 0; }
.pi-content-box p { margin: 0 0 14px; }
.pi-content-box ul, .pi-content-box ol { margin: 8px 0 16px 22px; padding: 0; }
.pi-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 30px; }
.pi-info-card { padding: 20px 18px; border-radius: 18px; background: #ffffff; border: 1px solid var(--pi-border); box-shadow: 0 6px 18px rgba(31,78,121,.06); }
.pi-info-card strong { display: block; margin-bottom: 6px; color: var(--theme) !important; font-size: 17px; }
.pi-attachment-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 28px; }
.pi-file-card { display: block; padding: 18px; border-radius: 18px; background: #ffffff; border: 1px solid var(--pi-border); color: var(--pi-blue) !important; text-decoration: none !important; font-weight: 800; box-shadow: 0 6px 18px rgba(31,78,121,.06); text-align: center; transition: 0.2s; }
.pi-file-card:hover { background: var(--theme-soft) !important; color: var(--theme) !important; }
.pi-contact-box { padding: 24px 26px; border-radius: 20px; background: linear-gradient(135deg, #ffffff, var(--theme-soft)); border: 1px solid var(--pi-border); box-shadow: 0 8px 24px rgba(31,78,121,.06); }
.pi-contact-row { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(217,230,242,.7); }
.pi-contact-row:last-child { border-bottom: none; }
.pi-contact-row strong { color: var(--theme) !important; }
.pi-note { margin-top: 16px; color: var(--pi-gray); font-size: 14px; }
/* ====== 海報燈箱專用樣式 ====== */
.pi-gallery-item { position: relative; text-align: center; }
.pi-zoom-check { display: none; }
.pi-zoom-label { display: inline-block; cursor: zoom-in; max-width: 100%; }
.pi-zoom-label img { width: 100%; max-width: 700px; height: auto; border-radius: 16px; box-shadow: 0 4px 12px rgba(31,78,121,0.08); border: 1px solid var(--pi-border); display: block; transition: transform 0.3s ease; margin: 0 auto; }
.pi-zoom-label img:hover { transform: scale(1.02); }
.pi-lightbox { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100vw; height: 100vh; }
.pi-zoom-check:checked ~ .pi-lightbox { display: flex; align-items: center; justify-content: center; }
.pi-lightbox-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); cursor: zoom-out; }
.pi-lightbox-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.pi-lightbox-content img { max-width: 95vw; max-height: 90vh; object-fit: contain; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.8); }
.pi-lightbox-close { position: absolute; top: -40px; right: 10px; color: #ffffff; font-size: 40px; font-weight: bold; text-decoration: none; transition: color 0.3s; line-height: 1; cursor: pointer; }
.pi-lightbox-close:hover { color: #aaaaaa; }
/* ====== 響應式設定 ====== */
@media (max-width: 900px) {
.pi-info-grid, .pi-attachment-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.pi-news-hero { padding: 28px 20px; border-radius: 18px; }
.pi-news-hero h2 { font-size: 25px; }
.pi-info-grid, .pi-attachment-grid { grid-template-columns: 1fr; }
.pi-content-box, .pi-contact-box { padding: 22px 20px; }
.pi-contact-row { grid-template-columns: 1fr; gap: 2px; }
.pi-lightbox-close { top: -50px; right: 5px; font-size: 50px; }
}
活動公告 發布日期｜2026.09
跨領域學程聯合說明會
打造個人化跨域優勢 🚀
為推動校內跨領域整合教學與社會責任實踐，永續創新學院特別辦理學程聯合說明會，協助同學深入了解各學程修課規劃與未來發展方向。
說明會共規劃兩場次，分別介紹永續科技、智慧醫療、健康福祉及社會實踐相關學程，歡迎想探索跨領域學習、對永續實踐有熱忱，以及希望豐富畢業履歷與微學程認證的同學報名參加！
活動資訊
⏳ 報名期限 即日起至 10/16 (五) 17:00
📍 說明會地點 第二醫學大樓 B2 創新基地
🎯 邀請對象 想探索跨領域學習的同學
🍱 專屬福利 有報名者將提供美味餐盒
場次與介紹學程
📌 第一場次｜2026 年 10 月 22 日（四）
時間：12:00–13:00 (11:50 開放報到)
🌿 永續發展跨領域微學程
⚡ 能源材料與電池科技學程
🧠 心理健康素養微學程
🧸 早期療育與智慧科技微學程
📌 第二場次｜2026 年 10 月 29 日（四）
時間：12:10–13:00 (12:00 開放報到)
🔬 醫材與數位科技微學程
🩺 智慧健康與照護福祉微學程
🏔️ 原鄉部落健康促進課群
線上報名與海報
🍱 溫馨提醒：名額有限，額滿為止。
完成表單提交即代表報名成功，並將為報名同學準備美味餐盒！
📝 立即前往 Google 表單報名
×
聯絡資訊
承辦單位 永續發展辦公室（永續創新學院 π School）
聯絡人 許小姐
聯絡電話 03-2118800 #5554
Email cguusr@gap.cgu.edu.tw
※ 實際活動與報名資訊，請以本公告及主辦單位最新資訊為準。
