:root{--ink:#14211f;--muted:#66736f;--cream:#f6f3ec;--paper:#fffdf8;--teal:#0f6b63;--orange:#e8794e;--line:#dfe5dd;--shadow:0 18px 50px #10342b12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;line-height:1.7}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:5;background:#f6f3ecee;backdrop-filter:blur(12px);border-bottom:1px solid #dfe5ddaa}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;color:var(--teal);font-size:1.25rem;text-decoration:none;margin-right:auto}.nav nav{display:flex;gap:24px}.nav nav a{color:var(--ink);text-decoration:none}.ghost{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 14px;color:var(--muted)}.hero{padding:92px 0 70px;background:radial-gradient(circle at 80% 10%,#f4b47f55,transparent 28%),linear-gradient(135deg,#f6f3ec 45%,#e2ede5)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:.12em;font-size:.78rem}.hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.12;letter-spacing:-.06em;margin:12px 0 22px;max-width:750px}.lead{font-size:1.15rem;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:28px}.primary,.secondary{display:inline-block;text-decoration:none;border:0;border-radius:12px;padding:13px 22px;font-weight:800;cursor:pointer}.primary{background:var(--teal);color:#fff}.secondary{background:#fff;color:var(--teal);border:1px solid var(--line)}.hero-card{background:#173e38;color:#fff;border-radius:28px;padding:34px;min-height:300px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card p{opacity:.7}.hero-card strong{display:block;font-size:1.7rem;line-height:1.3;margin:45px 0 10px}.hero-card span{opacity:.72}.card-orbit{position:absolute;width:220px;height:220px;border:1px solid #ffffff44;border-radius:50%;right:-55px;top:-55px}.card-orbit:after{content:"";position:absolute;width:14px;height:14px;background:#f4b47f;border-radius:50%;left:30px;bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:28px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.stats div{background:var(--paper);padding:22px}.stats strong{display:block;font-size:2rem;color:var(--teal)}.stats span{color:var(--muted);font-size:.9rem}.section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-head h2{font-size:2.4rem;line-height:1.2;margin:0}.section-head>p{max-width:420px;color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column}.course .num{color:var(--orange);font-weight:900}.course h3{font-size:1.35rem;margin:10px 0 6px}.course p{color:var(--muted);margin:0 0 18px}.course ul{padding-left:20px;color:var(--muted);font-size:.92rem;min-height:110px}.course button{margin-top:auto;border:0;background:#e7f0eb;color:var(--teal);padding:11px;border-radius:10px;font-weight:800;cursor:pointer}.practice{background:#173e38;color:#fff}.light>p{color:#bed0c7}.practice-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.practice-panel,.method{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:20px;padding:25px}.practice-panel label{display:block;color:#bed0c7;margin-bottom:8px}.practice-panel select{width:100%;padding:13px;border-radius:10px;border:1px solid #ffffff33;background:#fff;color:var(--ink);font-size:1rem}.full{width:100%;margin-top:15px}.quiz{margin-top:18px;background:#fff;color:var(--ink);border-radius:14px;padding:18px}.quiz h4{margin:0 0 12px}.quiz button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;padding:10px;margin:7px 0;border-radius:8px;cursor:pointer}.quiz .result{font-weight:800;color:var(--teal)}.method{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.method span{color:#f4b47f;font-weight:900}.method h3{margin:22px 0 5px}.method p{color:#bed0c7}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.progress{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.progress h3{margin:0 0 8px}.bar{height:9px;background:#e5ebe5;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--orange);border-radius:9px}.progress small{color:var(--muted)}.source-note{border-top:1px solid var(--line);padding:30px 0 60px;color:var(--muted)}footer{background:#102e2a;color:#bed0c7;padding:24px 0;font-size:.9rem}footer span{float:right}@media(max-width:760px){.wrap{width:min(100% - 28px,560px)}.nav{height:62px}.nav nav{display:none}.hero{padding:58px 0 38px}.hero-grid,.practice-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:2.8rem}.hero-card{min-height:240px}.stats{grid-template-columns:repeat(2,1fr)}.section{padding:58px 0}.section-head{display:block}.section-head>p{margin-top:12px}.course-grid,.progress-grid{grid-template-columns:1fr}.method{grid-template-columns:1fr}.method div{border-bottom:1px solid #ffffff1f;padding-bottom:14px}.method div:last-child{border:0}.source-note{padding-bottom:35px}footer span{float:none;display:block;margin-top:5px}}
@media(max-width:760px){.nav{height:auto;min-height:62px;flex-wrap:wrap;gap:4px 12px;padding:9px 0}.nav nav{display:flex;width:100%;gap:14px;overflow-x:auto;white-space:nowrap;padding:2px 0 4px;scrollbar-width:thin}.nav nav a{font-size:.87rem}.nav .ghost{font-size:.78rem;padding:6px 10px;white-space:nowrap}}