:root{–p:#b4492a;–pl:#fbf0ea;–t:#222;–m:#555;–bg:#faf8f5;–card:#fff;–bd:#ece5dd;–y:#f4b234;–r:10px;–sh:0 2px 10px rgba(0,0,0,.04)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;background:var(–bg);color:var(–t);line-height:1.75;padding:24px 16px 80px}
.container{max-width:900px;margin:0 auto}
.hero{text-align:center;padding:32px 16px 24px}
.badge-hero{display:inline-block;background:var(–pl);color:var(–p);font-size:.92rem;font-weight:600;padding:6px 18px;border-radius:30px;margin-bottom:16px}
h1{font-size:2.35rem;font-weight:800;margin-bottom:12px;color:#1a1a1a}
.sub{font-size:1.15rem;color:var(–m);margin-bottom:22px}
.intro{background:var(–card);border:1px solid var(–bd);border-left:4px solid var(–p);border-radius:8px;padding:18px 22px;text-align:left;font-size:.96rem;box-shadow:var(–sh)}
.intro strong{display:block;margin-bottom:4px}
h2{font-size:1.35rem;font-weight:700;color:#1a1a1a}
.sec-h{margin:36px 0 18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
.path-cta{text-align:center;margin-bottom:34px}
.path{background:var(–card);border:1px solid var(–bd);border-radius:var(–r);padding:22px 18px;box-shadow:var(–sh);display:flex;flex-direction:column}
.path h3{font-size:1.08rem;margin-bottom:10px;line-height:1.45}
.path p{font-size:.9rem;color:var(–m);line-height:1.65}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .2s}
.btn-p{background:var(–p);color:#fff;border:1px solid var(–p)}
.btn-p:hover{background:#9a3d22}
.btn-o{background:#fff;color:var(–p);border:1px solid var(–p)}
.btn-o:hover{background:var(–pl)}
.btn:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(–y);outline-offset:2px}
.nav{background:var(–card);border:1px solid var(–bd);border-radius:40px;padding:8px 14px;display:flex;gap:8px;overflow-x:auto;margin-bottom:34px;position:sticky;top:12px;z-index:20;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.pill{white-space:nowrap;padding:7px 16px;font-size:.88rem;font-weight:600;border-radius:20px;color:var(–m);text-decoration:none}
.pill:hover,.pill.active{background:var(–pl);color:var(–p)}
.group,.leadgen{scroll-margin-top:80px}
.group{margin-bottom:46px}
.gh{margin-bottom:18px}
.gd{font-size:.94rem;color:var(–m)}
.card{background:var(–card);border:1px solid var(–bd);border-radius:var(–r);padding:24px 26px;margin-bottom:20px;box-shadow:var(–sh)}
.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.cards2 .card{margin-bottom:0;display:flex;flex-direction:column}
.cards2 .cf{margin-top:auto}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.b{font-size:.82rem;padding:3px 10px;border-radius:4px;font-weight:600;background:#f1f3f5;color:#495057}
.b.tg{background:#e7f5ff;color:#1971c2}
.b.tp{background:#fff4e6;color:#a63a0a}
.card h3{font-size:1.25rem;line-height:1.45;margin-bottom:4px}
.cs{font-size:.96rem;color:var(–p);font-weight:600;margin-bottom:14px}
.pain{background:#fdfbf7;border-left:3px solid var(–y);padding:10px 14px;border-radius:0 6px 6px 0;font-size:.92rem;color:#444;margin-bottom:16px;line-height:1.65}
.bt{font-size:.94rem;font-weight:700;margin-bottom:8px}
.ul{list-style:none;margin-bottom:18px}
.ul li{position:relative;padding-left:22px;font-size:.92rem;color:#3d3d3d;margin-bottom:8px;line-height:1.6}
.ul li::before{content:"✔";position:absolute;left:0;color:#2b8a3e;font-weight:bold}
.cf{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px dashed var(–bd)}
.cf .btn{margin-left:auto}
.cfn{font-size:.88rem;color:#666}
.leadgen{background:var(–card);border:1.5px solid #ecd3c6;border-radius:var(–r);padding:32px 28px;margin:50px 0 40px;box-shadow:var(–sh)}
.leadgen>p{font-size:.94rem;color:var(–m);margin:8px 0 22px}
.fg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}
.fg label,.cb legend{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px;color:#333}
.fc{width:100%;padding:10px 14px;border:1px solid #cfcfcf;border-radius:6px;font-size:.92rem;font-family:inherit;background:#fafafa}
.fc:focus{border-color:var(–p);background:#fff}
fieldset.cb{border:0;margin-bottom:18px}
.opts{display:flex;flex-wrap:wrap;gap:14px;font-size:.92rem}
.opts label,.agree{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}
.agree{font-size:.88rem;color:#444;margin-bottom:18px}
.agree a{color:var(–p)}
details.faq{background:var(–card);border:1px solid var(–bd);border-radius:8px;padding:16px 22px;margin-bottom:12px;box-shadow:var(–sh)}
details.faq summary{font-size:1.02rem;font-weight:700;cursor:pointer}
details.faq summary span{color:var(–p);font-weight:800;margin-right:8px}
details.faq p{font-size:.93rem;color:var(–m);padding-left:24px;margin-top:8px;line-height:1.7}
.fcta{text-align:center;padding:38px 20px;background:var(–card);border-radius:var(–r);border:1px solid var(–bd);margin-top:40px;box-shadow:var(–sh)}
.fcta h2{margin-bottom:8px}
.fcta>p{color:var(–m);margin-bottom:20px;font-size:.95rem}
.fa{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ci{font-size:.9rem;color:#555}
.ci a{color:var(–p)}
@media(max-width:768px){.fg{grid-template-columns:1fr}.grid3,.cards2{gap:8px}.cards2 .card{padding:16px 12px}.cards2 .card h3{font-size:1rem}.cards2 .cf .btn{width:100%}.path{padding:14px 10px}.path h3{font-size:.95rem}.path p{font-size:.8rem;line-height:1.55}h1{font-size:1.85rem}.nav{border-radius:12px}}
一張桌子,大有學問
從 3 歲到長輩,在安全遊戲場裡練習情緒表達、課室自律與思維韌性
✨ 三種合作方案,為您量身規劃
🏫 學校與機構包班
專為幼兒園、國中小學校、輔導室、社福機構與樂齡據點量身打造。提供彈性客製化教學方案與完整專案企劃。
👥 師資專業工作坊
常態性開辦的精緻實體培訓(SEL 社會情緒、正向教養、幼小銜接等),個人教師、課後帶領師或家長可直接報名。
🎒 兒童營隊與幼兒班
專屬兒童主題素養營(理財財商、說明書閱讀、建築空間、策略博弈)與 2.5-6 歲幼兒常規啟蒙課。
🏫 師資研習與培訓
🧸 幼兒成長與常規
🎒 兒童素養與營隊
🧓 樂齡身腦適能
🏫 師資研習與專業培訓
將深厚兒童心理學轉化為第一線操作工具,解決課堂失控與溝通瓶頸
從桌上遊戲練習社會情緒學習(SEL)
- 精準讀懂情緒訊號:看懂行為背後的真實需求,破除標籤。
- 四階段引導法:覺察、理解、調節到表達的現場引導對話。
- 即戰力教案產出:掌握 5 類情緒機制帶領與動態降階技巧。
不說教的溫和堅定:玩出課室好品格
- 安全社交場演練:利用桌遊微型社會機制,體會合作與界線。
- 啟發式對話心法:掌握「溫和且堅定」公式,化解師生對立。
- 班級經營教案:真實衝突案例剖析,產出落地引導方案。
一輸就翻桌?解析孩子的「輸不起」
- 掌握「情緒著陸 3 步驟」引導語,現場衝突瞬間不踩雷。
- 學會動態「降階調整遊戲機制」,保護孩子的安全試錯心態。
- 引導贏家練習同理,輸家學會重整旗鼓的勇氣。
桌遊幼小銜接:上小學的情緒與常規準備
和孩子再一起長大一次!
- 演練小一必備 4 大常規(等待輪流、收拾整理、規則遵守、同儕溝通)。
- 學習習慣預備備
- 提供親師共用語錄與情緒鷹架工具包,告別開學焦慮。
🧸 幼兒成長與常規啟蒙(2.5~6歲)
用多感官遊戲,讓低幼孩子學會等待、輪流與情緒指認
🎒 兒童主題素養營隊(國小學童)
不逼寫測驗卷!把桌遊變成跨領域文字思維、財商與空間推理戰場
桌遊閱讀素養:一起讀說明書
- 結構化找重點:挑戰高文字量規則,掌握條件限制與邏輯推論。
- 自主驗證與表達:不僅自己讀通,還需向同儕清楚解釋並引導開局。
- 規則思辨力:在爭議中學會回溯條文、討論出共識方案。
小小理財家:從桌上遊戲學金錢與抉擇
- 想要 vs 需要:在資源有限的微型經濟圈中,親身體會預算取捨。
- 延遲滿足練習:體會「忍耐儲蓄」與「看準時機投資」的差異。
🧓 樂齡身腦適能與高齡桌遊
結合醫學院照護與醫院模組背景,打造有溫度又防退化的銀髮社交圈
樂齡桌遊身腦適能:長輩也需要好好玩
- 桌遊動態降階技巧:如何針對長輩視力與關節靈活度調適規則。
- 社交成就感營造:打破「長輩不肯動腦」迷思,在歡笑中活化認知記憶。
❓ 常見問題
Q參與研習培訓後,可以帶走具體的教學教案嗎?
可以。我們的每場師資培訓都重視實戰產出,課堂中包含教案實作與引導話術拆解,讓老師課後能直接將活動教案落地運用在自己的班級中。
Q學校或機構想要邀約包班,有最低人數限制嗎?
為確保分組演練與教案產出的指導品質,工作坊建議包班人數在 12–30 人之間;若為全校性親職講座或教師週三進修,人數可另行規劃安排。
Q課程中的桌遊教具需要學校或機構自備嗎?
完全不需要。藝童桌遊團隊會準備足量且經過嚴選評估的示範教具與桌遊至現場,學員只需帶著開放的心前來體驗與交流即可。
Q可以針對我們單位的特定需求(如特定年齡或班級狀況)客製化內容嗎?
可以。確認邀約後,我們會先與主辦單位進行行前需求訪談,根據您的單位特質微調演練案例與引導重點。
🏫 學校、機構、共學團體 合作邀約與企劃索取
想為您的學校、園所或團體安排專屬培訓或營隊?請填寫以下資訊,我們將在 24 小時內提供完整的課程教學企劃書(含課綱與報價):
感興趣的模組方案(可複選):
課室經營(正向教養工作坊)
親職講座(輸不起/幼小銜接)
幼兒成長(常規與情緒啟蒙)
兒童主題營隊(閱讀素養 / 財商)
樂齡身腦適能專案
我已閱讀並同意個人資料蒐集告知事項(隱私權說明)
// 表單收件端點:請換成 Google Apps Script / Formspree 等網址
const ENDPOINT = “;
function toast(msg, ok = true) {
const d = document.createElement(‘div’);
d.textContent = msg;
d.setAttribute(‘role’, ‘status’);
d.style.cssText = ‘position:fixed;top:24px;left:50%;transform:translateX(-50%);color:#fff;padding:14px 24px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.15);font-weight:600;z-index:9999;text-align:center;max-width:90%;background:’ + (ok ? ‘#2b8a3e’ : ‘#c92a2a’);
document.body.appendChild(d);
setTimeout(() => d.remove(), 4000);
}
document.getElementById(‘leadForm’).addEventListener(‘submit’, async e => {
e.preventDefault();
const f = e.target, btn = f.querySelector(‘button[type=submit]’);
if (!ENDPOINT) { toast(‘表單尚未設定收件端點,請先改用 LINE 聯繫我們’, false); return; }
btn.disabled = true;
try {
const r = await fetch(ENDPOINT, { method: ‘POST’, body: new FormData(f) });
if (!r.ok) throw 0;
toast(‘感謝您的填寫!我們將於 24 小時內與您聯繫。’);
f.reset();
} catch { toast(‘送出失敗,請改用 LINE 聯繫我們’, false); }
btn.disabled = false;
});
// 點按鈕自動勾選對應主題
document.querySelectorAll(‘[data-topic]’).forEach(a => a.addEventListener(‘click’, () => {
const t = a.dataset.topic;
document.querySelectorAll(‘input[name=interest]’).forEach(c => { c.checked = t === ‘all’ ? c.checked : c.value === t; });
}));
// 導覽列隨捲動切換 active
const pills = document.querySelectorAll(‘.pill’);
const io = new IntersectionObserver(es => es.forEach(en => {
if (en.isIntersecting) pills.forEach(p => p.classList.toggle(‘active’, p.getAttribute(‘href’) === ‘#’ + en.target.id));
}), { rootMargin: ‘-40% 0px -55% 0px’ });
document.querySelectorAll(‘.group[id]’).forEach(s => io.observe(s));