:root{--bg:#f5f6f8;--card:#fff;--ink:#1f2329;--sub:#5b6068;--muted:#8a8f99;--line:#eef0f3;--primary:#2f6fed;--primary-soft:#eaf1ff;--accent:#ff7a45;--green:#12b886;--red:#e5484d;--radius:0.6rem}body,page{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:.7rem;-webkit-font-smoothing:antialiased}.page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:.6rem .7rem 2rem}.page-pad{padding-bottom:4rem}.hero{background:linear-gradient(135deg,#2f6fed,#5b8cff 58%,#7aa2ff);border-radius:.8rem;-webkit-box-shadow:0 .35rem .9rem rgba(47,111,237,.24);box-shadow:0 .35rem .9rem rgba(47,111,237,.24);color:#fff;padding:.9rem}.hero-title{font-size:1.15rem;font-weight:700;letter-spacing:.025rem}.hero-sub{font-size:.625rem;line-height:1.5;margin-top:.25rem;opacity:.88}.hero-stats{display:-ms-flexbox;display:flex;gap:.5rem;margin-top:.75rem}.hero-stat{background:hsla(0,0%,100%,.16);border-radius:.5rem;-ms-flex:1;flex:1;padding:.45rem .5rem}.hero-stat b{display:block;font-size:1rem;line-height:1.2}.hero-stat span{font-size:.525rem;opacity:.86}.card{background:var(--card);border-radius:var(--radius);-webkit-box-shadow:0 .1rem .5rem rgba(31,35,41,.04);box-shadow:0 .1rem .5rem rgba(31,35,41,.04);margin-top:.6rem;padding:.7rem}.card-flat{background:var(--card);border:.05rem solid var(--line);border-radius:var(--radius);margin-top:.6rem;padding:.7rem}.section-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;font-size:.75rem;font-weight:600;justify-content:space-between;margin:.85rem .1rem .15rem}.section-title .link{color:var(--primary);font-size:.6rem;font-weight:500}.muted{color:var(--muted);font-size:.6rem}.sub{color:var(--sub)}.tiny{font-size:.525rem}.row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.between{-ms-flex-pack:justify;justify-content:space-between}.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.grow{-ms-flex:1;flex:1;min-width:0}.gap8{gap:.2rem}.gap12{gap:.3rem}.gap16{gap:.4rem}.gap20{gap:.5rem}.mt8{margin-top:.2rem}.mt12{margin-top:.3rem}.mt16{margin-top:.4rem}.mt24{margin-top:.6rem}.mt32{margin-top:.8rem}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:#eef0f3;border:none;border-radius:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ink);font-size:.7rem;font-weight:600;height:1.9rem;justify-content:center;line-height:1;padding:0 .7rem}.btn::after{border:none}.btn-primary{background:var(--primary);color:#fff}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:#fff;border:.05rem solid var(--line);color:var(--ink)}.btn-danger{background:#fdecec;color:var(--red)}.btn-sm{border-radius:.35rem;font-size:.6rem;height:1.45rem;padding:0 .5rem}.btn-block{width:100%}.btn[disabled]{opacity:.45}.tabs{background:#eceef2;border-radius:.4rem;display:-ms-flexbox;display:flex;margin-top:.7rem;padding:.15rem}.tab{border-radius:.3rem;color:var(--muted);-ms-flex:1;flex:1;font-size:.65rem;padding:.4rem 0;text-align:center}.tab.active{background:#fff;-webkit-box-shadow:0 .05rem .2rem rgba(0,0,0,.06);box-shadow:0 .05rem .2rem rgba(0,0,0,.06);color:var(--ink);font-weight:600}.book{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.book-icon{background:linear-gradient(135deg,#eaf1ff,#dbe8ff);border-radius:.55rem;color:var(--primary);display:-ms-flexbox;display:flex;height:2.1rem;width:2.1rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-size:.8rem;font-weight:700;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.book-name{font-size:.75rem;font-weight:600}.book-meta{color:var(--muted);font-size:.55rem;margin-top:.15rem}.progress{background:#eef0f3;border-radius:24.975rem;height:.25rem;margin-top:.35rem;overflow:hidden}.progress-bar{background:-webkit-gradient(linear,left top,right top,from(#2f6fed),to(#7aa2ff));background:linear-gradient(90deg,#2f6fed,#7aa2ff);border-radius:24.975rem;height:100%}.tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;background:#eef0f3;border-radius:24.975rem;color:var(--muted);font-size:.5rem;line-height:1.6;padding:.1rem .35rem}.tag-blue{background:var(--primary-soft);color:var(--primary)}.tag-orange{background:#fff1e8;color:var(--accent)}.tag-green{background:#e6f8f1;color:var(--green)}.tag-red{background:#fdecec;color:var(--red)}.actions{display:grid;gap:.4rem;grid-template-columns:repeat(4,1fr);margin-top:.6rem}.action{background:#fff;border-radius:.5rem;-webkit-box-shadow:0 .1rem .4rem rgba(31,35,41,.04);box-shadow:0 .1rem .4rem rgba(31,35,41,.04);padding:.55rem .2rem;text-align:center}.action-icon{font-size:.9rem;line-height:1.2}.action-label{color:var(--sub);font-size:.55rem;margin-top:.2rem}.word-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:.05rem solid var(--line);gap:.4rem;padding:.55rem 0}.word-row:last-child{border-bottom:none}.word-main{-ms-flex:1;flex:1;min-width:0}.word-text{font-size:.75rem;font-weight:600}.word-phonetic{color:var(--muted);font-size:.55rem;font-weight:400;margin-left:.25rem}.word-meaning{color:var(--sub);font-size:.6rem;line-height:1.45;margin-top:.15rem}.icon-btn{background:var(--primary-soft);border-radius:50%;color:var(--primary);display:-ms-flexbox;display:flex;height:1.6rem;width:1.6rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-size:.65rem;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.icon-btn.danger{background:#fdecec;color:var(--red)}.field{margin-top:.7rem}.field-label{font-size:.65rem;font-weight:600;margin-bottom:.3rem}.seg{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.3rem}.seg-item{background:#f2f4f7;border-radius:.35rem;color:var(--sub);font-size:.625rem;padding:.4rem .6rem}.seg-item.active{background:var(--primary);color:#fff;font-weight:600}.slider-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.slider-value{color:var(--primary);font-weight:600;text-align:right;width:2.5rem}.input{background:#fff;border:.05rem solid var(--line);border-radius:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.75rem;height:2.2rem;padding:0 .6rem}.input-sm{border-radius:.35rem;font-size:.65rem;height:1.8rem}.textarea{background:#fff;border:.05rem solid var(--line);border-radius:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.65rem;line-height:1.6;min-height:8rem;padding:.55rem;width:100%}.player{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:78vh}.player-top{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.player-stage{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:1rem 0}.big-audio{background:var(--primary-soft);border-radius:50%;color:var(--primary);display:-ms-flexbox;display:flex;height:3.75rem;width:3.75rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-size:1.5rem;justify-content:center;margin-bottom:.7rem}.player-prompt{font-size:1.5rem;font-weight:700;line-height:1.35;text-align:center;word-break:break-word}.player-sub{color:var(--muted);font-size:.6rem;margin-top:.4rem;text-align:center}.player-reveal{background:#fff;border-radius:.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:.75rem;padding:.7rem;width:100%}.player-actions{display:-ms-flexbox;display:flex;gap:.4rem;padding-bottom:.4rem}.exam-prompt{font-size:1.3rem;font-weight:700;line-height:1.35;margin:1rem 0 .4rem;text-align:center}.exam-hint{color:var(--muted);font-size:.6rem;text-align:center}.choice-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#fff;border:.05rem solid var(--line);border-radius:.45rem;gap:.4rem;margin-top:.3rem;padding:.55rem}.choice-item:first-child{margin-top:0}.choice-letter{background:#f2f4f7;border-radius:50%;color:var(--sub);display:-ms-flexbox;display:flex;height:1.1rem;width:1.1rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-size:.6rem;font-weight:600;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.choice-text{-ms-flex:1;flex:1;font-size:.7rem}.choice-correct{background:#e9f9f2;border-color:#b7ebd5}.choice-wrong{background:#fdeeee;border-color:#f5c2c2}.feedback{border-radius:.5rem;margin-top:.6rem;padding:.6rem}.feedback.ok{background:#e9f9f2}.feedback.bad{background:#fdeeee}.answer-card{background:#fff;border-radius:.6rem;margin-top:.5rem;padding:.7rem}.divider{background:var(--line);height:.05rem;margin:.5rem 0}.empty{color:var(--muted);padding:2.25rem .5rem;text-align:center}.empty-icon{font-size:1.8rem;margin-bottom:.4rem}.modal-mask{background:rgba(0,0,0,.42);bottom:0;display:-ms-flexbox;display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:1rem;z-index:100}.modal{background:#fff;border-radius:.7rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.8rem;width:100%}.modal-title{font-size:.8rem;font-weight:700}.footer-note{color:#a0a5ad;font-size:.5rem;line-height:1.7;margin-top:1rem;text-align:center}.stat-grid{display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr)}.stat-cell{background:#f7f8fa;border-radius:.45rem;padding:.5rem .4rem}.stat-cell b{display:block;font-size:.9rem;line-height:1.2}.stat-cell span{color:var(--muted);font-size:.525rem}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.wechat-btn{background:#07c160;color:#fff}.link-row{margin-top:.6rem;text-align:center}.divider-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--muted);font-size:.55rem;gap:.4rem;margin:.7rem 0}.divider-text::after,.divider-text::before{background:var(--line);content:"";-ms-flex:1;flex:1;height:.05rem}.code-box{background:#f7f8fa;border:.05rem dashed var(--line);border-radius:.4rem;color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;letter-spacing:.05rem;padding:.6rem;text-align:center}.error-text{color:var(--red);font-size:.6rem;margin-top:.35rem}.dist-row{margin-top:.5rem}.dist-row:first-child{margin-top:0}.dist-label{font-size:.65rem;font-weight:600}.dist-bar{background:#eef0f3;border-radius:24.975rem;height:.35rem;margin-top:.25rem;overflow:hidden}.dist-fill{border-radius:24.975rem;height:100%}.dist-mastered{background:#12b886}.dist-familiar{background:#2f6fed}.dist-learning{background:#ff9f6e}.dist-new{background:#c9ced6}.trend{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;gap:.25rem;height:6rem;padding-top:.25rem}.trend-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%}.trend-value{color:var(--muted);font-size:.45rem;margin-bottom:.15rem}.trend-bar-wrap{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;width:100%;-ms-flex-align:end;align-items:flex-end}.trend-bar{background:-webkit-gradient(linear,left top,left bottom,from(#7aa2ff),to(#2f6fed));background:linear-gradient(180deg,#7aa2ff,#2f6fed);border-radius:.2rem .2rem 0 0;min-height:.15rem;width:100%}.trend-label{color:var(--muted);font-size:.45rem;margin-top:.2rem}.chip-row{display:-ms-flexbox;display:flex;gap:.3rem;margin-top:.25rem;white-space:nowrap;width:100%}.chip{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:#f2f4f7;border-radius:24.975rem;color:var(--sub);font-size:.575rem;justify-content:center;padding:.25rem .5rem;-ms-flex-negative:0;flex-shrink:0}.chip.active{background:var(--primary);color:#fff;font-weight:600}.dialogue-content{font-size:.8rem;line-height:1.8;white-space:pre-wrap}.dialogue-blank{border-bottom:.1rem solid var(--primary);color:var(--primary);display:inline-block;font-weight:700;margin:0 .2rem;min-width:3rem;text-align:center}