@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Nunito:wght@600;700;800;900&family=Noto+Sans+TC:wght@500;700;900&display=swap";:root{--ink: #2E2A4A;--ink-soft: #6E6890;--ink-nav: #4A4568;--bg-lavender: #EEEBF7;--surface: #FFFFFF;--purple: #8B85E0;--purple-tint: #B9B4EE;--green: #6FC28E;--green-tint: #A8DCBC;--pink: #F0A0AC;--pink-tint: #F7CBD3;--yellow: #E5B54A;--yellow-tint: #F2D699;--font-ui: "Nunito", "Noto Sans TC", sans-serif;--font-logo: "Baloo 2", sans-serif;--radius-card: 14px;--radius-panel: 20px;--radius-pill: 999px;--shadow-card: 0 6px 24px rgba(58, 46, 42, .07);--mascot-overlap: 44px;--max-w: 880px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-lavender);color:var(--ink);font-family:var(--font-ui);font-size:15.5px;font-weight:600;line-height:1.9;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--ink);line-height:1.35}h1{font-size:clamp(32px,5vw,46px);font-weight:900}h2{font-size:clamp(22px,3vw,26px);font-weight:900}h3{font-size:16.5px;font-weight:800}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}.page{max-width:var(--max-w);margin:0 auto;padding:28px 44px 0}.nav{display:flex;align-items:center;gap:22px}.nav-logo{margin-right:auto}.nav-logo img{width:60px;height:60px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a,.nav-lang{font-size:14px;font-weight:700;color:var(--ink-nav)}.nav-links a:hover,.nav-lang:hover{color:var(--ink)}.nav-hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px}.nav-hamburger span{display:block;width:22px;height:2.5px;background:var(--ink);border-radius:2px;margin:4.5px 0;transition:.2s}.nav-mobile{display:none}.pill{display:inline-block;border-radius:var(--radius-pill);font-size:14px;font-weight:800;font-family:var(--font-ui);padding:12px 26px;border:0;cursor:pointer;line-height:1.5}.pill-primary{background:var(--ink);color:#fff}.pill-secondary{background:var(--surface);color:var(--ink)}.pill-brand{background:var(--purple);color:#fff}.pill-nav{padding:8px 18px}.pill:hover{filter:brightness(.94)}.hero{text-align:center;margin-top:44px}.hero h1{margin:0 auto;max-width:620px}.hero p{margin:18px auto 0;max-width:480px;color:var(--ink-soft);line-height:1.9}.hero .ctas{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.crayon{position:relative;white-space:nowrap}.crayon:after{content:"";position:absolute;left:2%;right:2%;bottom:-4px;height:7px;background:var(--yellow-tint);border-radius:999px;z-index:-1;transform:rotate(-.6deg)}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.stats-wrap{position:relative;z-index:0}.stats{display:flex;gap:14px;margin-top:64px}.stat{flex:1;position:relative;text-align:center;padding:20px 16px 16px}.stat img.mascot{position:absolute;top:calc(-1 * var(--mascot-overlap));left:50%;transform:translate(-50%);width:46px;z-index:-1}.stat .num{font-size:22px;font-weight:900}.stat .label{font-size:13px;font-weight:700;color:var(--ink-soft);margin-top:4px}.stat.purple .num{color:var(--purple)}.stat.green .num{color:var(--green)}.stat.pink .num{color:var(--pink)}.stat.yellow .num{color:var(--yellow)}.video-panel{border-radius:var(--radius-panel);overflow:hidden}.video-panel .yt-wrap{position:relative;width:100%;aspect-ratio:16 / 9}.video-panel .yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.section{margin-top:72px}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}.section-head h2{margin:0}.section-head .more{margin-left:auto;font-size:14px;font-weight:700;color:var(--purple);white-space:nowrap}.section-head .more:hover{color:var(--ink)}.ep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ep-card{position:relative;overflow:hidden;display:flex;flex-direction:column}.ep-card .thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--purple-tint)}.ep-body{padding:18px 22px 20px;display:flex;flex-direction:column;align-items:flex-start}.ep-body h3{margin:0 0 8px;line-height:1.5}.ep-body .date{font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:8px}.ep-body p{font-size:14px;font-weight:600;color:var(--ink-soft);line-height:1.8}.ep-body .listen{margin-top:14px;font-size:13.5px;font-weight:800;color:var(--purple)}.ep-card:hover .listen{color:var(--ink)}.cat{display:inline-block;font-size:11.5px;font-weight:800;border-radius:var(--radius-pill);padding:4px 12px;margin-bottom:12px;color:var(--ink);line-height:1.6}.cat.purple{background:var(--purple-tint)}.cat.green{background:var(--green-tint)}.cat.pink{background:var(--pink-tint)}.cat.yellow{background:var(--yellow-tint)}.pagination{display:flex;gap:10px;justify-content:center;margin-top:40px;flex-wrap:wrap}.pagination a,.pagination span.current{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--surface);font-size:14px;font-weight:800;box-shadow:var(--shadow-card);padding:0 14px}.pagination span.current{background:var(--ink);color:#fff}.pagination a:hover{filter:brightness(.94)}.subscribe-band{padding:40px 44px;text-align:center;position:relative;border-radius:var(--radius-panel)}.subscribe-band h2{margin-bottom:10px}.subscribe-band p{margin:0 auto 20px;max-width:460px;color:var(--ink-soft)}.subscribe-band img.peek{position:absolute;top:-42px;left:60px;width:52px;z-index:-1}.subscribe-band img.peek2{position:absolute;top:-42px;right:60px;width:52px;z-index:-1}.kit-form{max-width:460px;margin:24px auto 0}.kit-form-fields{display:grid;gap:10px;margin-bottom:14px}.kit-form input{width:100%;padding:12px 18px;border:1.5px solid var(--purple-tint);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:14.5px;font-weight:600}.kit-form input::placeholder{color:var(--ink-soft)}.kit-form input:focus{outline:none;border-color:var(--purple)}.kit-form-msg{color:var(--ink);font-weight:700;margin:4px 0 0}@media(min-width:601px){.kit-form-fields{grid-template-columns:1fr 1.4fr}}.article-meta{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:16px}.article-meta .cat{margin-bottom:0}.article-meta .date{font-size:13.5px;font-weight:700;color:var(--ink-soft)}.article-body{padding:32px 40px;margin-top:28px}.article-body p{color:var(--ink-soft);line-height:2;margin-bottom:16px}.article-body p:last-child{margin-bottom:0}.article-body ul,.article-body ol{padding-left:24px;margin-bottom:16px;color:var(--ink-soft)}.article-body li{list-style:disc;margin-bottom:6px}.article-body ol li{list-style:decimal}.article-body a{color:var(--purple);text-decoration:underline}.article-body strong{color:var(--ink)}.article-body h2{font-size:20px;margin:28px 0 12px}.article-body h3{font-size:17px;margin:24px 0 10px}.article-body li{line-height:1.9}.article-body ul ul,.article-body ol ul{margin:6px 0 0}.article-body ul ul li{list-style:circle}.prevnext{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}.ep-layout .ep-side{margin-top:28px;max-width:420px;margin-inline:auto}@media(min-width:1240px){.ep-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;width:1140px;margin-left:calc((100% - 1140px)/2)}.ep-layout .ep-side{position:sticky;top:24px;margin:0;max-width:none}}.legal-meta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.legal-meta span{background:var(--surface);border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;color:var(--ink-soft);padding:6px 16px;box-shadow:var(--shadow-card)}.legal-meta b{color:var(--ink);font-weight:800}.legal-summary{position:relative;margin-top:56px;padding:26px 30px 24px}.legal-summary .peek{position:absolute;top:-36px;right:28px;width:54px;z-index:-1}.legal-summary h2{font-size:17px;margin-bottom:8px}.legal-summary p{color:var(--ink-soft);font-size:14.5px;line-height:1.9}.legal-body{padding:36px 40px;margin-top:24px}.legal-body section+section{margin-top:34px;padding-top:30px;border-top:2px dashed var(--bg-lavender)}.legal-body h2{font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.legal-body .dot{width:10px;height:10px;border-radius:50%;flex:none}.legal-body .dot.purple{background:var(--purple)}.legal-body .dot.green{background:var(--green)}.legal-body .dot.pink{background:var(--pink)}.legal-body .dot.yellow{background:var(--yellow)}.legal-body p{color:var(--ink-soft);line-height:2;margin-bottom:12px}.legal-body p:last-child{margin-bottom:0}.legal-body ul{padding-left:24px;margin-bottom:12px;color:var(--ink-soft)}.legal-body li{list-style:disc;line-height:1.9;margin-bottom:6px}.legal-body a{color:var(--purple);text-decoration:underline}.legal-body strong{color:var(--ink)}.footer{margin-top:80px;padding-bottom:40px;text-align:center}.footer .links{display:flex;gap:22px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}.footer .links a{font-size:13.5px;font-weight:700;color:var(--ink-nav)}.footer .links a:hover{color:var(--ink)}.footer .copy{font-size:12.5px;font-weight:600;color:var(--ink-soft)}.footer .copy a{color:var(--purple)}@media(max-width:860px){.page{padding:20px 20px 0}.nav-links,.nav-lang,.nav .pill-brand{display:none}.nav-hamburger{display:block}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile.open{display:flex;flex-direction:column;gap:4px;max-width:var(--max-w);margin:12px auto 0;padding:0 20px}.nav-mobile a{font-size:15px;font-weight:700;color:var(--ink-nav);padding:10px 16px;border-radius:var(--radius-pill)}.nav-mobile a:hover{background:var(--surface);color:var(--ink)}.stats{flex-wrap:wrap;margin-top:76px;row-gap:58px}.stat{flex-basis:calc(50% - 7px)}.subscribe-band{padding:32px 24px}.subscribe-band img.peek{left:24px}.subscribe-band img.peek2{right:24px}.article-body{padding:24px 20px}}@media(max-width:860px){.ep-grid{grid-template-columns:1fr}}@media(max-width:600px){.section{margin-top:56px}.prevnext>:nth-child(1),.prevnext>:nth-child(3){flex:1 1 40%;text-align:center}.prevnext>:nth-child(2){order:3;margin:4px auto 0}}
