:root{--pink:#ff8fab;--blue:#5aa9e0;--green:#6bcf7a;--yellow:#ffd23f;--purple:#a98ee0;--orange:#ff9f5a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}html,body{overflow-x:hidden;max-width:100%}.inapp .voicepick,.inapp .browser-tip{display:none!important}body{font-family:PingFang SC,Microsoft YaHei,Comic Sans MS,Segoe UI Rounded,sans-serif;margin:0;color:#3a2e26;background:linear-gradient(160deg,#fff6e0,#ffe6ef 45%,#e3f5ff);min-height:100vh;touch-action:manipulation;-webkit-user-select:none;user-select:none}a{text-decoration:none;color:inherit}header{text-align:center;padding:24px 16px 8px}header h1{margin:0;font-size:32px;color:#ff5e7e;text-shadow:2px 2px 0 #fff}header .sub{font-size:15px;color:#3a8d80;font-weight:700;margin-top:4px}header .tip{display:inline-block;margin-top:10px;background:#fffc;border:2px dashed #ffb347;border-radius:14px;padding:8px 14px;font-size:13px;color:#8a5a2b}.voicepick{margin-top:10px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;color:#555}.voicepick select{font-family:inherit;font-size:14px;padding:6px 10px;border-radius:12px;border:2px solid #aed8f2;background:#fff;color:#2f74a8;max-width:240px}.voicepick button{font-family:inherit;font-weight:700;border:none;cursor:pointer;background:var(--blue);color:#fff;padding:7px 14px;border-radius:12px;font-size:13px;box-shadow:0 3px #3f8ac0}.home{font-size:12px;color:#9a7a55;margin-top:6px}.home a{color:#5aa9e0;font-weight:700}.bar{position:sticky;top:0;z-index:30;background:#ffffffeb;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0000000f;padding:8px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.seg{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tab{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;color:#fff;padding:8px 13px;border-radius:30px;opacity:.62;transition:.15s}.tab.active{opacity:1;transform:translateY(-1px);box-shadow:0 3px #00000026}.tab.t1{background:var(--orange)}.tab.t2{background:var(--green)}.tab.t3{background:var(--blue)}.tab.t4{background:var(--pink)}.tab.t5{background:#c79a3a}.tab.t6{background:var(--purple)}.speed{display:flex;align-items:center;gap:6px;font-size:13px;color:#555;background:#fff;border:2px solid #ffe1a8;border-radius:30px;padding:4px 12px}.speed input{width:84px}main{max-width:920px;margin:0 auto;padding:16px 14px 60px}section{display:none;animation:fade .25s}section.show{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}h2.sh{font-size:21px;color:#3a8d80;margin:14px 0 6px}.hintline{font-size:13px;color:#7a6a5a;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.grid.en{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.word,.zi{background:#fff;border-radius:18px;text-align:center;cursor:pointer;border:3px solid #ffe1a8;transition:.12s;position:relative}.word{padding:14px 10px 12px}.zi{padding:12px 8px}.word:hover,.zi:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.word:active,.zi:active{transform:scale(.96)}.word.playing,.zi.playing{border-color:var(--pink);background:#fff4f8}.word .emo{font-size:40px;line-height:1}.word .en{font-size:21px;font-weight:700;color:#2f74a8;margin-top:4px}.word .cn{font-size:13px;color:#7a6a5a;margin-top:2px}.word .spk,.zi .spk{position:absolute;top:6px;right:8px;font-size:13px;opacity:.5}.zi .py{font-size:13px;color:#e07b3a}.zi .w{font-size:26px;font-weight:700;color:#c2683f;margin:2px 0}.zi .mn{font-size:12px;color:#7a6a5a}.card{background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:12px;border:2px solid #ffe1a8}.card h3{font-size:15px;color:#c2683f;margin:0 0 8px}.pairs{display:flex;flex-wrap:wrap;gap:8px}.pchip{background:#fff7ee;border:2px solid #ffcf9a;border-radius:12px;padding:5px 10px;cursor:pointer;font-size:15px}.pchip:active{transform:scale(.95)}.pchip b{color:#2f74a8}.pchip .arr{color:#ff9f1c;margin:0 4px}.pchip i{color:#d8607f;font-style:normal}.wchip{background:#f3fbf3;border:2px solid #b8e6bf;border-radius:12px;padding:5px 11px;cursor:pointer;font-size:15px;color:#3f8a48}.wchip:active{transform:scale(.95)}.stbl{display:flex;flex-direction:column;gap:10px}.sent{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 14px;border:2px solid #cfe7f7;cursor:pointer}.sent:hover{background:#f2faff}.sent.playing{border-color:var(--pink);background:#fff4f8}.sent .play{flex:none;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.sent .tx{flex:1}.sent .en{font-size:17px;font-weight:700;color:#2b4a63}.sent .cn{font-size:12px;color:#ff9f5a;margin-top:2px}.playall{border:none;cursor:pointer;font-family:inherit;font-weight:700;color:#fff;background:var(--green);padding:9px 16px;border-radius:30px;font-size:14px;box-shadow:0 3px #4fae5c;margin-bottom:8px}.playall.stop{background:#ff7b7b;box-shadow:0 3px #e25a5a}.phon{background:#fff;border-radius:20px;padding:18px;border:3px solid #ffd6a0;text-align:center}.phon .big{font-size:60px;color:var(--orange);font-weight:700}.phon .ipa{font-size:24px;color:#c2683f}.prow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:14px}.pword{background:#fff7ee;border:2px solid #ffcf9a;border-radius:16px;padding:12px 16px;cursor:pointer;font-size:22px;font-weight:700;color:#b5701f;min-width:96px}.pword:active{transform:scale(.95)}.pword .em{font-size:30px;display:block}.pword b{color:#ff5e7e}.gcard{background:#fff;border-radius:18px;padding:16px;margin-bottom:14px;border-left:8px solid var(--purple)}.gcard h3{margin:0 0 8px;color:#7c5cd0;font-size:18px}.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.gchip{background:#f3eeff;border:2px solid #d6c2ff;border-radius:12px;padding:6px 12px;cursor:pointer;font-weight:700;color:#6f4fc0}.gchip:active{transform:scale(.95)}.story{background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:12px;border:2px solid #ffd79a;cursor:pointer}.story:hover{background:#fffaf0}.story.playing{border-color:var(--pink)}.story h3{font-size:16px;color:#cf8a2b;margin:0 0 4px;display:flex;align-items:center;gap:8px}.story h3 .pl{font-size:14px;background:var(--orange);color:#fff;border-radius:20px;padding:2px 10px}.story p{margin:4px 0;font-size:14px}.story .mr{background:#f3fff0;border-radius:10px;padding:6px 10px;font-size:12.5px;color:#3f8a48;margin-top:6px}.poem{background:#fdf3e7;border:2px solid #e8c79a;border-radius:16px;padding:16px;text-align:center}.poem .pt{font-size:17px;color:#a4622a;font-weight:700;margin-bottom:10px}.pline{font-size:17px;letter-spacing:2px;margin:6px 0;cursor:pointer;padding:4px;border-radius:8px}.pline:hover{background:#fff3df}.pline.playing{background:#ffe8c8}.game{background:#fff;border-radius:20px;padding:20px;border:3px solid #d6c2ff;text-align:center}.game .q{font-size:15px;color:#7c5cd0;font-weight:700}.bigplay{border:none;cursor:pointer;background:var(--purple);color:#fff;font-size:30px;width:84px;height:84px;border-radius:50%;margin:14px;box-shadow:0 5px #8a6fd0}.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:420px;margin:10px auto 0}.opt{border:2px solid #ffd27d;background:#fffdf6;border-radius:14px;padding:14px;font-size:20px;font-weight:700;color:#c2683f;cursor:pointer}.opt.right{background:#dff5e1;border-color:#6bcf7a}.opt.wrong{background:#ffe3e3;border-color:#ff7b7b}.score{font-size:15px;color:#8a5a2b;margin-top:12px}.nope{background:#fff6e0;border:2px dashed #ffb347;border-radius:14px;padding:14px;color:#8a5a2b;font-size:14px;display:none}.checkin{text-align:center;margin:22px auto 0}.ci-btn{font-family:inherit;font-weight:700;border:none;cursor:pointer;color:#fff;font-size:18px;padding:14px 28px;border-radius:30px;background:linear-gradient(90deg,#6bcf7a,#3fae5c);box-shadow:0 5px #2f9148}.ci-btn:active{transform:translateY(2px);box-shadow:0 3px #2f9148}.ci-done{display:inline-block;background:#eafff0;border:2px solid #9ad99a;border-radius:16px;padding:12px 20px;font-size:15px;color:#3f8a48}.ci-done b{color:#e0533a}.ci-note{font-size:12px;color:#b07a3f;margin-top:8px}.celebrate{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.celebrate span{position:absolute;top:60%;animation:rise 1.6s ease-out forwards}@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(-70vh) scale(1.1) rotate(20deg);opacity:0}}.flashbox{max-width:420px;margin:0 auto;text-align:center}.fc-count{font-size:13px;color:#7a6a5a;margin-bottom:10px}.flashcard{background:#fff;border:3px solid #d6c2ff;border-radius:20px;min-height:150px;display:flex;align-items:center;justify-content:center;padding:20px;cursor:pointer;font-weight:700}.fc-face{font-size:34px;color:#2f74a8}.fc-back{display:none;font-size:24px;color:#d8607f}.flashcard.flip .fc-face:not(.fc-back){display:none}.flashcard.flip .fc-back{display:block}.fc-ctrl{display:flex;gap:12px;justify-content:center;margin-top:14px}.fc-know,.fc-again{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;color:#fff;padding:10px 18px;border-radius:30px}.fc-know{background:var(--green);box-shadow:0 3px #4fae5c}.fc-again{background:var(--orange);box-shadow:0 3px #e08440}.fc-restart{margin:12px auto 0;display:block;background:var(--purple);box-shadow:0 3px #8a6fd0}.mt-info{text-align:center;font-size:14px;color:#3a8d80;margin-bottom:12px;font-weight:700}.mt-board{display:flex;gap:18px;max-width:480px;margin:0 auto}.mt-col{flex:1;display:flex;flex-direction:column;gap:10px}.mt-chip{border:2px solid #ffd27d;background:#fffdf6;border-radius:14px;padding:12px;font-size:17px;font-weight:700;color:#2f74a8;cursor:pointer;font-family:inherit}.mt-chip.sel{border-color:var(--blue);background:#eaf5ff}.mt-chip.done{background:#dff5e1;border-color:#6bcf7a;color:#3f8a48;cursor:default}.mt-chip.bad{background:#ffe3e3;border-color:#ff7b7b;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.mt-redo{display:block;margin:16px auto 0;border:none;cursor:pointer;font-family:inherit;font-weight:700;color:#fff;background:var(--purple);box-shadow:0 3px #8a6fd0;padding:9px 18px;border-radius:30px}.rec-btn,.rec-play{border:none;cursor:pointer;font-family:inherit;border-radius:20px;font-size:13px;padding:3px 9px;margin:6px 3px 0;background:#ffe1e8;color:#d8607f}.rec-btn.recing{background:#ff7b7b;color:#fff;animation:pulse 1s infinite}.rec-play{background:#e3f0ff;color:#2f74a8}.sent .rec-btn,.sent .rec-play{margin-top:0;align-self:center;flex:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}footer{text-align:center;color:#b07a3f;font-size:13px;padding:10px 0 30px}