:root{--paper:#f7f2e8;--paper-deep:#ede2cf;--moss:#496850;--moss-deep:#2f4737;--leaf:#79916f;--ink:#2f312b;--muted:#736f64;--line:rgba(73,104,80,0.22);--white:#fffdf8;--danger:#8a4b3b}*{box-sizing:border-box}html{background:var(--paper)}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(121,145,111,.22),transparent 34rem),linear-gradient(180deg,#fbf7ef 0,var(--paper) 48%,#f2eadc 100%);color:var(--ink);font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(247,242,232,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{min-height:68px;justify-content:space-between;gap:16px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;min-width:0}.brand img{width:38px;height:38px;object-fit:contain}.brand-text{display:grid;grid-gap:2px;gap:2px;min-width:0}.brand-title{font-family:"Noto Serif TC",serif;font-size:17px;font-weight:700;color:var(--moss-deep)}.brand-subtitle{color:var(--muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.primary-button,.secondary-button,.text-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 14px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.text-button:hover{transform:translateY(-1px)}.primary-button{background:var(--moss-deep);color:#fffdf8}.secondary-button,.text-button{border-color:var(--line);background:rgba(255,253,248,.62);color:var(--moss-deep)}.text-button{min-height:36px;padding:0 12px}.muted{color:var(--muted)}.page{padding:28px 0 56px}.hero{display:grid;grid-gap:24px;gap:24px;align-items:center;padding:26px 0 28px}.hero-copy{display:grid;grid-gap:16px;gap:16px}.eyebrow{color:var(--leaf);font-size:14px;font-weight:700}h1,h2,h3{font-family:"Noto Serif TC",serif;margin:0;color:var(--moss-deep);letter-spacing:0}h1{max-width:760px;font-size:clamp(34px,8vw,64px);line-height:1.12}h2{font-size:28px;line-height:1.25}h3{font-size:19px;line-height:1.35}p{margin:0;line-height:1.8}.hero-media{overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--white)}.hero-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.notice{border:1px solid var(--line);border-radius:8px;padding:16px;background:rgba(255,253,248,.72)}.notice strong{color:var(--moss-deep)}.module-section{display:grid;grid-gap:14px;gap:14px;margin-top:28px}.lesson-grid{display:grid;grid-gap:12px;gap:12px}.lesson-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;align-items:center;min-height:94px;border:1px solid var(--line);border-radius:8px;padding:16px;background:rgba(255,253,248,.74)}.lesson-card.locked{opacity:.72}.lesson-index{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--paper-deep);color:var(--moss-deep);font-weight:700}.lesson-body{display:grid;grid-gap:4px;gap:4px;min-width:0}.lesson-meta{color:var(--muted);font-size:13px}.status-pill{display:inline-flex;min-width:76px;min-height:32px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);padding:0 10px;color:var(--moss-deep);font-size:13px;white-space:nowrap}.status-pill.done{background:rgba(121,145,111,.18)}.player-layout{display:grid;grid-gap:22px;gap:22px}.player-frame{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#161811;aspect-ratio:16/9}.player-frame iframe{width:100%;height:100%;border:0}.watermark-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.watermark-track{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));grid-gap:22px;gap:22px;transform:rotate(-18deg);animation:watermark-drift 18s linear infinite alternate}.watermark-track span{align-self:center;color:rgba(255,253,248,.32);font-size:clamp(13px,2.2vw,18px);font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.38);white-space:nowrap}@keyframes watermark-drift{0%{transform:translate(-8%,-4%) rotate(-18deg)}to{transform:translate(8%,4%) rotate(-18deg)}}.lesson-panel{display:grid;grid-gap:16px;gap:16px;border:1px solid var(--line);border-radius:8px;padding:18px;background:rgba(255,253,248,.72)}.terms{display:grid;grid-gap:18px;gap:18px;max-width:760px}.terms ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:22px;line-height:1.8}.empty-state{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:8px;padding:22px;background:rgba(255,253,248,.72)}@media (min-width:820px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);padding-top:48px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}@media (max-width:560px){.shell{width:min(100% - 22px,1120px)}.brand-subtitle,.header-actions .text-button{display:none}.lesson-card{grid-template-columns:auto 1fr}.lesson-card .status-pill{grid-column:2;width:max-content}}.hero.course-hero h1{font-size:clamp(30px,5vw,44px);line-height:1.28;max-width:640px}.hero-chips{display:flex;flex-wrap:wrap;gap:8px}.hero-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 14px;background:rgba(255,253,248,.6);color:var(--moss-deep);font-size:13px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.page>section+section{margin-top:64px}.page>section .eyebrow{margin-bottom:6px}.section-lede{display:grid;grid-gap:14px;gap:14px;max-width:760px}.section-lede-sub{font-family:"Noto Serif TC",serif;color:var(--moss-deep);font-size:clamp(18px,3vw,22px);line-height:1.5}.lede-keywords{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:6px;color:var(--leaf);font-size:15px}.lede-keywords span{position:relative;padding-left:16px}.lede-keywords span:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;transform:translateY(-50%);border-radius:50%;background:var(--leaf)}.materials{display:grid;grid-gap:8px;gap:8px}.transform-list{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.transform-row{display:grid;grid-template-columns:auto minmax(0,.85fr) minmax(0,1.15fr);grid-gap:18px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:rgba(255,253,248,.55)}.transform-dot{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,253,248,.9);box-shadow:0 0 0 1px var(--line)}.dot-coffee{background:#b08a63}.dot-oyster{background:#cbd0c2}.dot-cotton{background:#a7c19a}.dot-plastic{background:#8fb4c4}.transform-material h3{font-size:18px}.transform-material p{font-size:13px;margin-top:4px}.transform-detail{display:grid;grid-gap:6px;gap:6px}.transform-key{font-family:"Noto Serif TC",serif;color:var(--moss-deep);font-size:17px}.transform-detail p{font-size:14px;line-height:1.7}.learn{display:grid;grid-gap:8px;gap:8px}.learn-steps{display:grid;grid-gap:16px;gap:16px;margin-top:18px}.learn-step{display:grid;grid-gap:8px;gap:8px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.5)}.learn-step-no{font-family:"Noto Serif TC",serif;color:var(--moss-deep);font-size:17px}.learn-step p{font-size:14px;line-height:1.7}.units{display:grid;grid-gap:8px;gap:8px}.unit-modules{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.unit-module{border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.55);overflow:hidden}.unit-module summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:16px;gap:16px;align-items:center;padding:20px 22px;cursor:pointer;list-style:none}.unit-module summary::-webkit-details-marker{display:none}.unit-summary-main h3{font-size:19px}.unit-summary-main p{font-size:13px;margin-top:4px}.unit-summary-meta{display:grid;grid-gap:3px;gap:3px;justify-items:end;text-align:right;white-space:nowrap}.unit-count{color:var(--moss-deep)}.unit-count,.unit-open{font-size:13px}.unit-chevron{color:var(--leaf);transition:transform .2s ease}.unit-module[open] .unit-chevron{transform:rotate(180deg)}.unit-lessons{grid-gap:8px;gap:8px;padding:0 22px 20px}.unit-lesson{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--white);transition:border-color .16s ease,transform .16s ease}a.unit-lesson:hover{border-color:var(--leaf);transform:translateX(2px)}.unit-lesson.locked{opacity:.72;background:rgba(255,253,248,.5)}.unit-lesson-no{font-size:15px}.unit-lesson-title{min-width:0}.unit-lesson-status{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);white-space:nowrap}.unit-lesson-status.is-done{color:var(--moss)}.unit-lesson-status.is-open{color:var(--moss-deep)}.takeaways-section{display:grid;grid-gap:8px;gap:8px}.takeaways{display:grid;grid-gap:12px 28px;gap:12px 28px;margin:18px 0 0;padding:0;list-style:none}.takeaways li{position:relative;padding-left:20px;line-height:1.7;color:var(--ink)}.takeaways li:before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--leaf)}.closing-cta{display:grid;justify-items:center;grid-gap:18px;gap:18px;text-align:center;padding:48px 24px;border-radius:20px;background:linear-gradient(180deg,rgba(121,145,111,.16),rgba(121,145,111,.08));border:1px solid var(--line)}.closing-line{font-family:"Noto Serif TC",serif;color:var(--moss-deep);font-size:clamp(20px,4vw,28px);line-height:1.5}.closing-note{color:var(--muted);font-size:13px}@media (min-width:820px){.transform-list{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.takeaways{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.transform-row{grid-template-columns:auto 1fr;gap:12px 16px}.transform-detail{grid-column:1/-1}.unit-module summary{grid-template-columns:minmax(0,1fr) auto;gap:12px}.unit-summary-meta{grid-column:1/-1;justify-items:start;text-align:left}.unit-chevron{grid-row:1;grid-column:2}}.hero-tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 16px;background:var(--paper-deep);color:var(--moss-deep);font-size:13px;font-weight:700;letter-spacing:.02em}.hero.course-hero .hero-media{display:block;aspect-ratio:708/814;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--paper-deep)}.hero.course-hero .hero-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}@media (min-width:820px){.hero.course-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:center}}@media (max-width:819px){.hero.course-hero .hero-media{aspect-ratio:auto;max-height:520px}}.units-classic{display:grid;grid-gap:8px;gap:8px}.units-classic-head{display:flex;align-items:center;gap:10px;color:var(--moss-deep)}.units-classic-head svg{color:var(--moss)}.unit-rows{display:grid;grid-gap:40px;gap:40px;margin-top:28px}.unit-row{display:grid;grid-gap:24px;gap:24px}.unit-intro{display:grid;grid-gap:8px;gap:8px;align-content:start}.unit-intro h3{font-size:18px}.unit-intro p{font-size:14px;line-height:1.75}.unit-lessons{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.unit-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 1px 2px rgba(47,71,55,.04);transition:border-color .16s ease,transform .16s ease}a.unit-card:hover{border-color:var(--leaf);transform:translateY(-1px)}.unit-card.locked{opacity:.82;background:rgba(255,253,248,.6);box-shadow:none}.unit-lesson-no{font-family:"Noto Serif TC",serif;font-size:26px;line-height:1;color:var(--moss-deep)}.unit-lesson-body{display:grid;grid-gap:4px;gap:4px;min-width:0}.unit-lesson-title{font-size:15px;color:var(--ink)}.unit-lesson-meta{font-size:12px;color:var(--muted)}.unit-lesson-icon{display:inline-flex;align-items:center;color:var(--muted)}.unit-lesson-icon.is-done{color:var(--moss)}.unit-lesson-icon.is-open{width:32px;height:32px;flex:none;border-radius:50%;background:var(--moss);color:var(--white);justify-content:center;box-shadow:0 2px 6px rgba(73,104,80,.35)}.unit-lesson-icon.is-open svg{margin-left:2px}@media (min-width:820px){.unit-row{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:28px}.unit-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-tag{align-self:start;width:-moz-fit-content;width:fit-content}.hero.course-hero h1{font-size:clamp(24px,3.4vw,34px);line-height:1.3}.unit-bookend{display:grid;grid-template-columns:auto 1fr auto;grid-gap:16px;gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:18px 22px;background:rgba(73,104,80,.06)}.unit-bookend.locked{opacity:.82}.bookend-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--white);color:var(--moss-deep);border:1px solid var(--line);flex-shrink:0}.bookend-body{display:grid;grid-gap:3px;gap:3px;min-width:0}.bookend-tag{font-size:12px;letter-spacing:1px;color:var(--leaf);font-weight:700}.bookend-title{font-family:"Noto Serif TC",serif;font-size:17px;color:var(--moss-deep);line-height:1.4}.unit-row{padding:26px 28px;border-radius:18px}.unit-row.mod-xiaozha{background:rgba(166,124,82,.09)}.unit-row.mod-xiaohao{background:rgba(140,132,112,.09)}.unit-row.mod-xiaomian{background:rgba(216,155,92,.07)}.unit-row.mod-xiaosu{background:rgba(74,138,142,.09)}.mod-xiaozha .unit-icon{background:#eadfd2;color:#6b4f33}.mod-xiaohao .unit-icon{background:#e8e2d5;color:#6a6455}.mod-xiaomian .unit-icon{background:#f3e6da;color:#8a6a4a}.mod-xiaosu .unit-icon{background:#dceaeb;color:#3d6f72}.unit-rows{gap:24px}.l2-path{margin-top:56px}.l2-path-lede{margin:10px 0 22px}.l2-path-note{margin-top:22px;font-size:14px}.unit-no{font-size:12px;letter-spacing:2.5px;color:var(--leaf);font-weight:700}.cta-footer-system{position:relative;margin-top:88px;height:300px;background-image:url(/images/hero-mountain-warm.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;overflow:hidden;isolation:isolate}.cta-footer-system:before{content:"";position:absolute;top:0;left:0;right:0;height:95px;background:linear-gradient(180deg,#f7f2e8 0,rgba(247,242,232,.68) 25%,rgba(247,242,232,.22) 60%,transparent);z-index:1;pointer-events:none}.cta-footer-system:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,transparent 55%,rgba(60,40,20,.22) 78%,rgba(60,40,20,.52));z-index:2;pointer-events:none}.cta-footer-system .cta-footer-text{position:absolute;bottom:58px;left:0;right:0;text-align:center;z-index:3;pointer-events:none}.cta-footer-system .cta-footer-text:before{content:"";display:block;width:38px;height:1px;background:rgba(212,176,106,.88);margin:0 auto 20px;box-shadow:0 0 6px rgba(212,176,106,.35)}.cta-footer-system .cta-footer-brand{font-family:"Noto Serif TC",serif;font-size:18px;font-weight:600;color:#ffffff;letter-spacing:3px;text-shadow:0 1px 4px rgba(40,25,10,.65),0 0 14px rgba(40,25,10,.45)}.cta-footer-system .cta-footer-slogan{font-size:11px;color:rgba(255,255,255,.88);letter-spacing:4px;text-transform:uppercase;margin-top:10px;text-shadow:0 1px 3px rgba(40,25,10,.5),0 0 8px rgba(40,25,10,.3)}.page{padding-bottom:0}.journey-steps{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-gap:14px;gap:14px}.journey-step{position:relative;display:grid;grid-gap:8px;gap:8px;align-content:start;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.5)}.journey-step.is-current{border-color:var(--moss);background:var(--white);box-shadow:0 0 0 1px var(--moss)}.journey-here{position:absolute;top:-11px;right:14px;padding:3px 12px;border-radius:999px;background:var(--moss-deep);color:var(--white);font-size:12px;letter-spacing:.08em}.journey-no{font-family:"Noto Serif TC",serif;color:var(--leaf);font-size:14px}.journey-name{display:flex;align-items:baseline;gap:8px}.journey-name h3{font-size:19px;color:var(--moss-deep)}.journey-en{color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.journey-scope{font-size:13px;color:var(--leaf)}.journey-step p{font-size:14px;line-height:1.7;color:var(--muted)}@media (min-width:820px){.journey-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.l2-bridge-card{display:grid;grid-gap:14px;gap:14px;justify-items:center;text-align:center;padding:44px 28px;border:1px solid var(--line);border-radius:20px;background:var(--paper-deep)}.l2-bridge-tag{font-size:13px;letter-spacing:.08em;color:var(--leaf)}.l2-bridge-card h2{font-family:"Noto Serif TC",serif;color:var(--moss-deep)}.l2-bridge-card p{max-width:560px;font-size:15px;line-height:1.8;color:var(--muted)}.l2-bridge-card .l2-bridge-when{white-space:nowrap;font-size:14px;color:var(--leaf);margin-top:4px}.login-hero .hero-media img{height:auto;aspect-ratio:708/814;object-fit:cover}