:root{--ink:#263d36;--green:#244d43;--muted:#7d8279;--paper:#f7f6f0;--line:#e5e6dd;--accent:#c9ddaa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer;transition:background .2s,transform .2s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #98b672;outline-offset:4px}button{border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);padding:12px 20px}a{color:inherit}.shell{display:flex;max-width:1500px;margin:auto;min-height:100vh}aside{width:245px;flex-shrink:0;border-right:1px solid var(--line);padding:38px 26px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:26px;font-weight:650;letter-spacing:3px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:var(--muted)}.logo{background:var(--green);color:#f1f4dc;border-radius:15px;padding:3px 12px;font-family:serif;font-size:34px}nav{display:grid;gap:10px;margin-top:60px}nav button{text-align:left;border:0;background:transparent;font-size:19px}nav span{font-size:15px;margin-left:15px}nav .active{background:#e7eddf;font-weight:600}.aside-note{margin-top:auto;padding-top:100px;font-family:serif;font-size:24px;line-height:1.8;color:#8b9584}.aside-note small{display:block;font-family:sans-serif;font-size:9px;margin-top:20px;letter-spacing:1px}main{flex:1;min-width:0;padding:30px 55px}header{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-bottom:35px}.local-badge{background:#eaf0e4;padding:4px 12px;border-radius:20px;color:#557250}h1{font-family:"Songti SC","SimSun",serif;font-size:34px;font-weight:500;letter-spacing:2px;margin:0 0 8px}h2{font-size:19px;font-weight:550}p{margin:8px 0}.muted{color:var(--muted);font-size:14px}.eyebrow{font-size:11px;letter-spacing:2px;color:#819079}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.metric{border:1px solid var(--line);border-radius:16px;padding:16px 22px;background:#fafaf6}.metric strong{font-size:28px;font-weight:500;margin-right:7px}.metric small{display:block;color:var(--muted);font-size:12px}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px}.wordcard{background:#fff;border:1px solid var(--line);border-radius:22px;min-height:410px;position:relative;overflow:hidden;box-shadow:0 10px 40px #35442b04}.card-top{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:12px;color:var(--muted)}.tag{border-radius:6px;background:#f0f3ea;padding:4px 9px;color:#657959}.icon-btn{padding:5px 12px;font-size:23px;border:0;background:none}.word-center{text-align:center;padding:25px 25px 20px}.word{font-family:"Songti SC",SimSun,serif;font-size:64px;letter-spacing:12px;line-height:1.5;margin-left:12px}.pinyin{color:#7b8877;letter-spacing:2px;font-size:20px}.reveal{margin:28px 0 15px;background:#f5f7f1;border-style:dashed;font-size:14px}.answer{padding:20px 30px 30px;border-top:1px solid #f0f0e9;text-align:left}.example{padding:13px 16px;background:#f7f8f2;border-left:3px solid #b7c79b;margin-top:14px;font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.soft{background:#eef2e6}.session-info{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:14px 2px}.sidecard{background:#eaf0df;border-radius:18px;padding:24px 20px;margin-bottom:18px}.sidecard h2{font-size:16px;margin-top:0}.sidecard p{font-size:13px;color:#6a785c}.plant{font-size:60px;font-family:serif;color:#90a56f;text-align:center;margin:18px 0}.progress{height:5px;border-radius:10px;background:#d8e0cf;margin:18px 0;overflow:hidden}.progress>div{height:100%;background:#6e875a}.tip{font-size:12px;color:#868d7d;padding:5px 10px}.list{display:grid;gap:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);background:white;padding:15px 20px;border-radius:12px}.row strong{font-family:serif;font-size:23px;margin-right:12px}.row small{color:var(--muted)}.row p{font-size:14px}.search{width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:white;margin:22px 0}.empty{padding:50px 25px;text-align:center;border:1px dashed #ccd6bd;border-radius:18px;background:#fff}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;margin-top:22px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.settings-row:last-child{border:0}select{padding:8px;border:1px solid var(--line);border-radius:8px}.chart{display:flex;gap:12px;align-items:end;height:180px;margin-top:30px}.barcol{flex:1;text-align:center;font-size:11px;color:var(--muted)}.bar{background:#aabe91;min-height:3px;border-radius:6px 6px 0 0;margin:8px auto;width:70%}footer{margin:35px 0 10px;text-align:center;color:#9a9f91;font-size:11px;letter-spacing:2px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#263d36;color:white;border-radius:12px;padding:12px 20px;display:none;z-index:5;max-width:90vw;font-size:14px}.pill{font-size:11px;color:#738061;white-space:nowrap}.inline{display:flex;gap:8px;align-items:center}.done-icon{font-size:50px;color:#6b855a}.help{line-height:2;font-size:14px}.danger{color:#a44b38}@media(min-width:1250px){main{padding:35px 70px}.wordcard{min-height:450px}.word-center{padding-top:40px}}@media(max-width:1000px){aside{width:195px;padding:30px 18px}main{padding:25px}.study-layout{grid-template-columns:1fr}.study-aside{display:none}}@media(max-width:650px){aside{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:3;background:#fafbf6;border:0;border-top:1px solid var(--line);padding:5px 8px calc(5px + env(safe-area-inset-bottom))}.brand,.aside-note{display:none}nav{display:flex;justify-content:space-around;margin:0;gap:2px}nav button{padding:6px 10px;text-align:center;font-size:20px;border-radius:9px}nav span{display:block;margin:0;font-size:10px}main{padding:20px 18px 95px}header{padding-bottom:24px}h1{font-size:29px}.metrics{gap:8px;margin:20px 0}.metric{padding:12px}.metric strong{font-size:25px}.metric small{font-size:11px}.word{font-size:58px}.wordcard{min-height:390px}.topline>.eyebrow{display:none}.row{padding:13px}.row strong{font-size:21px}.row small{display:block}.row .inline{gap:0}.panel{padding:18px}#toast{bottom:95px}.card-top{padding:15px 20px}.word-center{padding-top:22px}}