:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--content-max: 72rem;--reading-max: 48rem;--color-bg: #f7f8fa;--color-surface: #ffffff;--color-text: #16181d;--color-muted: #5b6270;--color-border: #dfe3e8;--color-accent: #b8442f;--color-accent-contrast: #ffffff;--color-success: #1c7d4d;--color-warning: #92600a;--color-warning-bg: #fdf3dd;--color-danger: #b3261e;--color-focus: #2563eb}@media(prefers-color-scheme:dark){:root{--color-bg: #14161a;--color-surface: #1c1f25;--color-text: #f1f2f4;--color-muted: #a4abb8;--color-border: #30343c;--color-accent: #e2694f;--color-accent-contrast: #1a1a1a;--color-success: #4ad189;--color-warning: #f0c266;--color-warning-bg: #3a2f14;--color-danger: #ff6b63;--color-focus: #5b9dff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:var(--color-accent)}.sr-only-focusable{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:var(--color-accent-contrast);padding:var(--space-2) var(--space-4);z-index:100}.sr-only-focusable:focus{left:var(--space-4);top:var(--space-4)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{position:sticky;top:0;z-index:20;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.app-brand{font-weight:700;text-decoration:none;color:var(--color-text);font-size:1.05rem;white-space:nowrap}.app-nav{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.app-nav__links{display:flex;gap:var(--space-4);flex-wrap:wrap;list-style:none;margin:0;padding:0}.app-nav__link{text-decoration:none;color:var(--color-muted);font-weight:500;padding:var(--space-1) 0;border-bottom:2px solid transparent}.app-nav__link span[aria-current=page]{color:var(--color-text)}.app-nav__link:has(span[aria-current=page]){border-bottom-color:var(--color-accent)}.language-switch{display:inline-flex;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px}.language-switch__option{border:none;background:transparent;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-muted);font-size:.85rem}.language-switch__option[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.app-main{flex:1}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-6) var(--space-4);color:var(--color-muted);font-size:.9rem;text-align:center}.container{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-4)}.reading{max-width:var(--reading-max);margin:0 auto;padding:0 var(--space-4)}.hero{padding:var(--space-12) 0 var(--space-8);text-align:center}.hero__eyebrow{color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.hero__title{font-size:clamp(1.8rem,4vw,2.75rem);margin:var(--space-2) 0}.hero__subtitle{color:var(--color-muted);font-size:1.05rem;max-width:42rem;margin:0 auto var(--space-6)}.hero__meta{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.pill{border:1px solid var(--color-border);border-radius:999px;padding:var(--space-1) var(--space-3);font-size:.85rem;color:var(--color-muted);background:var(--color-surface)}.button-primary{display:inline-block;background:var(--color-accent);color:var(--color-accent-contrast);text-decoration:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;font-size:1rem}.section{padding:var(--space-8) 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card h3{margin-top:0}.lesson-layout{display:grid;grid-template-columns:16rem 1fr;gap:var(--space-8);align-items:start}@media(max-width:900px){.lesson-layout{grid-template-columns:1fr}}.lesson-toc{position:sticky;top:5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface)}.lesson-toc__title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin:0 0 var(--space-2)}.lesson-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.lesson-toc a{text-decoration:none;color:var(--color-muted);display:block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.lesson-toc a[aria-current=true]{background:var(--color-bg);color:var(--color-text);font-weight:600}.slide{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.slide:last-child{border-bottom:none}.slide__meta{color:var(--color-muted);font-size:.85rem;margin-bottom:var(--space-2)}.slide__title{margin-top:0}.slide__takeaway{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.callout{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.callout--info{border-color:var(--color-focus)}.callout--warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.callout--success{border-color:var(--color-success)}.example{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-4)}.example__label{font-weight:600;font-size:.85rem;color:var(--color-muted);margin-bottom:var(--space-1)}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.steps li{display:flex;gap:var(--space-3)}.steps__index{flex:0 0 auto;width:1.75rem;height:1.75rem;border-radius:999px;background:var(--color-accent);color:var(--color-accent-contrast);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.comparison{grid-template-columns:1fr}}.comparison__side{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.knowledge-check{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.knowledge-check__options{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0}.knowledge-check__option{display:flex;gap:var(--space-2);align-items:flex-start}.knowledge-check__feedback{margin-top:var(--space-2);font-weight:600}.knowledge-check__feedback--correct{color:var(--color-success)}.knowledge-check__feedback--incorrect{color:var(--color-danger)}.next-steps{border-top:1px solid var(--color-border);padding-top:var(--space-6);margin-top:var(--space-8)}.next-steps__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.next-steps__secondary{text-decoration:none;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}