:root{--ink:#17211d;--cream:#f4f1ea;--paper:#fffdf8;--orange:#e56b34;--sage:#b9caae;--blue:#a9c8d5;--line:#dedbd2;--muted:#6f756f}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;display:flex;min-height:100vh}.sidebar{width:246px;background:#1b2923;color:#f8f3e9;padding:28px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{font-family:Georgia,serif;font-weight:700;font-size:23px;display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brand-mark{background:var(--orange);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:white}.profile-card{display:flex;align-items:center;gap:12px;padding:17px 12px;border-top:1px solid #35413c;border-bottom:1px solid #35413c;margin-bottom:25px}.avatar{width:40px;height:40px;border-radius:50%;background:#d4b87d;color:#1b2923;display:grid;place-items:center;font-family:Georgia,serif}.profile-card div:last-child{display:flex;flex-direction:column;gap:3px}.profile-card small,.streak small{color:#aeb8b2}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav,.settings{border:0;background:transparent;color:#bbc4bf;padding:13px 14px;border-radius:10px;text-align:left;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:12px}.nav span{font-size:18px;width:22px}.nav b{margin-left:auto;background:var(--orange);color:white;padding:2px 7px;border-radius:12px;font-size:11px}.nav:hover,.nav.active{background:#304139;color:white}.streak{margin-top:auto;display:flex;gap:12px;align-items:center;background:#23362e;padding:16px;border-radius:12px}.streak>span{font-size:24px}.streak div{display:flex;flex-direction:column}.settings{margin-top:8px}main{margin-left:246px;padding:40px 48px 60px;width:calc(100% - 246px);max-width:1500px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}h1,h2,h3,p{margin-top:0}h1{font:600 28px Georgia,serif;margin:4px 0}.eyebrow{color:#8b7561;font-size:11px;letter-spacing:1.8px;font-weight:700;margin-bottom:8px}.level-pill,.tag{display:inline-flex;border:1px solid var(--line);padding:8px 13px;border-radius:100px;font-size:12px;background:rgba(255,255,255,.5)}.page{display:none}.page.active{display:block}.hero{background:#263c32;color:white;border-radius:22px;padding:35px 40px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;border:50px solid rgba(255,255,255,.035);border-radius:50%;right:-80px;top:-90px}.hero>div:first-child{max-width:670px;z-index:1}.hero .tag{border-color:#697c73;color:#e4e9e5}.hero h2{font:600 29px Georgia,"Microsoft YaHei",serif;margin:17px 0 9px}.hero p{color:#c1cdc7}.primary{border:0;background:var(--orange);color:white;font-weight:600;padding:13px 19px;border-radius:10px;cursor:pointer;font-size:14px}.ring{--progress:0;width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--orange) calc(var(--progress)*1%),#45594f 0);display:grid;place-items:center;z-index:1;margin-right:15px}.ring:before{content:"";position:absolute;width:102px;height:102px;background:#263c32;border-radius:50%}.ring div{z-index:1;display:flex;flex-direction:column;align-items:center}.ring strong{font:700 26px Georgia,serif}.ring small{color:#bac6c0}.section-title{display:flex;justify-content:space-between;align-items:end;margin:32px 2px 16px}.section-title h2{font:600 22px Georgia,"Microsoft YaHei",serif;margin:0}.muted{color:var(--muted);font-size:13px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson{border-radius:16px;padding:23px;min-height:220px;cursor:pointer;transition:.2s transform}.lesson:hover{transform:translateY(-3px)}.lesson.saffron{background:#e9c78c}.lesson.sage{background:var(--sage)}.lesson.blue{background:var(--blue)}.lesson-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.45);font:bold 17px Georgia,serif;margin-bottom:22px}.lesson small{font-weight:700;letter-spacing:.5px}.lesson h3{font:600 19px Georgia,"Microsoft YaHei",serif;margin:9px 0}.lesson p{font-size:13px;color:#3e4b45}.bar{height:4px;background:rgba(31,42,36,.15);border-radius:3px;margin-top:24px}.bar i{display:block;width:0;height:100%;background:#263c32;border-radius:3px;transition:.4s}.tip{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:17px 20px;margin-top:17px;background:rgba(255,255,255,.4)}.tip>span{font-size:24px;color:var(--orange)}.tip strong{font-size:13px}.tip p{margin:3px 0 0;color:var(--muted);font-size:13px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px}.panel-head{display:flex;justify-content:space-between}.word-panel{max-width:760px;margin:auto}.flashcard{text-align:center;border:1px solid var(--line);border-radius:16px;padding:48px 25px;margin:20px 0}.flashcard h2{font:600 40px Georgia,serif;margin:13px}.flashcard>p{font:italic 17px Georgia,serif;color:#4d574f}.ghost{border:1px solid #8f9892;background:transparent;border-radius:9px;padding:11px 17px;cursor:pointer}.meaning{margin-top:22px;color:var(--orange);font-weight:700}.hidden{display:none!important}.ratings{display:flex;justify-content:center;align-items:center;gap:9px}.ratings span{font-size:12px;color:var(--muted)}.ratings button{padding:9px 13px;border:1px solid var(--line);background:white;border-radius:8px;cursor:pointer}.reading-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.article h2{font:600 31px Georgia,serif;margin:20px 0}.article p{font:17px/1.9 Georgia,"Microsoft YaHei",serif}.article mark{background:#f1d7a9;padding:1px 3px;border-radius:3px;cursor:help}.quiz button{display:block;width:100%;text-align:left;padding:13px;margin:9px 0;border:1px solid var(--line);background:white;border-radius:9px;cursor:pointer}.quiz button.correct{border-color:#3c7b58;background:#e7f2e9}.quiz button.wrong{border-color:#b8533f;background:#f7e6e2}.feedback{font-size:13px;margin-top:15px}.speak-panel{max-width:840px;margin:auto;text-align:center}.phrase{font:600 28px/1.5 Georgia,serif;background:#edf2ed;padding:35px;margin:27px 0;border-radius:15px}.speak-actions{display:flex;justify-content:center;gap:12px}.record{background:var(--orange);border:0;color:white;padding:12px 20px;border-radius:9px;cursor:pointer}.record.recording{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.65}}.record-status{height:45px;padding-top:15px;color:var(--muted);font-size:13px}.pronunciation-tips{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-top:10px}.pronunciation-tips div{background:#f5f2ea;padding:16px;border-radius:10px;display:flex;flex-direction:column;gap:5px}.pronunciation-tips span{font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:17px}.stats>div{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:24px;display:flex;align-items:baseline;gap:7px}.stats small{margin-right:auto;color:var(--muted)}.stats strong{font:700 35px Georgia,serif}.stats span{color:var(--muted)}.chart{height:230px;display:flex;align-items:end;gap:28px;padding:25px 10px;border-bottom:1px solid var(--line)}.chart div{flex:1;background:#b9caae;border-radius:7px 7px 0 0;min-height:5px;position:relative}.chart div:after{content:attr(data-day);position:absolute;bottom:-25px;width:100%;text-align:center;font-size:11px;color:var(--muted)}.report>p{margin:36px 0 0}.modal{position:fixed;inset:0;background:rgba(15,24,20,.7);display:none;place-items:center;z-index:20}.modal.open{display:grid}.modal-card{background:var(--paper);width:min(620px,90vw);border-radius:20px;padding:32px;box-shadow:0 20px 80px #0005}.modal-top{display:flex;justify-content:space-between}.modal-top button{border:0;background:transparent;font-size:25px;cursor:pointer}.progress-dots{display:flex;gap:6px;margin:12px 0 27px}.progress-dots i{height:4px;flex:1;background:var(--line);border-radius:2px}.progress-dots i.done{background:var(--orange)}.assessment-q h2{font:600 24px Georgia,"Microsoft YaHei",serif}.assessment-q>p{color:var(--muted)}.assessment-options{display:grid;gap:10px;margin-top:21px}.assessment-options button{padding:15px;text-align:left;border:1px solid var(--line);background:white;border-radius:10px;cursor:pointer}.assessment-options button:hover{border-color:var(--orange);background:#fdf5ee}.assessment-result{text-align:center}.assessment-result .big-level{font:700 60px Georgia,serif;color:var(--orange);margin:15px}@media(max-width:1050px){main{padding:32px 28px}.lesson-grid{gap:10px}.lesson{padding:18px}.reading-layout{grid-template-columns:1fr}.sidebar{width:220px}main{margin-left:220px;width:calc(100% - 220px)}}