/* Shadeo影創 — 講師/課程頁（AI 創作定位）共用樣式 */
:root{--sd-ink:#0F141F;--sd-muted:#5A6472;--sd-accent:#01A1F8;--sd-accent2:#16E4FD;--sd-line:#06C755;--sd-bg:#F5F7FB;--sd-border:#E4E8F0;}
.sdpage{max-width:1080px;margin:0 auto;padding:72px 24px 40px;color:var(--sd-ink);font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',-apple-system,sans-serif;}
.sdpage section{margin:0 0 72px;}
.sdpage__hero{text-align:center;padding:88px 0 64px;background:radial-gradient(1200px 480px at 50% -10%,#12303f 0%,var(--sd-ink) 62%);color:#fff;border-radius:16px;}
.sdpage__hero .eyebrow{font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--sd-accent2);margin:0 0 14px;}
.sdpage__hero h1{font-size:40px;font-weight:700;margin:0 0 12px;line-height:1.3;}
.sdpage__hero .sub{font-size:17px;color:rgba(255,255,255,.78);margin:0 auto 26px;max-width:640px;line-height:1.8;}
.sdpage__hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.sdpage__hero .cta a{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .25s,box-shadow .25s;}
.sdpage__hero .cta a:hover{transform:translateY(-2px);}
.cta--line{background:var(--sd-line);color:#fff!important;}
.cta--line:hover{box-shadow:0 8px 22px rgba(6,199,85,.35);}
.cta--ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.4);}
.cta--ghost:hover{border-color:#fff;}
.sdpage .kicker{font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--sd-accent);margin:0 0 8px;}
.sdpage h2{font-size:30px;font-weight:700;margin:0 0 10px;line-height:1.35;}
.sdpage .lead{font-size:16px;line-height:1.9;color:var(--sd-muted);margin:0 0 28px;max-width:820px;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card{background:#fff;border:1px solid var(--sd-border);border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(15,20,31,.05);}
.card h3{font-size:18px;margin:0 0 8px;font-weight:700;}
.card .no{font-size:13px;font-weight:700;color:var(--sd-accent);letter-spacing:.12em;margin:0 0 6px;}
.card p{font-size:14px;line-height:1.8;color:var(--sd-muted);margin:0;}
.list-check{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.list-check li{background:#fff;border:1px solid var(--sd-border);border-radius:12px;padding:14px 18px;font-size:15px;line-height:1.7;}
.faq{display:grid;gap:12px;}
.faq details{background:#fff;border:1px solid var(--sd-border);border-radius:12px;padding:0 20px;}
.faq summary{cursor:pointer;font-weight:700;font-size:16px;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-size:20px;color:var(--sd-accent);font-weight:400;}
.faq details[open] summary::after{content:"–";}
.faq .ans{padding:0 0 18px;font-size:15px;line-height:1.9;color:var(--sd-muted);}
.sdcta{background:var(--sd-ink);color:#fff;border-radius:16px;padding:44px 32px;text-align:center;}
.sdcta h2{color:#fff;margin-bottom:8px;}
.sdcta p{color:rgba(255,255,255,.75);margin:0 0 22px;}
.sdcta .cta--line{font-size:16px;padding:14px 34px;}
.sdcta .handle{display:inline-block;margin-left:8px;opacity:.9;}
@media(max-width:860px){.grid4{grid-template-columns:repeat(2,1fr);}.sdpage__hero h1{font-size:30px;}}
@media(max-width:560px){.grid4,.grid2{grid-template-columns:1fr;}.sdpage{padding:48px 16px 32px;}}