:root{--ink:#293b34;--forest:#466b5b;--forest-dark:#2c4b3f;--sage:#899b82;--cream:#f8edd9;--paper:#fffaf0;--coral:#e96b4d;--coral-strong:#b94734;--muted:#5d6c65;--line:#ded3bf;--mint:#dbe3d4;--shadow:0 24px 70px #293b341c;--font-sans:"Avenir Next", Avenir, "Segoe UI", system-ui, sans-serif;--font-chinese:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.shell{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8edd9eb;border-bottom:1px solid #ded3bfd1;position:sticky;top:0}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.02rem;font-weight:850;display:inline-flex}.brand-mark{flex:none;width:38px;height:38px;display:block}.brand-mark-image{width:100%;height:100%;display:block}.site-header nav{color:var(--muted);align-items:center;gap:30px;font-size:.92rem;font-weight:750;display:flex}.site-header nav a,.text-link{transition:color .16s}.site-header nav a:hover,.text-link:hover{color:var(--coral-strong)}.header-cta{border:1px solid var(--forest);color:var(--forest);border-radius:999px;padding:10px 17px;font-size:.88rem;font-weight:800;transition:background .16s,color .16s}.header-cta:hover{background:var(--forest);color:#fff}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;min-height:690px;padding-block:82px 96px;display:grid}.eyebrow{color:var(--forest);letter-spacing:.14em;text-transform:uppercase;margin:0 0 17px;font-size:.76rem;font-weight:900}.hero h1,.library-heading h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(3.35rem,6.4vw,6.15rem);font-weight:900;line-height:.94}.hero-lede{max-width:590px;color:var(--muted);margin:30px 0 0;font-size:1.17rem;line-height:1.65}.hero-actions{align-items:center;gap:26px;margin-top:34px;display:flex}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:22px;min-height:51px;padding:0 23px;font-weight:850;display:inline-flex}.button-primary{background:var(--coral-strong);color:#fff;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 26px #b947343d}.button-primary:hover,.button-light:hover{transform:translateY(-2px);box-shadow:0 16px 34px #293b3429}.text-link{color:var(--forest);font-weight:850}.hero-note{max-width:360px;color:var(--muted);align-items:center;gap:13px;margin-top:46px;font-size:.88rem;line-height:1.35;display:flex}.hero-note-mark{color:var(--forest);font-size:1.8rem;font-weight:900}.demo-wrap{place-items:center;min-height:520px;display:grid;position:relative}.demo-orbit{border-radius:999px;position:absolute}.demo-orbit-one{background:var(--mint);width:430px;height:430px}.demo-orbit-two{border:1px solid var(--sage);opacity:.55;width:510px;height:310px;transform:rotate(-22deg)}.demo-card{z-index:1;background:var(--paper);width:min(440px,100%);box-shadow:var(--shadow);border:1px solid #fffc;border-radius:32px;padding:30px;position:relative;transform:rotate(1.5deg)}.demo-card-top,.story-meta,.reader-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.level-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:7px 11px;font-size:.68rem;font-weight:900;display:inline-flex}.level-1{background:var(--mint);color:var(--forest-dark)}.level-2{color:#7e3e2e;background:#f4d2bd}.level-3{color:#3f584b;background:#cfd7c8}.reading-time,.story-meta{color:var(--muted);font-size:.75rem;font-weight:750}.demo-kicker{color:var(--coral-strong);letter-spacing:.14em;text-transform:uppercase;margin:34px 0 8px;font-size:.67rem;font-weight:900}.demo-card h2{font-family:var(--font-chinese), sans-serif;letter-spacing:.03em;margin:0;font-size:2.35rem}.demo-title{color:var(--muted);margin:3px 0 29px;font-weight:700}.demo-sentence{border-block:1px solid var(--line);font-family:var(--font-chinese), sans-serif;align-items:flex-end;gap:5px;padding-block:25px;display:flex}.demo-word{background:#f4ecdc;border-radius:10px;grid-template-rows:17px 38px 20px;place-items:center;min-width:61px;padding:6px 5px;display:grid}.demo-word span,.demo-word small{color:var(--muted);font-family:var(--font-sans), sans-serif;font-size:.62rem}.demo-word strong{font-size:1.2rem}.demo-punctuation{margin-bottom:22px;font-size:1.5rem}.demo-hint{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.75rem}.section{padding-block:104px}.section-heading h2,.closing-section h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.45rem,4.5vw,4.3rem);font-weight:900;line-height:1}.compact-heading{max-width:700px}.section-heading>p:last-child{max-width:580px;color:var(--muted);margin:22px 0 0;font-size:1.05rem;line-height:1.65}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px;display:grid}.feature-card{border:1px solid var(--line);background:#fffaf094;border-radius:24px;min-height:258px;padding:27px}.feature-card-accent{border-color:var(--forest);background:var(--forest);color:#fff;transform:translateY(-14px)}.feature-number{color:var(--coral-strong);font-size:.78rem;font-weight:900}.feature-card h3{margin:76px 0 10px;font-size:1.25rem}.feature-card p{color:var(--muted);margin:0;line-height:1.58}.feature-card-accent p{color:#e1e8df}.stories-preview{border-top:1px solid var(--line)}.section-heading-row{justify-content:space-between;align-items:end;gap:40px;display:flex}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.story-card{border:1px solid var(--line);background:var(--paper);border-radius:26px;flex-direction:column;height:100%;min-height:440px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;overflow:hidden}.story-card:hover{border-color:#b8c7b4;transform:translateY(-5px);box-shadow:0 22px 48px #293b341a}.story-art{background:var(--mint);min-height:152px;font-family:var(--font-chinese), sans-serif;place-items:center;display:grid}.story-level-2 .story-art,.reader-mark.story-level-2{background:#f2cfb9}.story-level-3 .story-art,.reader-mark.story-level-3{background:#cbd5c6}.story-art span{background:#ffffff6e;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:76px;height:76px;font-size:2.15rem;font-weight:700;display:grid}.story-card-body{flex-direction:column;flex:1;padding:23px;display:flex}.story-card h3{font-family:var(--font-chinese), sans-serif;margin:23px 0 2px;font-size:1.45rem}.story-english-title{color:var(--forest);margin:0;font-size:.89rem;font-weight:800}.story-summary{color:var(--muted);font-family:var(--font-chinese), sans-serif;margin:17px 0 24px;font-size:.9rem;line-height:1.6}.story-card-link{color:var(--forest);justify-content:space-between;align-items:center;margin-top:auto;font-size:.86rem;font-weight:850;display:flex}.closing-section{background:var(--forest);color:#fff;border-radius:34px;justify-content:space-between;align-items:center;gap:40px;min-height:330px;margin-block:40px 110px;padding:60px;display:flex;position:relative;overflow:hidden}.closing-section .eyebrow{color:#d4dfd2}.closing-mark{color:#ffffff0f;font-family:var(--font-chinese), sans-serif;font-size:20rem;font-weight:900;position:absolute;top:-80px;right:30%}.button-light{color:var(--forest);background:#fff;position:relative}.site-footer{border-top:1px solid var(--line);background:var(--paper)}.site-footer p{color:var(--muted);font-size:.88rem}.library-page{min-height:80vh;padding-block:85px 120px}.library-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;display:grid}.library-heading h1{max-width:830px;font-size:clamp(3.2rem,6vw,5.5rem)}.library-heading>p{max-width:420px;color:var(--muted);margin:0 0 8px;line-height:1.7}.library-controls{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:70px;padding-bottom:20px;display:flex}.filter-group{flex-wrap:wrap;gap:8px;display:flex}.filter-button,.reader-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:9px 15px;font-size:.8rem;font-weight:800}.filter-button:hover,.filter-button.active,.reader-toggle.active{border-color:var(--forest);background:var(--forest);color:#fff}.library-progress{color:var(--muted);margin:0;font-size:.86rem}.library-progress strong{color:var(--forest);font-size:1.15rem}.story-grid-library{grid-template-columns:repeat(3,minmax(0,1fr))}.story-card-wrap{position:relative}.read-badge{z-index:2;background:var(--paper);color:var(--forest);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:900;position:absolute;top:14px;right:14px;box-shadow:0 4px 15px #293b341f}.reader-page{min-height:86vh;padding-block:43px 110px}.back-link{color:var(--muted);align-items:center;gap:9px;font-size:.86rem;font-weight:800;display:inline-flex}.back-link:hover{color:var(--forest)}.reader-heading{justify-content:space-between;align-items:center;gap:40px;margin-block:44px 42px;display:flex}.reader-heading h1{font-family:var(--font-chinese), sans-serif;letter-spacing:.01em;margin:20px 0 2px;font-size:clamp(2.8rem,6vw,5rem);line-height:1.08}.reader-heading p{color:var(--muted);margin:0;font-size:1.08rem;font-weight:750}.reader-mark{background:var(--mint);width:140px;height:140px;font-family:var(--font-chinese), sans-serif;border-radius:50%;flex:none;place-items:center;font-size:3.5rem;font-weight:700;display:grid}.reader-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.reader-paper,.word-panel{border:1px solid var(--line);background:var(--paper);border-radius:28px;box-shadow:0 16px 55px #293b3412}.reader-paper{padding:30px clamp(24px,5vw,68px) 46px}.reader-toolbar{border-bottom:1px solid var(--line);padding-bottom:20px}.reader-toolbar>p{color:var(--muted);margin:0;font-size:.78rem;font-weight:800}.reader-toolbar>div{gap:7px;display:flex}.reader-toggle{padding:8px 12px}.reader-instruction{color:var(--muted);text-align:center;margin:27px 0 34px;font-size:.8rem}.story-text{font-family:var(--font-chinese), sans-serif}.story-text>p{flex-wrap:wrap;align-items:end;gap:4px 2px;margin:0 0 37px;font-size:0;line-height:1.9;display:flex}.reader-word{min-height:55px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-rows:20px auto;place-items:center;padding:2px 5px 4px;display:inline-grid}.reader-word:hover,.reader-word:focus-visible{background:var(--mint);outline:none}.reader-word>span:first-child{color:var(--muted);font-family:var(--font-sans), sans-serif;font-size:.7rem;line-height:1}.reader-word strong{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.25}.punctuation{align-self:end;margin-bottom:6px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1}.translation-panel{border-left:3px solid var(--coral);background:#f5ecdc;border-radius:0 16px 16px 0;margin-top:16px;padding:19px 22px}.translation-panel span,.word-panel-label{color:var(--coral-strong);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:900}.translation-panel p{margin:8px 0 0;line-height:1.65}.complete-button{background:var(--forest);color:#fff;width:100%;margin-top:38px}.complete-button.is-complete{cursor:default;background:var(--mint);color:var(--forest)}.word-panel{min-height:265px;padding:29px;position:sticky;top:105px}.word-panel-symbol{color:#bdcbb9;font-family:var(--font-chinese), sans-serif;font-size:3rem;display:block}.word-panel h2{margin:34px 0 8px;font-size:1.1rem}.word-panel>p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.55}.word-panel.has-word{border-color:#b8c8b5}.word-panel.has-word>strong{font-family:var(--font-chinese), sans-serif;margin-top:23px;font-size:3.2rem;display:block}.word-panel.has-word>em{color:var(--forest);margin:-3px 0 20px;font-size:.9rem;font-style:normal;font-weight:800;display:block}.word-panel-close{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:1.2rem;display:grid;position:absolute;top:17px;right:17px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.hero,.library-heading,.reader-layout{grid-template-columns:1fr}.hero{gap:40px;padding-top:65px}.hero-copy{text-align:center}.hero-lede,.hero-note{margin-inline:auto}.hero-actions{justify-content:center}.feature-grid,.story-grid,.story-grid-library{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card-accent{transform:none}.library-heading{align-items:start;gap:26px}.word-panel{order:-1;min-height:auto;position:static}}@media (max-width:640px){.shell{width:min(100% - 28px,1160px)}.header-inner{min-height:68px}.site-header nav{display:none}.header-cta{padding:8px 13px;font-size:.75rem}.brand{font-size:.9rem}.brand-mark{width:34px;height:34px}.hero h1,.library-heading h1{font-size:clamp(3rem,14vw,4.3rem)}.hero-actions,.section-heading-row,.closing-section,.library-controls,.reader-heading,.reader-toolbar{flex-direction:column;align-items:stretch}.demo-wrap{min-height:430px}.demo-orbit-one{width:330px;height:330px}.demo-orbit-two{width:360px;height:240px}.demo-card{padding:23px}.demo-sentence{gap:2px}.demo-word{min-width:53px}.section{padding-block:76px}.feature-grid,.story-grid,.story-grid-library{grid-template-columns:1fr}.section-heading-row{align-items:start}.story-card{min-height:410px}.closing-section{min-height:340px;margin-bottom:70px;padding:38px 28px}.library-page{padding-block:60px 80px}.library-progress{padding-left:4px}.reader-mark{display:none}.reader-paper{padding-inline:18px}.reader-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.story-text>p{margin-bottom:30px}.footer-inner{flex-direction:column;align-items:flex-start;gap:6px;padding-block:24px}.site-footer p{margin:0 0 0 44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}