:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#34473a;background:#f7f5ed;font-synthesis:none;--green:#3f6955;--muted:#7a8275;--line:#e4e6dc}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c48c31;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}header{max-width:1180px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:650;letter-spacing:1px}.brand-mark{background:var(--green);color:#fff9e9;border-radius:14px;width:46px;height:46px;display:grid;place-items:center;font-family:serif;font-size:31px}.brand small{font-size:10px;letter-spacing:2px;font-weight:400;color:var(--muted);display:block;margin-top:5px}header nav{display:flex;gap:25px;align-items:center;font-size:13px}.active-link{background:#e8ede3;padding:10px 17px;border-radius:30px;color:var(--green)}main{max-width:1120px;margin:auto;padding:0 20px}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 20px 38px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);display:flex;gap:8px;align-items:center}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#d2a14f}h1{font-family:"Songti SC","STSong",serif;font-size:44px;font-weight:600;line-height:1.45;letter-spacing:3px;margin:17px 0}h1 span{color:var(--green)}.subtitle{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.landscape{width:340px;margin-right:35px;text-align:center}.landscape svg{width:100%}.landscape>span{font-size:11px;color:#8f9884;letter-spacing:5px}.workspace{display:grid;grid-template-columns:235px 1fr;gap:40px;align-items:start}aside{padding-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.section-title h2{font-size:15px;margin:0}.section-title>span{font-size:11px;color:var(--muted)}#groups{display:grid;gap:7px}.group{display:flex;width:100%;text-align:left;align-items:center;gap:12px;background:transparent;padding:13px 14px;border-radius:13px;border:1px solid transparent}.group[aria-current=true]{background:#e8ede2;border-color:#dbe3d5}.group-icon{width:30px;height:33px;background:#fffaf0;display:grid;place-items:center;border-radius:9px;font-size:20px}.group strong{display:block;font-size:13px;font-weight:500}.group small{display:block;font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:1px}.group .arrow{margin-left:auto;color:#8a9c84}.aside-note{display:flex;gap:10px;margin:24px 8px;color:#929480;font-size:11px;line-height:1.9}.aside-note>span{font-size:25px}.aside-note p{margin:0}.study-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:12px}#group-number{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 6px}.study-head h2{font-size:23px;margin:0;font-weight:550;letter-spacing:1px}.mode-switch{display:flex;background:#edece3;border-radius:30px;padding:4px;gap:2px}.mode-switch button{border-radius:24px;background:transparent;font-size:12px;padding:10px 17px;white-space:nowrap}.mode-switch button[aria-pressed=true]{background:#fffef9;box-shadow:0 2px 5px #34473a0b}.card{border:1px solid #e2e4d9;background:#fffef9;border-radius:22px;box-shadow:0 8px 22px #42523505;overflow:hidden}.card-top{display:flex;justify-content:space-between;font-size:11px;color:#89917f;padding:23px 26px}.card-body{display:grid;grid-template-columns:1fr 1fr;min-height:307px;padding:2px 22px 27px;align-items:center}.character-side{text-align:center;padding-right:20px}.hanzi-wrap{width:166px;height:166px;margin:0 auto 9px;position:relative;background:linear-gradient(90deg,transparent calc(50% - .5px),#dcdccd calc(50% - .5px),#dcdccd calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#dcdccd calc(50% - .5px),#dcdccd calc(50% + .5px),transparent calc(50% + .5px));border:1px solid #e5e4d7;border-radius:8px}.hanzi{font-family:"Kaiti SC",STKaiti,KaiTi,"Songti SC",serif;font-size:122px;line-height:164px;width:100%;height:100%;background:transparent;color:#344f3b;padding:0}#pinyin{margin:3px 0;font-size:22px;line-height:26px;color:var(--green)}.text-button{background:transparent;font-size:12px;color:#858e79;padding:9px 12px;min-height:36px}.primary{background:var(--green);color:white;border-radius:12px;padding:13px 27px;font-size:14px;min-height:45px}.primary:hover{background:#315441}.character-side .primary{display:block;margin:9px auto 0;min-width:155px}.meaning-side{border-left:1px solid #ebece1;align-self:stretch;display:grid;align-items:center;padding-left:20px;text-align:center}.reveal{width:100%;background:#f5f5eb;border:1px dashed #dcded1;min-height:246px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.seed{font-size:58px;color:#b7bc9b;font-weight:200}.reveal strong{font-weight:500;font-size:15px}.reveal>span:last-child{font-size:11px;color:#929780}#picture{font-size:65px;line-height:1.3}#word{font-size:23px;font-weight:500;margin:9px 0}#sentence{font-size:13px;line-height:1.7;margin:8px 0}#activity{font-size:11px;line-height:1.8;color:#7c886d;background:#f0f3e9;border-radius:10px;padding:10px;margin:7px 0}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;border-top:1px solid #ebece1;background:#fcfcf5}.card-bottom button{background:transparent;font-size:12px;padding:10px 3px}.card-bottom>span{font-size:10px;color:#a4aa97;letter-spacing:1px}#word-list{display:flex;gap:12px;justify-content:center;margin:15px 0}.word-tab{border:1px solid #e0e3d7;background:#fffef9;border-radius:12px;width:57px;height:56px;font-family:serif;font-size:26px}.word-tab[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.group-foot{font-size:10px;color:#919681;text-align:center;line-height:1.8}.parent-note{margin:38px 0 0;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#7e8677}.parent-note summary{cursor:pointer;color:#4f6350}.parent-note summary span{float:right;font-size:11px;color:#949b89}.parent-note p{line-height:2;max-width:850px}footer{max-width:1120px;padding:28px 20px 30px;margin:auto;display:flex;align-items:center;gap:10px;color:#89917f;font-size:11px}footer>span:last-child{margin-left:auto;font-size:10px;letter-spacing:1px}.footer-mark{font-family:serif;font-size:21px}.quiz{text-align:center;padding:30px;min-height:405px}.quiz .eyebrow{justify-content:center}.quiz h3{font-size:27px;font-weight:500}.quiz>p:not(.eyebrow){font-size:13px;color:var(--muted)}#choices{display:flex;gap:12px;justify-content:center;margin:26px 0 12px}#choices button{font-family:serif;font-size:46px;background:#f0f3e9;border:2px solid transparent;border-radius:13px;width:78px;height:86px}#choices button.correct{border-color:var(--green);background:#e1ecd9}#choices button.retry{border-color:#dcad62}.secondary{background:#e6edde;padding:12px 24px;border-radius:10px}#audio-status{font-size:12px;color:#986d37;text-align:center;margin:8px 0;min-height:16px}button:disabled{cursor:default}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}@media(min-width:1400px){.intro{padding-top:54px;padding-bottom:48px}}@media(max-width:850px){.workspace{grid-template-columns:185px 1fr;gap:22px}.landscape{width:270px;margin-right:0}.card-body{padding-left:12px;padding-right:12px}.character-side{padding-right:12px}.meaning-side{padding-left:12px}.hanzi-wrap{width:145px;height:145px}.hanzi{font-size:110px;line-height:143px}.mode-switch button{padding:10px 12px}.group{padding:12px 8px}}@media(max-width:650px){header{padding:18px 20px}.brand{font-size:16px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{height:39px;width:39px;font-size:27px}header nav{gap:12px;font-size:11px}.active-link{display:none}main{padding:0 18px}.intro{padding:30px 1px 25px;position:relative}h1{font-size:33px;letter-spacing:1px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1px}.subtitle{font-size:11px}.landscape{position:absolute;width:150px;right:-5px;top:60px;opacity:.75}.landscape>span{display:none}.workspace{display:block}.section-title{margin-bottom:10px}.section-title h2{font-size:13px}#groups{display:flex;overflow:auto;gap:8px;padding-bottom:12px;scrollbar-width:thin}.group{flex-shrink:0;width:155px;padding:10px}.group-icon{width:25px;font-size:17px}.group strong{font-size:12px}.group small{font-size:9px}.aside-note{display:none}.study-head{margin-top:18px}.study-head h2{font-size:21px}.mode-switch button{font-size:11px;padding:10px 13px}.card-top{padding:18px}.card-body{min-height:280px}.hanzi-wrap{width:124px;height:124px}.hanzi{font-size:95px;line-height:122px}.character-side .primary{min-width:120px;padding:12px}.reveal{min-height:225px;gap:17px;padding:9px}.reveal strong{font-size:12px}.reveal>span:last-child{font-size:10px;line-height:1.8}#sentence{font-size:12px}#picture{font-size:50px}#word{font-size:21px}.card-bottom{padding:13px 17px}.card-bottom>span{font-size:9px;letter-spacing:0}.parent-note{margin-top:24px}.parent-note summary span{display:none}.quiz{padding:22px 12px}#choices{gap:8px}#choices button{width:60px;height:76px;font-size:40px}footer{padding:24px 18px}footer>span:last-child{letter-spacing:0;font-size:9px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}.word-tab:hover{transform:translateY(-2px)}}
@media(max-width:650px){.landscape{width:95px;right:0;top:65px}.group{width:178px}.group small{white-space:nowrap}.group-icon{flex-shrink:0}}