:root{--bg:#f8fafc;--ink:#152033;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--teal:#0f766e;--card:#fff;--soft:#eff6ff;--shadow:0 18px 45px rgba(15,23,42,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;line-height:1.78}a{color:inherit}.site-hero{background:radial-gradient(circle at 10% 0,#2563eb 0,transparent 34rem),linear-gradient(135deg,#0f172a,#111827 60%,#042f2e);color:white}.nav{max-width:1050px;margin:0 auto;padding:1rem 1.25rem}.brand{font-weight:850;text-decoration:none;letter-spacing:.02em}.hero-inner{max-width:1050px;margin:0 auto;padding:3.5rem 1.25rem 4.5rem}.eyebrow{color:#bfdbfe;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-inner h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.05;margin:.3rem 0 1rem}.hero-inner p:last-child{max-width:760px;color:#dbeafe;font-size:1.12rem}.home-grid{max-width:1050px;margin:-2rem auto 4rem;padding:0 1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.course-card{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-radius:24px;padding:1.4rem;box-shadow:var(--shadow);transition:.15s transform,.15s box-shadow}.course-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(15,23,42,.16)}.course-card h2{margin:.4rem 0;font-size:1.4rem;line-height:1.25}.course-card p{color:var(--muted);margin:0}.label{display:inline-block;color:var(--blue);background:var(--soft);border-radius:999px;padding:.25rem .7rem;font-weight:800}.page{max-width:1050px;margin:-2.5rem auto 4rem;padding:0 1.25rem;display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;align-items:start}.toc{position:sticky;top:1rem;background:white;border:1px solid var(--line);border-radius:22px;padding:1.1rem;box-shadow:var(--shadow);max-height:calc(100vh - 2rem);overflow:auto}.toc h2{font-size:1rem;margin:0 0 .75rem}.toc a{display:block;text-decoration:none;color:#475569;border-left:3px solid var(--line);padding:.45rem .65rem;border-radius:0 10px 10px 0}.toc a:hover{color:var(--blue);background:var(--soft);border-left-color:var(--blue)}.article{background:white;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(1rem,3vw,2rem)}.article h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:.25rem 0 1rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.badge{display:inline-block;color:#0f766e;background:#ccfbf1;border-radius:999px;padding:.2rem .7rem;font-weight:800}.lead{font-size:1.12rem;color:#334155;background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #bfdbfe;border-radius:18px;padding:1rem 1.15rem}.outline{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:1rem 1.25rem}.outline li{margin:.35rem 0}.section{padding-top:1.2rem;margin-top:1.2rem;border-top:1px solid var(--line)}.section h2{font-size:1.65rem;line-height:1.25;margin:.2rem 0 .8rem}.section p{font-size:1.03rem}.slide{margin:1rem 0 1.1rem;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#020617}.slide img{display:block;width:100%;height:auto}.slide figcaption{background:white;color:#475569;padding:.75rem .9rem;font-size:.95rem}.takeaway{border-left:5px solid var(--teal);background:#f0fdfa;padding:.85rem 1rem;border-radius:0 14px 14px 0;margin:1rem 0}.questions{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:1rem 1.25rem}.footer-note{max-width:1050px;margin:0 auto 4rem;padding:0 1.25rem;color:var(--muted)}.top-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.top-links a{color:var(--blue);text-decoration:none;font-weight:800}.time{color:var(--muted);font-size:.95rem;font-weight:700}@media(max-width:860px){.home-grid,.page{grid-template-columns:1fr}.toc{position:static}.hero-inner{padding-bottom:3rem}}