:root{--ink:#11182b;--paper:#f5f0e6;--lime:#c7ff3d;--orange:#ff6b3d;--blue:#62b8ff;--cream:#fffaf0;--line:rgba(17,24,43,.14);--shadow:0 22px 60px rgba(17,24,43,.13);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Avenir Next","PingFang SC","Noto Sans CJK SC",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.cursor-orb{position:fixed;width:18px;height:18px;border:2px solid var(--orange);border-radius:50%;pointer-events:none;z-index:99;transform:translate(-50%,-50%);transition:width .18s,height .18s,background .18s;mix-blend-mode:multiply}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,4vw,64px);background:rgba(245,240,230,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:900;letter-spacing:-1px}.brand>span:last-child>span{color:var(--orange)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--lime);border-radius:50% 50% 42% 58%/58% 45% 55% 42%;font:900 20px Georgia,serif}.nav{display:flex;gap:8px}.nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;padding:9px 13px;border-radius:999px}.nav a:hover{background:var(--ink);color:white}.account-button{border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:10px 14px;font:700 13px inherit;display:flex;align-items:center;gap:8px;cursor:pointer}.status-dot{width:8px;height:8px;background:#9aa0ac;border-radius:50%}.account-button.online .status-dot{background:#28c76f;box-shadow:0 0 0 5px rgba(40,199,111,.12)}.section{max-width:1240px;margin:auto;padding:110px clamp(22px,5vw,72px)}.hero{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px}.eyebrow span{display:inline-block;margin-right:10px;padding:5px 8px;border:1px solid currentColor;border-radius:999px}.hero h1,.section-heading h2{font-family:"Bodoni 72","Songti SC",Georgia,serif;letter-spacing:-5px}.hero h1{margin:18px 0 28px;font-size:clamp(68px,9.5vw,138px);line-height:.78;font-weight:800}.hero h1 em{font-style:italic;color:var(--orange)}.hero-lead{max-width:620px;font-size:18px;line-height:1.9;color:#4d5363}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{border:1px solid var(--ink);border-radius:999px;padding:15px 23px;font:800 15px inherit;text-decoration:none;color:var(--ink);cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:5px 6px 0 var(--ink)}.button-primary{background:var(--lime)}.button-ghost{background:transparent}.sync-line{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:13px;color:#626879}.pulse{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,107,61,.6);animation:pulse 1.8s infinite}.hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;background:var(--ink);border-radius:50%;overflow:hidden;box-shadow:var(--shadow)}.hero-visual:before{content:"";position:absolute;inset:7%;border:1px dashed rgba(255,255,255,.28);border-radius:50%;animation:spin 28s linear infinite}.hero-visual:after{content:"MEMORY / ORBIT / MEMORY / ORBIT";position:absolute;bottom:7%;color:white;font-size:10px;letter-spacing:5px}.orbit{position:absolute;border:1px solid rgba(199,255,61,.38);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:84%;height:38%}.orbit-two{width:60%;height:94%;transform:rotate(35deg)}.planet-card{position:relative;z-index:2;width:58%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);border-radius:46% 54% 58% 42%/48% 45% 55% 52%;box-shadow:18px 18px 0 var(--orange);animation:float 5s ease-in-out infinite}.planet-kicker{font-size:10px;letter-spacing:1px;font-weight:900}.planet-card>strong{font:900 clamp(76px,10vw,140px)/.9 Georgia,serif}.planet-card small{font-weight:900;letter-spacing:2px}.progress-ring{position:absolute;right:-18px;bottom:12px;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--lime) var(--progress,0%),#293047 0);border:4px solid var(--ink);color:white;font-weight:800;font-size:12px}.floating-tag{position:absolute;z-index:4;background:white;border:2px solid var(--ink);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;box-shadow:4px 5px 0 var(--lime)}.tag-one{top:17%;left:3%;transform:rotate(-8deg)}.tag-two{right:2%;top:32%;transform:rotate(7deg)}.tag-three{left:12%;bottom:17%;transform:rotate(5deg)}.dashboard{max-width:none;background:var(--cream);border-block:1px solid var(--line)}.dashboard>*{max-width:1096px;margin-inline:auto}.section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:46px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(50px,7vw,94px);line-height:.9;margin:14px 0 0}.section-heading>p:last-child{margin:0;color:#6d7180}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{min-height:220px;border:1px solid var(--ink);border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:5px 6px 0 var(--ink)}.metric span{font-size:10px;font-weight:900;letter-spacing:2px}.metric strong{font:900 72px/1 Georgia,serif}.metric strong i{font:700 14px inherit;margin-left:4px}.metric p{font-weight:800;margin:0}.metric-lime{background:var(--lime)}.metric-orange{background:var(--orange)}.metric-blue{background:var(--blue)}.metric-ink{background:var(--ink);color:white}.today-route{margin-top:18px!important;display:grid;grid-template-columns:1fr 240px 64px;align-items:center;gap:30px;background:var(--ink);color:white;padding:28px 32px;border-radius:24px}.route-label{font-size:10px;letter-spacing:2px;color:var(--lime)}.today-route h3{font-size:24px;margin:5px 0}.today-route p{margin:0;color:#bfc3ce}.route-progress>span{font-weight:800}.route-progress>div,.xp-bar{height:8px;border-radius:10px;background:#394057;margin-top:10px;overflow:hidden}.route-progress i,.xp-bar i{display:block;height:100%;width:0;background:var(--lime);border-radius:inherit;transition:width .45s}.round-action{width:58px;height:58px;border-radius:50%;border:0;background:var(--lime);font-size:24px;font-weight:900;cursor:pointer}.modes{padding-bottom:60px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mode-card{position:relative;min-height:480px;padding:30px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--cream);overflow:hidden;transition:transform .25s,box-shadow .25s}.mode-card:hover{transform:translateY(-7px);box-shadow:10px 12px 0 var(--ink)}.mode-featured{background:var(--lime)}.mode-challenge{background:var(--orange)}.mode-number{font:italic 800 38px Georgia,serif}.mode-chip{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.mode-card h3{font:800 clamp(32px,4vw,54px)/1 "Bodoni 72","Songti SC",serif;margin:17px 0}.mode-card p{max-width:430px;line-height:1.8;color:#4c5260}.text-button{position:absolute;left:30px;bottom:30px;background:none;border:0;padding:0;font:900 15px inherit;cursor:pointer}.mode-art{height:155px;margin:6px 0 22px;position:relative}.curve-art{display:flex;align-items:end;gap:4%;padding:20px}.curve-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,var(--ink) 49% 51%,transparent 52%);opacity:.13}.curve-art i{flex:1;background:var(--ink);border-radius:20px 20px 0 0}.curve-art i:nth-child(1){height:100%}.curve-art i:nth-child(2){height:68%}.curve-art i:nth-child(3){height:49%}.curve-art i:nth-child(4){height:34%}.curve-art i:nth-child(5){height:24%}.tower-art{display:flex;align-items:end;justify-content:center}.tower-art span{display:grid;place-items:center;width:18%;height:var(--h);background:var(--ink);color:white;border:1px solid white;font-weight:900}.tower-art span:nth-child(1){--h:35%}.tower-art span:nth-child(2){--h:55%}.tower-art span:nth-child(3){--h:75%}.tower-art span:nth-child(4){--h:100%;background:var(--lime);color:var(--ink)}.rescue-art{display:grid;place-items:center;width:130px!important;height:130px!important;margin-inline:auto!important;background:var(--blue);border-radius:50%;font:900 88px/1 Georgia,serif;box-shadow:12px 12px 0 var(--ink)}.family-art{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.family-art>*{border:1px solid var(--ink);border-radius:999px;padding:9px 13px}.family-art b{background:var(--ink);color:white;font-size:24px}.wordbank{max-width:none;background:#dbe9f2}.wordbank>*{max-width:1096px;margin-inline:auto}.search-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:white;border:2px solid var(--ink);border-radius:999px;padding:10px 18px;box-shadow:6px 7px 0 var(--ink)}.search-shell label,.search-shell span{font-size:11px;font-weight:900;letter-spacing:1px}.search-shell input{border:0;outline:0;padding:12px;font:600 16px inherit;min-width:0}.word-list{margin-top:34px!important;border-top:2px solid var(--ink)}.word-row{display:grid;grid-template-columns:70px 1.2fr .8fr 2fr auto;gap:20px;align-items:center;padding:19px 10px;border-bottom:1px solid rgba(17,24,43,.25)}.word-row:hover{background:rgba(255,255,255,.5)}.word-index{font:italic 700 14px Georgia,serif}.word-name{font:800 24px Georgia,serif}.word-phonetic{color:#5d6472}.word-definition{font-size:14px}.word-state{font-size:10px;font-weight:900;border:1px solid;border-radius:999px;padding:6px 9px}.load-more{display:block;margin:30px auto 0!important}.record-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:18px}.level-card,.heatmap-card,.mastery-card{border:1px solid var(--ink);border-radius:var(--radius);padding:28px;background:var(--cream)}.level-card{grid-row:span 2;background:var(--ink);color:white}.level-card>p{font-size:11px;letter-spacing:2px;color:var(--lime)}.level-card>strong{display:block;font:900 clamp(64px,8vw,112px)/1 Georgia,serif;margin:35px 0 5px}.level-card h3{font-size:23px}.level-card small{display:block;margin-top:8px}.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:7px;margin-top:32px}.heat-cell{aspect-ratio:1;border:1px solid var(--line);border-radius:6px;background:#e8e3d8}.heat-cell[data-level="1"]{background:#dff5aa}.heat-cell[data-level="2"]{background:#c7ff3d}.heat-cell[data-level="3"]{background:#ff9a66}.heat-cell[data-level="4"]{background:#ff6b3d}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h3{margin:0}.card-heading span{font-size:12px;color:#666}.heat-legend{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:12px;font-size:10px}.heat-legend i{width:12px;height:12px;border-radius:3px;background:#e8e3d8}.heat-legend i:nth-of-type(2){background:#dff5aa}.heat-legend i:nth-of-type(3){background:#c7ff3d}.heat-legend i:nth-of-type(4){background:#ff6b3d}.mastery-card{display:grid;grid-template-columns:repeat(3,1fr)}.mastery-card div{padding:10px 22px;border-right:1px solid var(--line)}.mastery-card div:last-child{border:0}.mastery-card span{font-size:12px;color:#6c7180}.mastery-card strong{display:block;font:800 36px Georgia,serif;margin-top:8px}footer{padding:70px clamp(22px,6vw,90px);background:var(--ink);color:white;display:grid;grid-template-columns:1fr auto;gap:60px}.footer-brand{color:white}.contact-links{display:flex;flex-direction:column;gap:9px}.contact-links>span{color:var(--lime);font-size:11px;letter-spacing:2px}.contact-links a,.contact-links button{color:white;background:none;border:0;padding:0;text-align:left;text-decoration:none;font:600 15px inherit;cursor:pointer}.footer-note{grid-column:1/-1;padding-top:28px;border-top:1px solid #333b51;color:#868c9c;font-size:10px;letter-spacing:2px}dialog{border:0;padding:0;background:transparent;max-width:none}dialog::backdrop{background:rgba(17,24,43,.8);backdrop-filter:blur(8px)}.study-dialog{width:min(920px,94vw)}.study-shell,.auth-card,.wechat-card{position:relative;background:var(--cream);border:2px solid var(--ink);border-radius:32px;padding:clamp(28px,5vw,58px);box-shadow:12px 14px 0 var(--lime)}.dialog-close{position:absolute;right:20px;top:18px;width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;background:white;font-weight:900;cursor:pointer}.study-head{display:flex;justify-content:space-between;gap:20px}.study-head h2{font:800 clamp(34px,5vw,66px)/1 "Bodoni 72","Songti SC",serif;margin:8px 0}.study-step{font-size:12px;font-weight:900}.flashcard{margin:34px 0 22px;padding:46px 28px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid var(--ink);border-radius:26px;background:white}.flashcard .word{font:900 clamp(48px,8vw,92px)/1 Georgia,serif}.flashcard .phonetic{margin-top:12px;color:#646a78}.flashcard .definition{font-size:22px;margin-top:30px}.study-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.answer-button{border:1px solid var(--ink);border-radius:18px;padding:17px 12px;font:800 14px inherit;cursor:pointer}.answer-button[data-quality="again"]{background:#ffb8a2}.answer-button[data-quality="hard"]{background:#ffe58a}.answer-button[data-quality="good"]{background:var(--lime)}.challenge-meta{display:flex;justify-content:space-between;font-weight:900}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.choice{min-height:86px;border:2px solid var(--ink);border-radius:18px;background:white;padding:16px;font:700 15px inherit;cursor:pointer}.choice:hover{background:var(--lime)}.choice.correct{background:#a9f5bd}.choice.wrong{background:#ff9e86}.family-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.family-group{padding:18px;border:1px solid var(--ink);border-radius:18px;background:white}.family-group h3{font:800 24px Georgia,serif;margin:0 0 12px}.family-group span{display:inline-block;margin:3px;padding:6px 9px;border-radius:999px;background:#e9edf4;font-size:12px}.auth-dialog{width:min(570px,94vw)}.auth-card h2,.wechat-card h2{font:800 44px "Bodoni 72","Songti SC",serif;margin:12px 0}.auth-card>label{display:block;font-weight:800;margin-top:18px}.auth-card input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--ink);border-radius:12px;background:white;font:600 16px inherit}.auth-actions{display:flex;gap:9px;margin-top:22px}.form-message{min-height:20px;color:#c43b20}.logout-button{margin-top:20px;border:0;background:none;color:#bd3c2e;text-decoration:underline;cursor:pointer}.wechat-dialog{width:min(470px,92vw)}.wechat-card{text-align:center;background:var(--lime)}.wechat-card>span{font-size:12px;letter-spacing:3px}.wechat-card h2{font-size:64px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:white;border-radius:999px;padding:13px 20px;font-weight:700;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-state{padding:55px;text-align:center;border:1px dashed var(--ink);border-radius:20px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,107,61,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@media (max-width:850px){.cursor-orb{display:none}.nav{display:none}.section{padding:78px 20px}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{order:1}.hero-visual{order:2;margin-top:20px}.metric-grid{grid-template-columns:1fr 1fr}.today-route{grid-template-columns:1fr auto}.route-progress{grid-column:1/-1;order:3}.mode-grid{grid-template-columns:1fr}.word-row{grid-template-columns:42px 1fr auto;gap:10px}.word-phonetic,.word-definition{grid-column:2/-1}.record-grid{grid-template-columns:1fr}.level-card{grid-row:auto}.section-heading{display:block}.section-heading>p:last-child{margin-top:12px}.mastery-card{grid-template-columns:1fr}.mastery-card div{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr}.footer-note{grid-column:1}.choices,.family-groups{grid-template-columns:1fr}}@media (max-width:500px){.topbar{padding:12px 15px}.brand>span:last-child{font-size:14px}.account-button{padding:9px}.hero h1{font-size:66px}.hero-lead{font-size:15px}.metric{min-height:160px;padding:17px}.metric strong{font-size:48px}.today-route{padding:22px}.round-action{width:48px;height:48px}.mode-card{min-height:450px}.search-shell{grid-template-columns:1fr auto}.search-shell label{display:none}.search-shell input{padding-left:3px}.study-controls{grid-template-columns:1fr}.auth-actions{flex-direction:column}.word-row{font-size:13px}.word-name{font-size:21px}}