從聲音走向龐大的知識宇宙！
你有發現嗎？IC之音，早就跨越電台的邊界啦！除了涵蓋生活新知與科技趨勢的節目內容，也從聲音為大家拓展學習管道，更透過論壇帶您擁抱國際視野金鐘獎的肯定，讓進化不間斷，陪伴更升級！ 距離金鐘頒獎典禮還有...?天?時?分?秒 【電台品牌行銷創新獎】用聲音 培養世界識讀力【理念介紹】在AI與數位浪潮席捲全球的時代，資訊如洪水般襲來，而唯有識讀力，才能成為人類立足未來的關鍵能力。IC之音深耕聲音內容二十餘年，從傳統廣播進化為知識學習平台，我們不僅延續了「以聲音傳遞價值」的使命，更開創出以「聲音打造思維脈絡」的新學習型態。本次推出的線上音頻課程平台，是對聲音媒體未來的一次深刻回應。我們不僅用聲音設計出能被學習的節奏，也用廣播人的堅持打造出真正能陪伴學習者前行的內容。IC之音集結台灣最具代表性的產業領袖、文化導師與實務專家，透過音頻將他們的思維與知識傳遞出去，讓無數人在日常中、通勤間、零碎時間裡獲得深度的啟發與改變。IC之音以聲為筆，書寫台灣廣播進化的新篇章，也為未來的聲音學習市場，立下可參考、可複製、可持續的創新典範。【課程首頁】【創新研發應用獎】AI智慧語音生成式新聞編播平台【理念介紹】為積極回應聽眾的即時需求，本平台結合語音生成技術與重點新聞摘要演算能力，重新梳理新聞編播的製作流程，不僅提升新聞製播效率，更重新定義節目製作人與播報員的角色分工，讓同樣面對「人才缺口」現況的我們，在人力運用上更具彈性。【藝術文化節目獎】《原鄉花園－迷與謎》【節目介紹】帶您走訪台灣各地原住民博物館、藝術家、藝評家與收藏家，介紹原住民藝術文化，包括繪畫、音樂、編織、雕刻、裝置藝術、貝珠…等。並連線訪問相關教授、專家，揭開重重迷霧，對台灣原住民藝術保存與傳承的困難，提出第一手觀察與解方。從文化知識的角度，帶您走上原鄉藝術最動人的路線。【本節目由漢唐科技、新竹CBMC、沛錦科技、雷晟科技贊助播出】 【收聽節目】 【教育文化節目主持人獎】何戎／《NGU俱樂部》 何戎從新聞主播出發，他曾是觀眾熟悉的年代新聞晚間面孔，之後轉型專業主持人超過17年，足跡遍及電視、廣播與典禮舞台。現為《NGU俱樂部》主持人，同時是作家與品牌創辦人。以親切真誠的風格，陪伴觀眾走過新聞、娛樂與生活。【收聽節目】
* {
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background: #f5f5f5;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.wp-countdown-container {
background: linear-gradient(135deg, #000000 60%, #e8ff00 80%, #838e05 90%);
border-radius: 20px;
padding: 40px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
text-align: center;
color: white;
margin: 20px 0;
}
.wp-countdown-title {
font-size: 32px;
margin-bottom: 30px;
color: #ecf0f1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.wp-countdown {
display: flex;
gap: 15px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.wp-time-unit {
display: flex;
flex-direction: column;
align-items: center;
/*background: rgba(44, 62, 80, 0.8);*/
border-radius: 15px;
padding: 12px 8px;
min-width: 60px;
box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.3);
border: 2px solid rgba(172, 154, 134, 0.4);
}
.wp-number {
font-size: 36px;
font-weight: bold;
color: #f3db12;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
line-height: 1;
/*margin-bottom: 8px;*/
font-family: 'Courier New', monospace;
}
.wp-label {
font-size: 16px;
color: #bdc3c7;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.wp-separator {
font-size: 28px;
color: #FFF;
/*margin: 0 5px;*/
}
.wp-finished {
font-size: 28px;
color: #FFF;
text-align: center;
}
.award-block {
border-radius: 30px 0 30px 0;
line-height: 1.5;
margin: 20px 0;
border: 2px solid #dfd422;
background: white;
}
.time-title {
margin: 0;
font-size: 16pt;
font-weight: 800;
border-radius: 28px 0 0 0;
background: linear-gradient(135deg, #000000 60%, #e8ff00 80%, #838e05 90%);
border-bottom: 2px solid #dfd422;
color: #FFF;
padding: 15px 20px;
}
.program-block {
padding: 20px;
}
.program-desc-content {
font-size: 12pt;
color: #6c4a06;
line-height: 1.6;
}
.pglink {
margin: 20px 0;
text-align: left;
}
.pglink > a {
display: inline-block;
margin: 0 5px;
}
.pglink > a > img {
height: 50px;
width: 50px;
transition: transform 0.3s;
}
.pglink > a > img:hover {
transform: scale(1.1);
}
.img-item {
transition: width 1s linear;
display:inline-block;
width:44%;
margin:0 5px;
}
@media (hover: hover) and (pointer: fine) {
.img-item {
width:46%;
}
.program-block:hover .img-item {
width: 47%;
}
}
.img-item > img{
width:100%;
}
.host-block{margin-left:15px;margin-right:12px;margin-bottom:15px;}.host-desc{margin-top:10px;padding:20px 18px;border-radius: 30px 0 30px 0;font-size:12pt;line-height:1.5;border-width: 4px 2px 4px 2px; border-style:solid;border-color: #DCC243 #8C7501 #8C7501 #DCC243;}.host-img{border-radius:99px;margin-right:30px;height:170px;width:170px;box-shadow:2px 2px 2px #999;}.host-name{border-radius:15px 0;background:linear-gradient(135deg, #000000 60%, #e8ff00 80%, #838e05 90%);color:white;position:relative;top:130px;left:-100px;padding: 12px 10px 8px 10px;text-align:center;font-size:14pt;font-weight:800;width: 120px;box-shadow:2px 2px 2px #999;margin-right: -40px;z-index:5;align-self:flex-start;}.hostaward-block{border-radius: 30px 0 30px 0;line-height:1.5;margin-bottom:25px;}.hostaward-block.block-a{border: 2px solid #7B5A14;}.hostaward-block>.time-title{margin-bottom:10px;font-size:16pt;font-weight:800;border-radius: 28px 0 0 0;} @media (max-width:767px){.img-item{width:100%;}.host-name{top: -40px;left: 100px;}}
/* 原生輪播樣式 */
.carousel-container {
position: relative;
width: 100%;
max-width: 800px;
margin: 30px auto;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.carousel-wrapper {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
}
.carousel-slides {
display: flex;
width: 300%; /* 3張圖片 = 300% */
height: 100%;
transition: transform 0.5s ease-in-out;
}
.carousel-slide {
width: 33.333%; /* 100% / 3 = 33.333% */
height: 100%;
flex-shrink: 0; /* 防止收縮 */
display: flex;
align-items: center;
justify-content: center;
background: #f8f8f8;
}
.carousel-slide img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 5px;
}
/* 導航按鈕 */
.carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.6);
color: white;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
z-index: 10;
}
.carousel-btn:hover {
background: rgba(0,0,0,0.8);
transform: translateY(-50%) scale(1.1);
}
.carousel-btn.prev {
left: 15px;
}
.carousel-btn.next {
right: 15px;
}
/* 指示點 */
.carousel-dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
background: rgba(0,0,0,0.5);
padding: 8px 16px;
border-radius: 20px;
}
.carousel-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255,255,255,0.5);
cursor: pointer;
transition: all 0.3s;
}
.carousel-dot.active {
background: white;
transform: scale(1.2);
}
/* 自動播放指示器 */
.carousel-status {
position: absolute;
top: 15px;
right: 15px;
background: rgba(0,0,0,0.6);
color: white;
padding: 5px 10px;
border-radius: 15px;
font-size: 12px;
display: flex;
align-items: center;
gap: 5px;
}
.play-pause-btn {
background: none;
border: none;
color: white;
cursor: pointer;
font-size: 14px;
}
.play-pause-btn:hover {
color: #ffd700;
}
document.addEventListener('DOMContentLoaded', function() {
function updateWPCountdown() {
const targetDate = new Date('2025-10-11T20:00:00').getTime();
const now = new Date().getTime();
const timeLeft = targetDate - now;
if (timeLeft < 0) {
document.getElementById('wp-countdown').innerHTML = ' 🎉 跟我們一起參加頒獎典禮吧！ 🎉 ';
return;
}
const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
if (document.getElementById('wp-days')) document.getElementById('wp-days').textContent = days;
if (document.getElementById('wp-hours')) document.getElementById('wp-hours').textContent = hours;
if (document.getElementById('wp-minutes')) document.getElementById('wp-minutes').textContent = minutes;
if (document.getElementById('wp-seconds')) document.getElementById('wp-seconds').textContent = seconds;
}
updateWPCountdown();
setInterval(updateWPCountdown, 1000);
});
