@charset "UTF-8";.target-modal[data-v-19e40433]{width:30rem;padding:0 var(--space)}.target-modal .lh[data-v-19e40433]{color:#b074d3}.right-enter-active[data-v-cc2403a1],.right-leave-active[data-v-cc2403a1]{transition:all .5s ease}.right-enter-from[data-v-cc2403a1],.right-leave-to[data-v-cc2403a1]{transform:translate(110%)}.CollectNotice[data-v-cc2403a1]{position:fixed;right:var(--space);top:var(--space);z-index:2;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;background:var(--color-notice-bg);padding:1.8rem;border-radius:.7rem;width:30rem;gap:2.4rem;color:var(--color-font-1);line-height:1.5;border:1px solid var(--color-item-border);box-shadow:var(--shadow);box-sizing:border-box}.CollectNotice.mobile[data-v-cc2403a1]{width:95%;padding:.6rem}.CollectNotice .notice[data-v-cc2403a1]{margin-top:2.4rem}.CollectNotice .active[data-v-cc2403a1]{color:var(--color-select-bg)}.CollectNotice .wrapper .collect[data-v-cc2403a1]{display:flex;flex-direction:column;align-items:center}.CollectNotice .wrapper .collect .href-wrapper[data-v-cc2403a1]{display:flex;font-size:1rem;align-items:center;gap:.6rem}.CollectNotice .wrapper .collect .href-wrapper .round[data-v-cc2403a1]{color:var(--color-font-1);border-radius:3rem;padding:.6rem .6rem .6rem 1.2rem;gap:2rem;display:flex;align-items:center;justify-content:space-between;background:var(--color-primary)}.CollectNotice .wrapper .collect .href-wrapper .round .href[data-v-cc2403a1]{font-size:.9rem}.CollectNotice .wrapper .collect .href-wrapper .star[data-v-cc2403a1]{color:var(--color-select-bg)}.CollectNotice .wrapper .collect .href-wrapper .right[data-v-cc2403a1]{display:flex;align-items:center}.CollectNotice .wrapper .collect .collect-keyboard[data-v-cc2403a1]{margin-top:1.2rem;font-size:1rem}.CollectNotice .wrapper .collect .collect-keyboard span[data-v-cc2403a1]{margin-left:.6rem}.CollectNotice .close-wrapper[data-v-cc2403a1]{right:var(--space);top:var(--space);position:absolute;font-size:.9rem;display:flex;justify-content:flex-end;align-items:center;color:var(--color-font-1);gap:.6rem}@media (max-width: 768px){.card.flex[data-v-8e4a3a4f]{flex-direction:column;gap:1rem!important}.card.flex>div.flex-col.items-end[data-v-8e4a3a4f]{align-items:center!important;width:100%;margin-top:.5rem}.card.flex>div.flex-col.items-end .flex.gap-1[data-v-8e4a3a4f]{width:100%;justify-content:center;flex-wrap:wrap;margin-bottom:.5rem}.card.flex>div.flex-col.items-end .bg-third[data-v-8e4a3a4f]{min-width:3rem}.card.flex>div.flex-col.items-end .base-button[data-v-8e4a3a4f]{width:100%;max-width:200px}.card.flex>div.w-3\/10[data-v-8e4a3a4f]{width:100%!important;flex-direction:row;justify-content:space-around;margin:.5rem 0}.card.flex>div.w-3\/10>div.center[data-v-8e4a3a4f]{display:none}.card.flex>div.flex-1[data-v-8e4a3a4f]{width:100%}}@media (max-width: 480px){.card.flex[data-v-8e4a3a4f]{padding:.5rem}.card.flex>div.flex-col.items-end .flex.gap-1[data-v-8e4a3a4f]{font-size:.9rem}.card.flex>div.flex-col.items-end .flex.gap-1 .bg-third[data-v-8e4a3a4f]{font-size:1.5rem;height:2.2rem;padding:0 .8rem}.card.flex>div.flex-col.items-end .base-button[data-v-8e4a3a4f]{font-size:.9rem}.card.flex>div.w-3\/10 .flex[data-v-8e4a3a4f]{width:100%;justify-content:space-between}.card.flex>div.w-3\/10 .flex>div.flex-1 .text-4xl[data-v-8e4a3a4f]{font-size:1.8rem}.card.flex>div.w-3\/10 .flex>div.flex-1 .text[data-v-8e4a3a4f]{font-size:.8rem}}@media (max-width: 480px){.card[data-v-8e4a3a4f]:nth-of-type(2),.card[data-v-8e4a3a4f]:nth-of-type(3){padding:.5rem}.card:nth-of-type(2) .flex-wrap[data-v-8e4a3a4f],.card:nth-of-type(3) .flex-wrap[data-v-8e4a3a4f]{gap:.5rem}}.footer[data-v-3f6afb3c]{flex-shrink:0;width:var(--toolbar-width);position:relative;margin:0 auto}.footer.hide[data-v-3f6afb3c]{margin-bottom:-6rem;margin-top:3rem}.footer.hide .progress-wrap[data-v-3f6afb3c]{bottom:calc(100% + 1.8rem)}.footer .bottom[data-v-3f6afb3c]{position:relative;width:100%;box-sizing:border-box;border-radius:.6rem;background:var(--color-second);padding:.1rem var(--space) .3rem var(--space);z-index:2;border:1px solid var(--color-item-border);box-shadow:var(--shadow);white-space:nowrap}.footer .bottom .stat[data-v-3f6afb3c]{margin-top:.3rem;display:flex;justify-content:space-around;gap:.5rem}.footer .bottom .stat .row[data-v-3f6afb3c]{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:6rem;color:gray;font-size:.9rem}.footer .bottom .stat .row .line[data-v-3f6afb3c]{height:1px;width:100%;background:var(--color-sub-gray)}.footer .bottom .icon-button[data-v-3f6afb3c]{width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.5rem;background:white;font-size:1rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;min-width:2.1rem;min-height:2.1rem;box-sizing:border-box}.footer .bottom .icon-button[data-v-3f6afb3c]:hover{background:var(--color-icon-hightlight);color:#fff;border-color:var(--color-icon-hightlight);transform:translateY(-1px)}.footer .bottom .icon-button.collect[data-v-3f6afb3c]{color:var(--color-font-3)}.footer .bottom .icon-button.collect[data-v-3f6afb3c]:first-child{border-color:#10b981}.footer .bottom .icon-button.fill[data-v-3f6afb3c]{color:var(--color-primary);border-color:var(--color-primary)}.footer .bottom .icon-button.fill[data-v-3f6afb3c]:first-child{color:#10b981;border-color:#10b981;background-color:#10b9811a}@media (max-width: 768px){.footer .bottom .icon-button[data-v-3f6afb3c]{width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;font-size:1rem}}@media (max-width: 480px){.footer .bottom .icon-button[data-v-3f6afb3c]{width:2rem;height:2rem;min-width:2rem;min-height:2rem;font-size:.9rem}}.footer .progress-wrap[data-v-3f6afb3c]{width:var(--toolbar-width);transition:all .3s;padding:0 .6rem;box-sizing:border-box;position:fixed;bottom:1rem}.footer .arrow[data-v-3f6afb3c]{position:absolute;top:-40%;left:50%;cursor:pointer;transition:all .5s;transform:translate(-50%) rotate(-90deg);padding:.5rem;font-size:1.2rem;background:transparent;border:none;display:flex;align-items:center;justify-content:center}.footer .arrow[data-v-3f6afb3c]:after{content:"";width:.6rem;height:.6rem;border-top:2px solid var(--color-text);border-right:2px solid var(--color-text);transform:rotate(45deg)}.footer .arrow.down[data-v-3f6afb3c]{top:-90%;transform:translate(-50%) rotate(90deg)}.footer .arrow.down[data-v-3f6afb3c]:after{transform:rotate(225deg)}@media (max-width: 768px){.footer[data-v-3f6afb3c]{width:95%}.footer .bottom .stat[data-v-3f6afb3c]{gap:.5rem}.footer .bottom .stat .row[data-v-3f6afb3c]{width:auto;min-width:4rem}.progress-wrap[data-v-3f6afb3c]{width:95%}}[data-v-40bc047c] .highlight-word{color:var(--color-icon-hightlight)}.typing-word[data-v-6ae7fa52]{width:100%;flex:1;overflow:auto;word-break:break-word;position:relative;color:var(--color-font-2);--vw-rate:5.625}.typing-word .phonetic[data-v-6ae7fa52],.typing-word .translate[data-v-6ae7fa52]{font-size:1.2rem}.typing-word .phonetic[data-v-6ae7fa52]{color:var(--color-font-1);font-family:var(--word-font-family)}.typing-word .word[data-v-6ae7fa52]{font-size:3rem;line-height:1;font-family:var(--en-article-family);letter-spacing:.3rem}.typing-word .word .input[data-v-6ae7fa52]{color:#16a34a}.typing-word .word .wrong[data-v-6ae7fa52]{color:#f009}.typing-word .word.is-wrong[data-v-6ae7fa52]{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.typing-word .tabs[data-v-6ae7fa52]{font-size:1.125rem;line-height:1.75rem;font-weight:500;display:flex;gap:2rem;overflow-x:auto;padding-bottom:.5rem;width:100%;justify-content:center}.typing-word .tab[data-v-6ae7fa52]{cursor:pointer;padding:.5rem 1rem;transition:all .2s;border-radius:4px}.typing-word .tab[data-v-6ae7fa52]:hover{background-color:#f3f4f6}.typing-word .tab.active[data-v-6ae7fa52]{color:#4e6ef2;font-weight:700}.typing-word .mnemonic-method[data-v-6ae7fa52]{margin-top:1rem;width:100%;padding:0 .5rem}.typing-word .method-options[data-v-6ae7fa52]{margin-bottom:16px}.typing-word .method-option[data-v-6ae7fa52]{font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.typing-word .method-option[data-v-6ae7fa52]:hover{background-color:#fde68a}.typing-word .word-cards[data-v-6ae7fa52]{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.typing-word .word-card[data-v-6ae7fa52]{display:flex;flex-direction:column;align-items:center;min-width:80px;width:auto;position:relative}.typing-word .word-en[data-v-6ae7fa52]{background-color:#4e6ef2;color:#fff;padding:8px 16px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:18px;font-weight:700;text-align:center;position:relative;width:auto;min-width:100%;box-sizing:border-box;white-space:nowrap}.typing-word .word-en[data-v-6ae7fa52]:after{content:"";display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #4E6EF2;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);z-index:1}.typing-word .word-cn[data-v-6ae7fa52]{background-color:#4e6ef2;color:#fff;padding:12px 16px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:16px;font-weight:700;text-align:center;width:auto;min-width:100%;box-sizing:border-box;margin-top:4px;position:relative;white-space:nowrap}.typing-word .word-cn[data-v-6ae7fa52]:before{content:"";display:block;width:0;height:0;overflow:hidden;position:absolute;top:0;left:50%;z-index:revert-layer;border:8px solid transparent;border-top:9px solid #f1ebee;transform:translate(-50%)}.typing-word .word-cn[data-v-6ae7fa52]:after{content:"";display:block;width:0;height:0;overflow:hidden;border:6px solid transparent;border-top:6px solid #4E6EF2;position:absolute;bottom:-12px;left:50%;z-index:1;transform:translate(-50%)}.typing-word .mnemonic-wrapper[data-v-6ae7fa52]{width:100%;text-align:left}@media screen and (max-width: 767px){.typing-word .typing-word[data-v-6ae7fa52]{--vw-rate: 3.75}}.practice-wrapper[data-v-26d81c8a]{width:100%;height:100vh;display:flex;justify-content:center;overflow-y:auto}.practice-word[data-v-26d81c8a]{min-height:calc(100vh - 10rem);max-height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:80px;box-sizing:border-box;align-items:center;position:relative;width:100%;max-width:var(--toolbar-width);padding:1rem .5rem;margin:0 auto;flex-wrap:nowrap;overflow-x:hidden}@media (max-width: 768px){.practice-word[data-v-26d81c8a]{padding:1rem .25rem 80px;width:100vw}}.practice-word .absolute.top-4[data-v-26d81c8a]{padding:.5rem;position:sticky!important;top:.5rem;z-index:10;background:var(--color-bg);border-radius:8px;box-shadow:var(--shadow);width:100%;max-width:100%;box-sizing:border-box}.practice-word>div[data-v-26d81c8a],.practice-word img[data-v-26d81c8a]{max-width:100%;width:100%;height:auto;box-sizing:border-box}.practice-word .word[data-v-26d81c8a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.2rem,8vw,3rem);max-width:100%;display:block}.word-panel-wrapper[data-v-26d81c8a]{position:absolute;left:var(--panel-margin-left);top:.8rem;z-index:1;height:calc(100% - 1.5rem);width:100%}