/* 2026-10-14 課程頁 CH1 改版（Figma 2953:1105）：章節頁籤＋CH1 主標，取代舊章節地圖與同理文案；EP 面板加「介紹／課程大綱」切換 */
#ch1 .ch-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px;}
#ch1 .ch-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid #d6dde3;border-radius:999px;background:#f5f7fa;color:#5d6d79;font-size:14px;font-weight:500;text-decoration:none;}
#ch1 .ch-chip small{font-size:11px;color:#8794a0;}
#ch1 .ch-chip.on{background:#153546;border-color:#153546;color:#fff;font-weight:700;}
#ch1 .ch-chip.on b{background:#ffb81c;color:#153546;font-size:12px;padding:3px 10px;border-radius:999px;}
#ch1 .ch-head{max-width:880px;}
#ch1 .ch-kicker{color:#ff772d;font-size:14px;font-weight:700;letter-spacing:.06em;margin:0 0 14px;}
#ch1 .ch-head h2{display:flex;align-items:center;gap:22px;font-size:clamp(36px,4.6vw,56px);line-height:1.25;letter-spacing:.03em;margin:0 0 22px;color:#202e37;}
#ch1 .ch-bar{width:2px;height:.85em;background:#202e37;}
#ch1 .ch-desc{font-size:17px;line-height:1.9;color:#475e6d;margin:0;text-wrap:pretty;}
#ch1 .ch-note{font-size:13px;color:#677a87;margin:14px 0 0;}
#ch1 .episode-tabs{margin-top:88px;}
/* 介紹／課程大綱 切換 */
#ch1 .ep-subtabs{display:flex;gap:8px;padding:22px 32px 0;}
#ch1 .ep-sub{appearance:none;font:inherit;font-size:13px;font-weight:700;padding:8px 18px;border-radius:999px;border:1px solid #c9d3db;background:#fff;color:#476078;cursor:pointer;}
#ch1 .ep-sub[aria-pressed=true]{background:#153546;border-color:#153546;color:#fff;}
#ch1 .ep-sub:focus-visible{outline:3px solid #2f6bd8;outline-offset:3px;}
#ch1 [data-view-pane][hidden]{display:none;}
#ch1 .ep-outline{padding:26px 32px 32px;}
#ch1 .ep-outline .ep-panel-label{font-size:16px;font-weight:700;color:#153546;margin:0 0 14px;}
#ch1 .ep-outline ol{margin:0 0 24px;padding-left:1.4em;display:grid;gap:8px;}
#ch1 .ep-outline li{font-size:15px;line-height:1.85;color:#3d5260;padding-left:4px;text-wrap:pretty;}
#ch1 .ep-outline li::marker{color:#ff772d;font-weight:700;}
@media(max-width:760px){
 #ch1 .ch-chips{gap:8px;margin-bottom:26px;}#ch1 .ch-chip{font-size:12px;padding:8px 13px;gap:6px;}#ch1 .ch-chip small{font-size:10px;}
 #ch1 .ch-head h2{font-size:34px;gap:14px;margin-bottom:16px;}#ch1 .ch-desc{font-size:15px;}
 #ch1 .episode-tabs{margin-top:64px;}
 #ch1 .ep-subtabs{padding:18px 21px 0;}#ch1 .ep-outline{padding:20px 21px 26px;}#ch1 .ep-outline li{font-size:14px;}
}
/* ===== 2026-10-14 v3（Figma P2 2953:1151）：公仔從卡片右上角探出＋呼吸果凍；四色卡（藍／粉／綠／黃）；面板＝介紹＋「這一集，你會帶走」合一 ===== */
#ch1{background:#fff;}
#ch1 br.dk{display:inline;}
#ch1 .episode-tabs{margin-top:110px;gap:20px;}
#ch1 .episode-tab{--ep-tint:#8fb8ff;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:172px;padding:0;border:2px solid transparent;border-radius:18px;background:var(--ep-tint);overflow:visible;transition:transform .25s,box-shadow .25s,border-color .25s;}
#ch1 .episode-tab.ep1{--ep-tint:#8db8ff;}
#ch1 .episode-tab.ep2{--ep-tint:#ffadd2;}
#ch1 .episode-tab.ep3{--ep-tint:#86dca4;}
#ch1 .episode-tab.ep4{--ep-tint:#ffd84f;}
/* 選中不加深色外框（大寶 10/14：卡片不要有黑匡），只微微上浮 */
#ch1 .episode-tab[aria-selected=true]{background:var(--ep-tint);border-color:transparent;transform:translateY(-4px);box-shadow:0 10px 22px #15354618;}
#ch1 .episode-tab:hover{transform:translateY(-3px);}
#ch1 .ep-pop{position:absolute;right:14px;top:-46px;width:112px;height:auto;pointer-events:none;transform-origin:50% 90%;filter:drop-shadow(0 8px 10px #15354626);animation:ep-jelly 3.8s ease-in-out infinite;}
#ch1 .episode-tab.ep2 .ep-pop{animation-delay:-.9s;}
#ch1 .episode-tab.ep3 .ep-pop{animation-delay:-1.9s;}
#ch1 .episode-tab.ep4 .ep-pop{animation-delay:-2.8s;}
#ch1 .episode-tab:hover .ep-pop{animation:ep-boing .7s ease both;}
#ch1 .ep-tab-label{padding:0 20px 20px;}
#ch1 .ep-index{display:block;font-size:12px;letter-spacing:.08em;font-weight:700;margin-bottom:6px;color:#153546;}
#ch1 .ep-tab-label strong{font-size:22px;color:#153546;}
#ch1 .ep-companion{font-size:11.5px;color:#153546;opacity:.78;margin-top:6px;}
#ch1 .ep-tab-mark{position:absolute;right:14px;bottom:14px;width:26px;height:26px;border:1.5px solid #153546;border-radius:50%;}
#ch1 .ep-tab-mark:before,#ch1 .ep-tab-mark:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#153546;transform:translate(-50%,-50%);}
#ch1 .ep-tab-mark:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s;}
#ch1 .episode-tab[aria-selected=true] .ep-tab-mark:after{transform:translate(-50%,-50%) rotate(0);content:'';font-size:0;}
#ch1 .episode-panels{margin-top:22px;}
#ch1 .episode-panel{background:#f4f6f9;border-radius:26px;}
#ch1 .episode-panel .acc-body.ep-v3{display:block;padding:60px 64px 56px;}
#ch1 .ep-v3 .ep-panel-label{color:#ff772d;font-size:13px;font-weight:700;letter-spacing:.05em;margin:0 0 22px;}
#ch1 .ep-v3 .ep-panel-label i{font-style:normal;margin:0 .8em;opacity:.7;}
#ch1 .ep-v3 .acc-quote{font-size:clamp(24px,2.7vw,34px);line-height:1.55;color:#153546;letter-spacing:.02em;}
#ch1 .ep-rule{display:block;width:48px;height:3px;border-radius:2px;background:#ff772d;margin:28px 0 30px;}
#ch1 .ep-v3 .acc-intro{font-size:16px;line-height:2;color:#3d5260;max-width:46em;margin:0 0 40px;text-wrap:pretty;}
#ch1 .ep-take-h{font-size:14px;font-weight:700;color:#153546;margin:0 0 4px;}
#ch1 .ep-take{list-style:none;margin:0 0 38px;padding:0;border-top:1px solid #dde3e9;max-width:820px;}
#ch1 .ep-take li{display:flex;align-items:baseline;gap:30px;padding:20px 0;border-bottom:1px solid #dde3e9;font-size:16px;font-weight:500;line-height:1.6;color:#153546;text-wrap:pretty;}
#ch1 .ep-take .no{flex:0 0 auto;font-size:21px;font-weight:700;color:#ff772d;font-variant-numeric:tabular-nums;}
#ch1 .ep-go{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
#ch1 .ep-v3 .acc-more{display:inline-flex;align-items:center;gap:14px;background:#ffb81c;color:#153546;padding:16px 38px;font-size:17px;border-radius:999px;box-shadow:0 5px 0 #e2a00f55;}
#ch1 .ep-v3 .acc-more:hover{background:#ffc640;}
#ch1 .ep-go-note{margin:0;font-size:13px;color:#546b7b;}
#ch1 .chapter-completion{display:none;}
@keyframes ep-jelly{0%,100%{transform:scale(1,1) translateY(0);}30%{transform:scale(1.06,.94) translateY(2px);}55%{transform:scale(.96,1.05) translateY(-6px);}75%{transform:scale(1.02,.98) translateY(0);}}
@keyframes ep-boing{0%{transform:scale(1);}30%{transform:scale(1.14,.86);}55%{transform:scale(.9,1.12) translateY(-10px);}80%{transform:scale(1.04,.97);}100%{transform:scale(1);}}
@media(max-width:760px){
 #ch1 br.dk{display:none;}
 #ch1 .episode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 12px;margin-top:76px;}
 #ch1 .episode-tab{min-height:136px;}
 #ch1 .ep-pop{width:84px;top:-38px;right:8px;}
 #ch1 .ep-tab-label{padding:0 13px 15px;}#ch1 .ep-tab-label strong{font-size:18px;}
 #ch1 .ep-tab-mark{width:22px;height:22px;right:10px;bottom:10px;}#ch1 .ep-tab-mark:before,#ch1 .ep-tab-mark:after{width:10px;}
 #ch1 .episode-panel .acc-body.ep-v3{padding:32px 22px 30px;}
 #ch1 .ep-rule{margin:20px 0 22px;}
 #ch1 .ep-v3 .acc-intro{font-size:15px;margin-bottom:28px;}
 #ch1 .ep-take li{gap:16px;padding:15px 0;font-size:15px;}#ch1 .ep-take .no{font-size:18px;}
 #ch1 .ep-go{gap:12px;}#ch1 .ep-v3 .acc-more{width:100%;justify-content:center;}
 #ch1 .ep-v3 .acc-quote br{display:none;}
}
@media(prefers-reduced-motion:reduce){#ch1 .ep-pop{animation:none!important;}}
.episode-tab .ep-companion .nw{display:inline-block;}