:root{--night:#061829;--night-2:#081e32;--night-3:#0c2945;--paper:#f5eddb;--paper-2:#fffaf0;--ink:#0a2442;--moon:#f4b54c;--cream:#f3e4c0;--blue:#4c8fdc;--green:#5fb87b;--line:rgba(216,196,155,0.22);--shadow:0 24px 70px rgba(1,10,19,0.34);--serif:Georgia,"Songti SC","STSong",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:var(--night);font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.night-page{min-height:100vh;background:radial-gradient(circle at 70% 10%,rgba(42,83,116,.22),transparent 32%),var(--night)}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,6vw,88px);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(3,18,31,.86);position:relative;z-index:20}.site-header--compact{height:84px}.brand{display:inline-flex;align-items:center;gap:14px;color:var(--cream)}.brand__mark{width:48px;height:48px;color:var(--moon);display:grid;place-items:center}.brand__mark svg{width:48px;height:48px;stroke-width:1.25}.brand strong{display:block;font:600 24px/1.1 var(--serif);letter-spacing:.06em}.brand small{display:block;margin-top:7px;font-size:11px;letter-spacing:.48em}.site-header nav{display:flex;gap:clamp(30px,6vw,88px);margin-right:28%}.site-header nav a{position:relative;padding:28px 4px;color:rgba(243,228,192,.67);font:500 18px var(--serif);letter-spacing:.12em;transition:color .2s}.site-header nav a:first-child,.site-header nav a:hover{color:var(--cream)}.site-header nav a:first-child:after{content:"";height:3px;width:44px;background:var(--moon);position:absolute;bottom:15px;left:50%;transform:translateX(-50%)}.hero{min-height:490px;padding:82px clamp(28px,6vw,88px) 60px;position:relative;display:grid;grid-template-columns:1fr minmax(420px,1.2fr);align-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.hero:before{inset:0;background:linear-gradient(90deg,var(--night) 0,rgba(6,24,41,.95) 28%,rgba(6,24,41,.2) 65%),url(/images/home-hero.png) 100% /cover no-repeat;z-index:-2}.hero:after,.hero:before{content:"";position:absolute}.hero:after{inset:auto 0 0;height:90px;background:linear-gradient(transparent,var(--night));z-index:-1}.hero__copy{max-width:650px}.hero h1{margin:0;font:600 clamp(42px,5vw,68px)/1.15 var(--serif);letter-spacing:.08em}.hero__copy>p{max-width:560px;margin:24px 0 34px;color:rgba(243,228,192,.72);font-size:17px;line-height:1.9}.primary-button,.secondary-button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 30px;border:0;cursor:pointer;font-weight:650;transition:transform .2s,filter .2s,background .2s}.primary-button{color:var(--ink);background:var(--moon);box-shadow:0 12px 35px rgba(244,181,76,.16)}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.06)}.primary-button svg{width:22px}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{color:var(--cream);border:1px solid var(--line);background:rgba(255,255,255,.03)}.hero__progress{align-self:end;justify-self:end;width:min(320px,100%);margin-bottom:20px}.hero__progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.hero__progress span{color:rgba(243,228,192,.76)}.hero__progress strong{color:var(--moon);font-size:30px}.hero__progress small{color:var(--cream);font-weight:400;font-size:18px}.progress-track{margin-top:12px;height:7px;border-radius:10px;background:rgba(255,255,255,.12);overflow:hidden}.progress-track i{display:block;height:100%;background:var(--moon);border-radius:inherit;transition:width .4s ease}.word-path{padding:54px clamp(28px,8vw,130px) 90px;max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.section-heading h2{margin:0;font:500 26px var(--serif)}.section-heading span{color:rgba(243,228,192,.5);font-size:13px}.word-path ol{list-style:none;margin:0;padding:0 0 0 38px;position:relative}.word-path ol:before{content:"";position:absolute;left:20px;top:42px;bottom:42px;width:1px;background:linear-gradient(var(--blue),var(--line))}.word-path li{min-height:102px;display:grid;grid-template-columns:54px minmax(260px,1fr) minmax(140px,.45fr) 90px;align-items:center;border-top:1px solid var(--line);position:relative}.word-path li:last-child{border-bottom:1px solid var(--line)}.word-path__index{width:40px;height:40px;border:1px solid rgba(243,228,192,.44);border-radius:50%;display:grid;place-items:center;margin-left:-38px;background:var(--night);z-index:1;font-family:var(--serif)}.word-path__index svg{width:20px;color:var(--moon)}.word-path__term{display:grid;grid-template-columns:minmax(200px,.8fr) 1fr;align-items:baseline;gap:24px}.word-path__term strong{font:600 31px var(--serif);letter-spacing:.025em}.word-path__term span{color:rgba(243,228,192,.78)}.word-path__status{display:flex;flex-direction:column;gap:4px;font-size:13px}.word-path__status i{font-style:normal;color:rgba(243,228,192,.42)}.status--done span{color:var(--green)}.status--active span{color:var(--blue)}.status--idle span{color:rgba(243,228,192,.42)}.word-path li>a{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--blue);font-weight:600}.word-path li>a svg{width:19px}.footer{display:flex;justify-content:space-between;gap:24px;padding:34px clamp(28px,6vw,88px);border-top:1px solid var(--line);color:rgba(243,228,192,.5);font-size:12px}.footer p{margin:0}.footer div{display:flex;flex-wrap:wrap;gap:20px}.footer a:hover{color:var(--cream)}.about-page,.library-page,.simple-page{width:min(1180px,calc(100% - 56px));margin:auto;padding:80px 0 110px}.about-page h1,.library-page header h1,.simple-page h1{margin:0 0 18px;font:600 58px var(--serif)}.about-page p,.library-page header p,.simple-page p{color:rgba(243,228,192,.7);line-height:1.85}.library-list{margin-top:48px;border-top:1px solid var(--line)}.library-list>a{min-height:92px;display:grid;grid-template-columns:48px 1fr 1fr 32px;gap:20px;align-items:center;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.library-list>a:hover{background:rgba(255,255,255,.025);padding:0 18px}.library-list>a>span{color:var(--moon);font-family:var(--serif)}.library-list strong{display:block;font:600 25px var(--serif)}.library-list small{color:rgba(243,228,192,.45)}.library-list p{color:rgba(243,228,192,.76)}.library-list svg{color:var(--blue)}.simple-page{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.simple-page>p{max-width:680px}.cat-silhouette{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;color:var(--moon);border:1px solid var(--line);margin-bottom:24px}.review-actions{display:flex;gap:14px;margin-top:28px}.about-page{max-width:860px}.about-page h2{margin:42px 0 6px;color:var(--moon);font:500 24px var(--serif)}.word-page{min-height:100vh;color:var(--ink);background:var(--night)}.word-page .site-header{color:var(--cream)}.word-page .site-header nav{margin-right:0}.word-nav{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(24px,7vw,110px);color:var(--cream);border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid var(--line)}.word-nav div a,.word-nav>a{display:inline-flex;align-items:center;gap:7px;font-size:13px}.word-nav svg{width:18px}.word-nav>span{color:rgba(243,228,192,.7)}.word-nav div{justify-self:end;display:flex;gap:16px}.word-nav div a{padding:9px 13px;border:1px solid var(--line)}.word-page>article{width:min(1320px,calc(100% - 56px));margin:auto;background:var(--paper);box-shadow:var(--shadow)}.word-hero{min-height:475px;display:grid;grid-template-columns:.78fr 1.22fr;gap:0;padding:34px;border-bottom:1px solid rgba(10,36,66,.14)}.word-hero__copy{padding:28px 44px;display:flex;flex-direction:column;align-items:flex-start}.word-hero__copy>span{color:#326bac;font-size:12px;font-weight:700;letter-spacing:.12em}.word-hero h1{margin:16px 0 8px;color:var(--ink);font:600 clamp(58px,6vw,86px)/1 var(--serif);letter-spacing:-.02em}.phonetics{display:flex;flex-wrap:wrap;gap:15px;color:rgba(10,36,66,.66);font-family:var(--serif)}.audio-button{margin-top:19px;min-height:42px;display:inline-flex;align-items:center;gap:9px;padding:0 15px;color:var(--paper);border:0;border-radius:99px;background:#0b3970;cursor:pointer}.audio-button:disabled{cursor:wait;opacity:.68}.audio-button svg{width:19px}.audio-button span{font-size:12px;font-weight:600}.audio-button.is-playing{animation:pulse 1s infinite}.word-hero__copy>p{margin:22px 0 6px;color:#306cb1;font-size:14px}.word-hero h2{margin:6px 0 24px;font:600 34px var(--serif)}.word-visual{width:100%;height:100%;min-height:400px;object-fit:cover;border-radius:4px;display:block;background:var(--night-2)}.word-visual--fallback{color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e4b70,var(--night))}.word-visual--fallback svg{width:72px;height:72px;color:var(--moon)}.word-visual--fallback strong{margin-top:24px;font:600 36px var(--serif)}.word-visual--fallback span{margin-top:8px;color:rgba(243,228,192,.55);font-size:13px}.knowledge-bands{border-bottom:1px solid rgba(10,36,66,.14)}.knowledge-row{min-height:95px;display:grid;grid-template-columns:230px 1fr;align-items:center;border-top:1px solid rgba(10,36,66,.13);padding:18px 72px}.knowledge-row h2{margin:0;font:600 19px var(--serif)}.knowledge-row>div,.knowledge-row>ul{padding-left:34px;border-left:1px solid rgba(10,36,66,.16)}.knowledge-row p{margin:4px 0;line-height:1.7}.knowledge-row ul{margin:0}.knowledge-row li{margin:5px 0;line-height:1.6}.knowledge-row blockquote{margin:0 0 8px;font:500 21px/1.45 var(--serif)}.knowledge-row a,.sources-section a{display:inline-flex;align-items:center;gap:5px;color:#2864a2;font-size:12px;font-weight:650}.knowledge-row a svg,.sources-section svg{width:14px}.knowledge-row--example{background:var(--paper-2)}.knowledge-row--example>div>p{color:rgba(10,36,66,.68)}.inline-list{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:none}.inline-list li{position:relative}.inline-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:#2864a2;position:absolute;left:-14px;top:11px}.relations{display:flex;flex-wrap:wrap;gap:30px}.relations strong{display:inline-block;color:#a76409;margin-right:12px}.mnemonic-section{padding:58px 72px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#ecdfc6}.cat-advice{display:grid;grid-template-columns:72px 1fr;gap:20px}.cat-advice>span{width:64px;height:64px;display:grid;place-items:center;color:var(--moon);font-size:33px;background:var(--night);border-radius:50%}.cat-advice p{margin:0 0 8px;line-height:1.75}.cat-advice h2{margin:8px 0 12px;font:600 27px var(--serif)}.cat-advice strong{display:block;margin-top:17px;color:#16518b}.cat-advice small{display:block;margin-top:13px;color:rgba(10,36,66,.52)}.memory-notes{padding-left:48px;border-left:1px solid rgba(10,36,66,.16)}.memory-notes h3{margin:0;font:600 25px var(--serif)}.memory-notes>p{color:rgba(10,36,66,.63);font-size:13px;line-height:1.6}.memory-notes ul{list-style:none;padding:0}.memory-notes li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(10,36,66,.12)}.memory-notes li button,.text-button{color:#2864a2;background:transparent;border:0;cursor:pointer;font-size:12px}.memory-notes form{margin-top:18px}.memory-notes label{display:block;margin-bottom:8px;font-size:13px;font-weight:650}.memory-notes textarea{width:100%;resize:vertical;padding:12px;color:var(--ink);border:1px solid rgba(10,36,66,.22);background:rgba(255,255,255,.42)}.memory-notes form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.memory-notes .secondary-button{min-height:38px;padding:0 18px;color:var(--ink);border-color:rgba(10,36,66,.24)}.corpus-section{padding:62px 72px;background:var(--paper-2)}.corpus-section>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.corpus-section header span,.practice-callout span{color:#a76409;font-size:12px;font-weight:700;letter-spacing:.12em}.corpus-section h2,.practice-callout h2{margin:7px 0 0;font:600 32px var(--serif)}.corpus-section header>p{max-width:430px;margin:0;color:rgba(10,36,66,.58);line-height:1.7;font-size:13px}.youglish-shell{border:1px solid rgba(10,36,66,.16);background:var(--paper);min-height:180px;padding:28px}.external-consent{min-height:150px;display:flex;justify-content:space-between;gap:30px;align-items:center}.external-consent strong{font:600 23px var(--serif)}.external-consent p{max-width:600px;color:rgba(10,36,66,.6);line-height:1.7}.youglish-widget{width:100%;min-height:220px;display:grid;place-items:center;overflow:hidden}.media-status{color:rgba(10,36,66,.65)}.media-status--error{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:#9e3b2e}.media-status--error p{width:100%;margin-bottom:0}.media-status--error a,.source-link{color:#2864a2}.source-link{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:14px;font-size:12px}.source-link svg{width:13px}.practice-callout{margin:0;padding:42px 72px;color:var(--cream);background:linear-gradient(110deg,var(--night),#0a3460);display:flex;justify-content:space-between;align-items:center;gap:30px}.practice-callout .primary-button{min-width:210px}.sources-section{padding:48px 72px 58px;background:var(--paper)}.sources-section h2{font:600 22px var(--serif)}.sources-section ul{display:flex;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:0}.sources-section p{margin-top:20px;color:rgba(10,36,66,.55);font-size:12px}.practice-page{min-height:100vh;background:radial-gradient(circle at 50% 0,#113b60,var(--night) 55%)}.practice-topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.brand--simple strong{font-size:21px}.brand--simple>span{color:var(--moon);font-size:35px}.practice-topbar>a:last-child{display:flex;align-items:center;gap:7px;color:rgba(243,228,192,.72)}.practice-topbar svg{width:20px}.practice-game{max-width:1440px;margin:auto}.practice-game>header{height:122px;display:grid;grid-template-columns:240px 1fr;align-items:center;padding:0 48px;border-bottom:1px solid var(--line)}.practice-game>header>div span{font:600 36px var(--serif)}.practice-game>header>div strong{margin-left:25px;color:var(--moon);font-size:32px}.practice-game ol{list-style:none;display:flex;justify-content:space-between;margin:0;padding:0;position:relative}.practice-game ol:before{content:"";position:absolute;top:17px;left:25px;right:25px;height:1px;background:var(--line)}.practice-game ol li{position:relative;z-index:1;color:rgba(243,228,192,.43);display:flex;align-items:center;gap:8px}.practice-game ol li:first-letter{width:34px;height:34px}.practice-game ol li>span{background:var(--night-2);padding:7px}.practice-game ol li.active{color:var(--moon)}.practice-game ol li.done{color:var(--green)}.practice-stage{display:grid;grid-template-columns:1fr 300px;width:calc(100% - 72px);margin:0 auto 45px;min-height:670px;border:1px solid var(--line);box-shadow:var(--shadow)}.question-panel{color:var(--ink);background:var(--paper);padding:clamp(32px,5vw,72px)}.question-panel>span{color:#a76409;font-size:13px;font-weight:700;letter-spacing:.12em}.question-panel .audio-button{margin-top:22px}.question-panel h1{max-width:900px;margin:28px 0 44px;font:600 clamp(30px,3.4vw,49px)/1.35 var(--serif)}.question-meaning{margin:32px 0 -13px;color:#2864a2;font:600 25px var(--serif)}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.answer-grid button{min-height:92px;display:flex;align-items:center;gap:22px;padding:16px 22px;color:var(--ink);border:1px solid rgba(10,36,66,.22);background:rgba(255,255,255,.25);cursor:pointer;font:600 25px var(--serif);text-align:left}.answer-grid button.selected,.answer-grid button:hover{border-color:#c7821d;box-shadow:0 0 0 3px rgba(244,181,76,.3);background:#fff4d9}.answer-grid button.selected:after{content:"已选择";margin-left:auto;color:#a76409;font:700 12px var(--sans);letter-spacing:.08em}.answer-grid button.selected kbd{background:#c7821d}.answer-grid button:disabled{cursor:not-allowed}.answer-grid button:disabled:not(.selected){opacity:.68}.answer-grid kbd{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;color:var(--paper);background:var(--ink);font:600 18px var(--sans)}.practice-loading{margin:18px 0 0;color:#a76409;font-size:13px}.spelling-input{width:100%;max-width:720px;height:90px;padding:0 24px;color:var(--ink);border:0;border-bottom:3px solid #2864a2;background:rgba(255,255,255,.36);font:600 42px var(--serif);letter-spacing:.04em}.answer-feedback{margin-top:24px;padding:18px 22px;border-left:4px solid}.answer-feedback p{margin:7px 0 0}.answer-feedback.correct{color:#276b43;background:rgba(95,184,123,.12)}.answer-feedback.wrong{color:#943c32;background:rgba(179,77,63,.1)}.practice-stage aside{display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 28px 34px;background:linear-gradient(180deg,var(--night-2),#0b2a46)}.practice-stage aside .cat-face{width:94px;height:94px;display:grid;place-items:center;color:var(--moon);border:1px solid var(--line);border-radius:50%;font-size:35px}.practice-stage aside h2{color:var(--moon);margin:25px 0 12px;font:600 25px var(--serif)}.practice-stage aside p{color:rgba(243,228,192,.72);line-height:1.8}.practice-stage aside .primary-button{width:100%;margin-top:auto}.practice-result{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-moon{width:100px;height:100px;display:grid;place-items:center;color:var(--night);background:var(--moon);border-radius:50%}.result-moon svg{width:45px}.practice-result h1{font:600 55px var(--serif);margin:24px 0 8px}.practice-result p{color:rgba(243,228,192,.7)}.practice-result p strong{color:var(--moon);font-size:34px}.practice-result>div{display:flex;gap:14px;margin-top:25px}@keyframes pulse{50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:900px){.site-header{height:auto;min-height:86px;flex-wrap:wrap;gap:8px;padding:16px 24px}.brand strong{font-size:19px}.brand small{display:none}.brand__mark,.brand__mark svg{width:38px;height:38px}.site-header nav{order:3;width:100%;margin:0;justify-content:space-around;border-top:1px solid var(--line)}.site-header nav a{padding:13px;font-size:15px}.site-header nav a:first-child:after{bottom:4px}.hero{min-height:620px;grid-template-columns:1fr;align-items:end;padding-top:240px}.hero:before{background:linear-gradient(0deg,var(--night) 0,rgba(6,24,41,.12) 70%),url(/images/home-hero.png) 62% /cover no-repeat}.hero__progress{justify-self:start;margin-top:38px}.word-path{padding-left:24px;padding-right:24px}.word-path li{grid-template-columns:46px 1fr 70px;min-height:112px}.word-path__term{grid-template-columns:1fr;gap:6px}.word-path__term strong{font-size:24px}.word-path__status{display:none}.word-path li>a{font-size:0}.word-path li>a svg{width:24px}.section-heading span{display:none}.footer{flex-direction:column}.library-list>a{grid-template-columns:36px 1fr 28px}.library-list p{display:none}.word-page>article{width:100%}.word-nav{padding:0 18px}.word-nav>a{font-size:0}.word-nav div{gap:6px}.word-nav div a{font-size:0;padding:8px}.word-hero{grid-template-columns:1fr;padding:0}.word-hero__copy{padding:40px 28px}.word-hero h1{font-size:clamp(50px,14vw,72px);overflow-wrap:anywhere}.word-visual{border-radius:0;min-height:310px;max-height:440px}.knowledge-row{grid-template-columns:1fr;padding:24px 28px}.knowledge-row h2{margin-bottom:15px}.knowledge-row>div,.knowledge-row>ul{padding:0;border:0}.inline-list{padding-left:16px!important}.mnemonic-section{grid-template-columns:1fr;padding:42px 28px}.memory-notes{padding:34px 0 0;border-left:0;border-top:1px solid rgba(10,36,66,.16)}.corpus-section{padding:42px 28px}.corpus-section>header{display:block}.corpus-section header>p{margin-top:14px}.external-consent,.practice-callout{align-items:stretch;flex-direction:column}.practice-callout{padding:36px 28px}.sources-section{padding:38px 28px}.practice-topbar{padding:0 20px}.brand--simple strong{font-size:15px}.practice-game>header{height:auto;grid-template-columns:1fr;gap:22px;padding:22px}.practice-game ol li span{display:none}.practice-stage{grid-template-columns:1fr;width:calc(100% - 24px);min-height:auto}.question-panel{padding:34px 22px}.answer-grid{grid-template-columns:1fr}.practice-stage aside{min-height:300px}.practice-stage aside .primary-button{margin-top:22px}}@media (max-width:560px){.hero{padding-left:22px;padding-right:22px}.hero h1{font-size:39px}.primary-button{min-height:54px}.word-path ol{padding-left:30px}.word-path ol:before{left:15px}.word-path__index{margin-left:-30px;width:32px;height:32px}.word-path li{grid-template-columns:38px 1fr 48px}.word-path__term span{font-size:13px}.word-hero__copy{padding:34px 22px}.word-hero h2{font-size:28px}.phonetics{font-size:13px}.knowledge-row{padding:22px}.knowledge-row blockquote{font-size:18px}.cat-advice{grid-template-columns:1fr}.cat-advice>span{width:52px;height:52px}.youglish-shell{padding:16px}.practice-result>div,.review-actions{flex-direction:column;width:100%;max-width:320px}.about-page,.library-page,.simple-page{width:calc(100% - 40px)}.about-page h1,.library-page header h1,.simple-page h1{font-size:43px}}