:root{--color-paper:oklch(98% .018 95);--color-paper-2:oklch(95% .035 102);--color-paper-3:oklch(91% .055 108);--color-ink:oklch(25% .035 260);--color-muted:oklch(48% .035 260);--color-rule:oklch(82% .035 105);--color-accent:oklch(54% .18 260);--color-accent-soft:oklch(91% .075 260);--color-up:oklch(64% .17 145);--color-down:oklch(63% .2 28);--color-pear:oklch(86% .18 105);--color-coral:oklch(73% .2 33);--color-cyan:oklch(79% .15 215);--color-success:oklch(43% .13 145);--color-error:oklch(49% .19 28);--color-focus:oklch(48% .19 260);--font-display:"Avenir Next", "Noto Sans TC", system-ui, sans-serif;--font-body:"Avenir Next", "Noto Sans TC", system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:clamp(1.9rem, 4vw, 3.5rem);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--rule-thin:1px;--dur-fast:.15s;--dur-base:.24s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html,body{background:var(--color-paper);min-width:0;color:var(--color-ink);margin:0;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55}button,a{font:inherit}button{cursor:pointer}button:active,a:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.site-nav{z-index:5;min-height:4.25rem;padding:var(--space-sm) clamp(var(--space-md), 4vw, var(--space-2xl));background:color-mix(in oklch, var(--color-paper) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:var(--rule-thin) solid var(--color-rule);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.brand{justify-self:start;align-items:center;gap:var(--space-xs);letter-spacing:-.035em;white-space:nowrap;font-weight:750;display:inline-flex}.brand-mark{background:var(--color-pear);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;display:grid;transform:rotate(-10deg)}.site-nav nav{gap:var(--space-lg);font-size:var(--text-sm);font-weight:650;display:flex}.site-nav nav a{padding:var(--space-xs)}.nav-cta{background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast);justify-self:end;padding:.58rem .85rem;font-weight:700}.nav-cta:hover{background:var(--color-accent);transform:translateY(-2px)}.hero{max-width:76rem;min-height:min(45rem,100vh - 4.25rem);padding:clamp(var(--space-3xl), 8vw, 6rem) clamp(var(--space-md), 5vw, var(--space-2xl)) clamp(var(--space-3xl), 11vw, 8rem);gap:clamp(var(--space-2xl), 9vw, 8rem);grid-template-columns:minmax(0,1.1fr) minmax(18rem,.65fr);align-items:center;margin:0 auto;display:grid}.kicker{margin:0 0 var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-muted);font-weight:700}.hero h1,h2,h3{font-family:var(--font-display);letter-spacing:-.05em;font-style:normal;line-height:1.04}.hero h1{overflow-wrap:anywhere;max-width:9ch;margin:0;font-size:clamp(3.2rem,7vw,6.5rem)}.hero h1 span{color:var(--color-accent)}.hero-copy{max-width:34rem;margin:var(--space-xl) 0;color:var(--color-muted);font-size:var(--text-lg)}.hero-cta{gap:var(--space-sm);min-height:3rem;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-pear);transition:transform var(--dur-base) cubic-bezier(.34,1.56,.64,1);white-space:nowrap;align-items:center;font-weight:750;display:inline-flex}.hero-cta:hover{transform:translateY(-3px)rotate(-1deg)}.mascot-card{padding:var(--space-xl);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-cyan);box-shadow:.65rem .65rem 0 var(--color-ink);position:relative;transform:rotate(2deg)}.mascot-card p{margin:1.5rem 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.mascot-card strong{max-width:15ch;font-size:var(--text-xl);line-height:1.2;display:block}.mascot-card small{margin-top:var(--space-xs);font-family:var(--font-mono);display:block}.mascot-face{border:2px solid var(--color-ink);background:var(--color-paper);border-radius:48% 52% 46% 54%;justify-content:center;align-items:center;gap:1.5rem;width:7rem;height:7rem;display:flex;position:relative}.mascot-face i{background:var(--color-ink);border-radius:50%;width:.6rem;height:.8rem}.mascot-face b{border-bottom:2px solid var(--color-ink);border-radius:50%;width:1.45rem;height:.7rem;position:absolute;bottom:1.55rem}.mini-progress{height:.5rem;margin-top:var(--space-xl);border:1px solid var(--color-ink);background:var(--color-paper);border-radius:99rem;overflow:hidden}.mini-progress span{background:var(--color-coral);width:33%;height:100%;display:block}.mission-section{padding:clamp(var(--space-2xl), 7vw, 6rem) clamp(var(--space-md), 5vw, var(--space-2xl));background:var(--color-paper-2)}.section-intro,.workbench{max-width:76rem;margin:0 auto}.section-intro{justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);align-items:end;display:flex}.section-intro h2,.learn-title h2,.path-section h2{font-size:var(--text-2xl);margin:0}.section-intro p:not(.kicker){margin:var(--space-xs) 0 0;color:var(--color-muted)}.level-dots{gap:var(--space-xs);padding-bottom:var(--space-sm);display:flex}.level-dots span{border:1px solid var(--color-ink);border-radius:99px;width:.7rem;height:.7rem}.level-dots .current{background:var(--color-coral);transform:scale(1.25)}.level-dots .done{background:var(--color-up)}.workbench{border:2px solid var(--color-ink);background:var(--color-paper);box-shadow:.45rem .45rem 0 var(--color-ink);grid-template-columns:minmax(0,1.5fr) minmax(17rem,.7fr);display:grid}.chart-panel{min-width:0;padding:var(--space-lg);border-right:2px solid var(--color-ink)}.chart-shell{min-width:0}.chart-topline{gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;display:flex}.live-dot{background:var(--color-up);border-radius:50%;width:.55rem;height:.55rem}.chart-key{padding-left:var(--space-sm)}.up-key{color:var(--color-success)}.down-key{color:var(--color-error)}.chart-with-scale{gap:var(--space-xs);margin-top:var(--space-md);grid-template-columns:minmax(0,1fr) 4.25rem;align-items:stretch;display:grid}.chart{width:100%;display:block}.price-scale{border-left:1px solid var(--color-rule);min-width:0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);position:relative}.desktop-price-ticks,.mobile-price-ticks{position:absolute;inset:0}.price-scale span{white-space:nowrap;position:absolute;right:0;transform:translateY(-50%)}.mobile-price-ticks{display:none}.grid-line{stroke:var(--color-rule);stroke-width:1px}.wick{stroke-width:2px}.wick-up{stroke:var(--color-up)}.wick-down{stroke:var(--color-down)}.candle-up{fill:var(--color-up)}.candle-down{fill:var(--color-down)}.ma-line{fill:none;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.ma5{stroke:var(--color-accent)}.ma10{stroke:var(--color-coral)}.axis-label{font-family:var(--font-mono);fill:var(--color-muted);font-size:11px}.chart-controls{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);flex-wrap:wrap;display:flex}.toggle{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);min-height:2rem;color:var(--color-muted);padding:0 .55rem}.toggle.active{border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.chart-note{margin:var(--space-lg) 0 0;color:var(--color-muted);font-size:var(--text-xs)}.answer-panel{padding:var(--space-xl)}.step-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);margin:0}.answer-panel h3{margin:var(--space-xs) 0 var(--space-lg);font-size:var(--text-xl)}.answers{gap:var(--space-sm);display:grid}.answer{min-height:3rem;padding:var(--space-sm);border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-paper);text-align:left;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast);font-weight:700}.answer:hover{background:var(--color-accent-soft);transform:translate(3px)}.answer.selected{outline:3px solid var(--color-focus);outline-offset:1px}.answer.is-correct{background:color-mix(in oklch, var(--color-up) 25%, var(--color-paper))}.answer.is-wrong{background:color-mix(in oklch, var(--color-down) 20%, var(--color-paper))}.hint-button{margin-top:var(--space-lg);color:var(--color-accent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.hint{margin:var(--space-sm) 0 0;padding:var(--space-sm);background:var(--color-pear);font-size:var(--text-sm)}.feedback{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.feedback p{margin:var(--space-xs) 0 var(--space-md);font-size:var(--text-sm)}.feedback button{min-height:2.8rem;padding:0 var(--space-md);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);border:0;font-weight:750}.feedback.success strong{color:var(--color-success)}.feedback.try-again strong{color:var(--color-error)}.learn-section{max-width:76rem;padding:var(--space-3xl) clamp(var(--space-md), 5vw, var(--space-2xl));gap:clamp(var(--space-xl), 8vw, 7rem);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin:0 auto;display:grid}.lesson-detail{max-width:34rem;padding:var(--space-md);background:var(--color-paper-2);border-left:3px solid var(--color-accent);color:var(--color-muted);font-size:var(--text-sm)}.lesson-detail strong{color:var(--color-ink)}.lesson-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson{min-height:15rem;padding:var(--space-lg);border-radius:var(--radius-md);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.lesson:hover{box-shadow:0 .65rem 1.4rem -.85rem var(--color-ink);transform:translateY(-3px)}.lesson span{font-family:var(--font-mono);font-size:var(--text-xs)}.lesson h3{margin:var(--space-lg) 0 var(--space-xs);font-size:var(--text-xl)}.lesson p{color:var(--color-muted);font-size:var(--text-sm);margin:0}.lesson button{margin-top:var(--space-lg);text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.lesson-0{background:var(--color-accent-soft)}.lesson-1{background:var(--color-pear)}.lesson-2{background:var(--color-cyan)}.lesson-3{background:color-mix(in oklch, var(--color-coral) 35%, var(--color-paper))}.path-section{gap:clamp(var(--space-xl), 8vw, 7rem);padding:var(--space-3xl) max(5vw, calc((100vw - 76rem) / 2));background:var(--color-ink);color:var(--color-paper);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.path-section .kicker{color:var(--color-cyan)}.path-section ol{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}.path-section li{gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid color-mix(in oklch, var(--color-paper) 25%, transparent);grid-template-columns:4rem 1fr;display:grid}.path-section li>span{color:var(--color-cyan);font-family:var(--font-mono);font-size:var(--text-sm)}.path-section strong{font-size:var(--text-lg)}.path-section p{margin:var(--space-xs) 0 0;color:color-mix(in oklch, var(--color-paper) 70%, transparent)}.footer{border-top:2px solid var(--color-ink);background:var(--color-pear);overflow:hidden}.footer-track{gap:var(--space-2xl);width:max-content;padding:var(--space-md) 0;white-space:nowrap;letter-spacing:.04em;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:800;animation:32s linear infinite footer-scroll;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes footer-scroll{to{transform:translate(-50%)}}.macd-strip{height:4rem;margin-top:var(--space-md);padding:var(--space-xs);border-top:1px solid var(--color-rule);align-items:end;gap:.3rem;display:flex}.macd-strip span{background:var(--color-accent);border-radius:2px 2px 0 0;width:100%}.locked-indicator{font-family:var(--font-mono)}.macd-key{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);font-weight:700}.rsi-panel{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.rsi-head{align-items:center;gap:var(--space-md);font-size:var(--text-xs);display:flex}.rsi-head strong{font-family:var(--font-mono);color:var(--color-ink)}.rsi-head span:first-of-type{color:var(--color-error)}.rsi-head span:last-of-type{color:var(--color-success)}.rsi-panel svg{width:100%;height:5.5rem;margin-top:var(--space-xs);display:block}.rsi-guide{stroke:var(--color-rule);stroke-dasharray:3 3}.rsi-label{font-family:var(--font-mono);fill:var(--color-muted);font-size:10px}.rsi-line{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ohlc-readout{gap:var(--space-xs);margin:var(--space-md) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ohlc-readout div{padding:var(--space-xs);border:1px solid var(--color-rule);background:var(--color-paper-2)}.ohlc-readout dt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.ohlc-readout dd{margin:var(--space-2xs) 0 0;font-size:var(--text-lg);font-weight:750}@media (width<=60rem){.hero,.learn-section,.path-section,.workbench{grid-template-columns:minmax(0,1fr)}.hero{min-height:auto}.mascot-card{max-width:26rem}.chart-panel{border-right:0;border-bottom:2px solid var(--color-ink)}.learn-title{max-width:36rem}.path-section{padding-inline:clamp(var(--space-md), 5vw, var(--space-2xl))}.site-nav nav{display:none}.site-nav{grid-template-columns:1fr auto}}@media (width<=40rem){.site-nav{padding-inline:var(--space-md)}.nav-cta{min-height:2.75rem;padding-inline:var(--space-sm);font-size:var(--text-xs)}.hero h1{font-size:clamp(2.8rem,15vw,4.6rem)}.hero-copy{font-size:var(--text-base)}.section-intro{flex-direction:column;align-items:start}.level-dots{padding-bottom:0}.chart-panel,.answer-panel{padding:var(--space-md)}.chart-with-scale{grid-template-columns:minmax(0,1fr) 3.2rem;gap:.25rem}.price-scale{font-size:10px}.desktop-price-ticks{display:none}.mobile-price-ticks{display:block}.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson{min-height:auto}.path-section li{grid-template-columns:3rem 1fr}.footer-track{animation-duration:40s}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.15s!important}.footer-track{animation:none}}