.lesson-instruction-wrapper[data-v-7e435eb5]{display:flex;flex-direction:column;height:100%;overflow:hidden}.instro-tips[data-v-7e435eb5]{display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal;font-size:40px;line-height:70px;color:#434343;min-height:140px;font-family:alibaba-puhuiti-heavy}.instro-tips-detail[data-v-7e435eb5]{width:min(800px,calc(100vw - 32px));text-align:left;font-size:20px;margin-bottom:20px}.instro-tips-content[data-v-7e435eb5]{width:min(800px,calc(100vw - 32px));text-align:left}.instro-keyboard-wrapper[data-v-7e435eb5]{display:flex;flex-direction:column;align-items:center;width:min(800px,calc(100vw - 32px))}.instro-shuangpin-toolbar[data-v-7e435eb5]{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:8px}.instro-shuangpin-toolbar__item[data-v-7e435eb5]{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px 6px 12px;border:1px solid rgba(84,110,136,.1);border-radius:999px;background:#ffffff9e;color:#61666c;font-size:13px;line-height:18px}.instro-shuangpin-toolbar__item--control[data-v-7e435eb5]{padding:6px 10px 6px 12px}.instro-shuangpin-toolbar__label[data-v-7e435eb5]{flex-shrink:0;font-weight:600}.instro-shuangpin-toolbar__select[data-v-7e435eb5]{width:116px}.instro-shuangpin-toolbar__select[data-v-7e435eb5] .ant-select-selector{height:26px!important;min-height:26px!important;padding:0 22px 0 0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important}.instro-shuangpin-toolbar__select.ant-select-focused[data-v-7e435eb5] .ant-select-selector,.instro-shuangpin-toolbar__select[data-v-7e435eb5]:hover .ant-select-selector{background:transparent!important;box-shadow:none!important}.instro-shuangpin-toolbar__select[data-v-7e435eb5] .ant-select-selection-item{padding-inline-end:0!important;color:#282828;font-weight:700;line-height:24px!important}.instro-shuangpin-toolbar__select[data-v-7e435eb5] .ant-select-arrow{right:0;color:#7c6f00;font-size:10px}.instro-keyboard[data-v-7e435eb5]{display:flex;justify-content:center;align-items:center}.button-area[data-v-7e435eb5]{background:#fff;flex-shrink:0}.instro-info-btns[data-v-7e435eb5]{display:flex;justify-content:center;align-items:center;gap:32px;min-height:70px}.instro-info-btns>button[data-v-7e435eb5]:first-child{width:110px;height:40px;color:#282828;border:1px solid #ffde08;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.instro-info-btns>button[data-v-7e435eb5]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.highlight[data-v-7e435eb5]{position:relative;display:inline-block;text-align:center;min-width:70px;width:auto;height:70px;background:#0086d2;border-radius:8px;font-style:normal;font-weight:800;margin:0 32px;color:#fff;font-family:JetBrainsMono-Regular;text-overflow:ellipsis;white-space:nowrap;transition:transform .15s cubic-bezier(.25,1,.5,1),background-color .15s ease,box-shadow .15s ease;will-change:transform,box-shadow}.highlight-detail[data-v-7e435eb5]{position:relative;display:inline-block;text-align:center;min-width:50px;width:auto;height:50px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-style:normal;font-weight:600;font-size:32px;line-height:50px;margin:0 8px;padding:0 4px;color:#434343;font-family:JetBrainsMono-Regular;box-shadow:0 2px 4px #0000001a;text-overflow:ellipsis;white-space:nowrap;transition:transform .15s cubic-bezier(.25,1,.5,1),background-color .15s ease,box-shadow .15s ease;will-change:transform,box-shadow}[data-v-7e435eb5] .instruction-typing-shell.typing-container{min-height:calc(100dvh - 138px)}[data-v-7e435eb5] .instruction-typing-shell .typing-container__content{height:clamp(136px,26dvh,240px);min-height:136px;margin-top:14px;align-items:center}[data-v-7e435eb5] .instruction-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,18px)}[data-v-7e435eb5] .instruction-typing-shell .typing-container__hands{min-height:clamp(220px,34dvh,320px);max-height:none;overflow:visible}@media(max-height:820px),(max-width:1180px){.instro-tips[data-v-7e435eb5]{min-height:118px;font-size:34px;line-height:58px}.instro-tips-detail[data-v-7e435eb5]{margin-bottom:12px;font-size:18px}.highlight[data-v-7e435eb5]{min-width:58px;height:58px;margin:0 18px}.highlight-detail[data-v-7e435eb5]{min-width:44px;height:44px;font-size:28px;line-height:44px}}@media(max-height:700px){[data-v-7e435eb5] .instruction-typing-shell .typing-container__content{height:clamp(118px,22dvh,150px);min-height:118px}[data-v-7e435eb5] .instruction-typing-shell .typing-container__hands{min-height:clamp(206px,34dvh,260px)}.instro-info-btns[data-v-7e435eb5]{min-height:60px}}.instruction-char-correct-animation[data-v-7e435eb5]{color:#fff;background:#57c53c;border-color:#459431;box-shadow:0 0 0 4px #57c53c38,0 8px 18px #57c53c33;animation:instructionSuccessPulse-7e435eb5 .26s cubic-bezier(.22,1,.36,1)}.instruction-char-error-animation[data-v-7e435eb5]{color:#fff;background:#e81b27;border-color:#e81b27;box-shadow:0 0 0 4px #e81b272e,0 8px 18px #e81b2733;animation:instructionErrorShake-7e435eb5 .28s cubic-bezier(.25,1,.5,1)}.instruction-char-current[data-v-7e435eb5]{z-index:2;color:#fff;background:#0086d2;border-color:#0086d2;box-shadow:0 0 0 4px #0086d22e,0 8px 18px #0086d22e;animation:instructionActivePulse-7e435eb5 1.5s ease-in-out infinite}@keyframes instructionSuccessPulse-7e435eb5{0%{transform:scale(1) translateZ(0)}50%{transform:scale(1.14) translateY(-2px) translateZ(0)}to{transform:scale(1) translateZ(0)}}@keyframes instructionErrorShake-7e435eb5{10%,90%{transform:translate3d(-1px,0,0) translateZ(0)}20%,80%{transform:translate3d(2px,0,0) translateZ(0)}30%,50%,70%{transform:translate3d(-3px,0,0) translateZ(0)}40%,60%{transform:translate3d(3px,0,0) translateZ(0)}}@keyframes instructionActivePulse-7e435eb5{0%,to{box-shadow:0 0 0 4px #0086d22e,0 8px 18px #0086d22e;transform:scale(1.04) translateY(-1px) translateZ(0)}50%{box-shadow:0 0 0 6px #0086d247,0 10px 22px #0086d23d;transform:scale(1.06) translateY(-1px) translateZ(0)}}@media(prefers-reduced-motion:reduce){.highlight[data-v-7e435eb5],.highlight-detail[data-v-7e435eb5],.instruction-char-correct-animation[data-v-7e435eb5],.instruction-char-current[data-v-7e435eb5],.instruction-char-error-animation[data-v-7e435eb5]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:767px){.instro-shuangpin-toolbar[data-v-7e435eb5]{justify-content:center;width:calc(100vw - 20px)}.instro-shuangpin-toolbar__item[data-v-7e435eb5]{max-width:100%}.instro-tips[data-v-7e435eb5]{min-height:120px;padding:0 12px;font-size:28px;line-height:52px;box-sizing:border-box}.instro-tips-detail[data-v-7e435eb5]{font-size:16px;line-height:28px;margin-bottom:12px}.instro-info-btns[data-v-7e435eb5]{gap:12px;min-height:64px}.instro-info-btns>button[data-v-7e435eb5]:first-child,.instro-info-btns>button[data-v-7e435eb5]:last-child{width:min(132px,42vw);min-height:44px;height:auto}.highlight[data-v-7e435eb5]{min-width:48px;height:52px;margin:0 10px}.highlight-detail[data-v-7e435eb5]{min-width:38px;height:44px;font-size:24px;line-height:44px;margin:0 4px}}.lesson-instruction-wrapper[data-v-43be152a]{display:flex;flex-direction:column;height:100%;overflow:hidden}.instro-tips[data-v-43be152a]{display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal;font-size:40px;line-height:70px;color:#434343;min-height:140px;font-family:alibaba-puhuiti-heavy}.instro-tips-detail[data-v-43be152a]{width:min(800px,calc(100vw - 32px));text-align:left;font-size:20px;margin-bottom:20px}.instro-tips-content[data-v-43be152a]{width:min(800px,calc(100vw - 32px));text-align:left}.instro-keyboard[data-v-43be152a]{display:flex;justify-content:center;align-items:center}.button-area[data-v-43be152a]{background:#fff;flex-shrink:0}.instro-info-btns[data-v-43be152a]{display:flex;justify-content:center;align-items:center;gap:32px;min-height:70px}.instro-info-btns>button[data-v-43be152a]:first-child{width:110px;height:40px;color:#282828;border:1px solid #ffde08;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.instro-info-btns>button[data-v-43be152a]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.highlight[data-v-43be152a]{display:inline-block;text-align:center;min-width:70px;width:auto;height:70px;background:#0086d2;border-radius:8px;font-style:normal;font-weight:800;margin:0 32px;color:#fff;font-family:JetBrainsMono-Regular;text-overflow:ellipsis;white-space:nowrap}.highlight-detail[data-v-43be152a]{display:inline-block;text-align:center;min-width:50px;width:auto;height:50px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-style:normal;font-weight:600;font-size:32px;line-height:50px;margin:0 8px;padding:0 4px;color:#434343;font-family:JetBrainsMono-Regular;box-shadow:0 2px 4px #0000001a;text-overflow:ellipsis;white-space:nowrap}[data-v-43be152a] .number-instruction-typing-shell.typing-container{min-height:calc(100dvh - 138px)}[data-v-43be152a] .number-instruction-typing-shell .typing-container__content{height:clamp(126px,24dvh,218px);min-height:126px;margin-top:14px;align-items:center}[data-v-43be152a] .number-instruction-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,16px)}[data-v-43be152a] .number-instruction-typing-shell .typing-container__hands{min-height:clamp(206px,30dvh,270px);max-height:none;overflow:visible}[data-v-43be152a] .number-instruction-typing-shell .container{--numpad-scale: .96}@media(max-height:820px),(max-width:1180px){.instro-tips[data-v-43be152a]{min-height:108px;font-size:34px;line-height:58px}.instro-tips-detail[data-v-43be152a]{margin-bottom:12px;font-size:18px}.highlight[data-v-43be152a]{min-width:58px;height:58px;margin:0 18px}.highlight-detail[data-v-43be152a]{min-width:44px;height:44px;font-size:28px;line-height:44px}}@media(max-height:700px){[data-v-43be152a] .number-instruction-typing-shell .typing-container__content{height:clamp(108px,22dvh,142px);min-height:108px}[data-v-43be152a] .number-instruction-typing-shell .typing-container__hands{min-height:clamp(190px,30dvh,238px)}[data-v-43be152a] .number-instruction-typing-shell .container{--numpad-scale: .88}.instro-info-btns[data-v-43be152a]{min-height:60px}}@media(max-width:767px){.instro-tips[data-v-43be152a]{min-height:120px;padding:0 12px;font-size:28px;line-height:52px;box-sizing:border-box}.instro-tips-detail[data-v-43be152a]{font-size:16px;line-height:28px;margin-bottom:12px}.instro-info-btns[data-v-43be152a]{gap:12px;min-height:64px}.instro-info-btns>button[data-v-43be152a]:first-child,.instro-info-btns>button[data-v-43be152a]:last-child{width:min(132px,42vw);min-height:44px;height:auto}.highlight[data-v-43be152a]{min-width:48px;height:52px;margin:0 10px}.highlight-detail[data-v-43be152a]{min-width:38px;height:44px;font-size:24px;line-height:44px;margin:0 4px}}.feedback[data-v-0e901496]{display:flex;width:100%;height:calc(100% - 70px);flex:1;justify-content:center;align-items:center;background-color:#ffde08;z-index:3}.feedback-content[data-v-0e901496]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.feedback-content-yazi[data-v-0e901496]{display:flex;align-items:center;justify-content:center}.feedback-content-yazi #yazi[data-v-0e901496]{position:absolute}.feedback-content .text[data-v-0e901496]{font-family:alibaba-puhuiti-heavy;font-style:normal;font-weight:400;font-size:36px;line-height:49px;text-align:center;color:#282828}.feedback-content .report-entry-btn[data-v-0e901496]{height:44px;padding:0 24px;border:1px solid #282828;border-radius:8px;background:#282828;color:#ffde08;font-size:14px;font-weight:700;line-height:20px;cursor:pointer;box-shadow:0 10px 22px #6d651629;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.feedback-content .report-entry-btn[data-v-0e901496]:hover{background:#161616;transform:translateY(-1px);box-shadow:0 14px 28px #6d651638}.feedback-content .report-entry-btn[data-v-0e901496]:active{transform:translateY(0)}.practice[data-v-261d7fd8]{height:100%;position:relative;background-color:#fff}.practice-box[data-v-261d7fd8]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;max-width:100%}.practice-box-item[data-v-261d7fd8]{position:relative;width:80px;height:80px;border-radius:8px;text-align:center;background:#fff;border:1px solid #dedede;color:#434343;transition:transform .15s cubic-bezier(.25,1,.5,1),background-color .15s ease,border-color .15s ease,box-shadow .15s ease;will-change:transform,background-color,border-color,box-shadow}.practice-box-item>span[data-v-261d7fd8]{width:100%;height:100%;font-family:JetBrainsMono-Regular;font-style:normal;font-weight:400;font-size:44px;line-height:80px}.practice-box-item__active[data-v-261d7fd8]{border:3px solid #0086d2;box-shadow:0 0 0 2px #0086d229,0 0 0 4px #0086d214;animation:practiceActivePulse-261d7fd8 1.5s ease-in-out infinite}.practice-box-item__right[data-v-261d7fd8]{background:#459431!important;border:1px solid #459431;color:#fff}.practice-box-item__error[data-v-261d7fd8]{background:#e81b27;color:#fff;border:none}.practice-box-item__correct-animation[data-v-261d7fd8]{background:#459431!important;border:3px solid #459431;color:#fff;box-shadow:0 0 0 4px #57c53c38,0 8px 18px #57c53c33;animation:practiceSuccessPulse-261d7fd8 .26s cubic-bezier(.22,1,.36,1)}.practice-box-item__error-animation[data-v-261d7fd8]{background:#e81b27;border:3px solid #e81b27;color:#fff;box-shadow:0 0 0 4px #e81b272e,0 8px 18px #e81b2733;animation:practiceErrorShake-261d7fd8 .28s cubic-bezier(.25,1,.5,1)}.practice-box-item--shuangpin[data-v-261d7fd8]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:0 4px}.practice-box-item--shuangpin>span[data-v-261d7fd8]{line-height:1}.practice-box-item--token-compact>span[data-v-261d7fd8]{font-size:clamp(20px,2.6vw,28px)}.practice-box-item--token-tiny>span[data-v-261d7fd8]{font-size:clamp(16px,2.1vw,22px)}.practice-keyboard[data-v-261d7fd8]{display:flex;justify-content:center;align-items:center;width:100%}.practice-info[data-v-261d7fd8]{height:70px;background:#fff;z-index:3}.practice-info-btns[data-v-261d7fd8]{display:flex;direction:row;justify-content:center;align-items:center;height:70px;gap:32px}.practice-info-btns>button[data-v-261d7fd8]:first-child{width:110px;height:40px;color:#282828;border:1px solid #ffde08;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.practice-info-btns>button[data-v-261d7fd8]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}[data-v-261d7fd8] .practice-typing-shell.typing-container{min-height:calc(100dvh - 138px)}[data-v-261d7fd8] .practice-typing-shell .typing-container__content{height:clamp(110px,20dvh,178px);min-height:110px;margin-top:12px;align-items:center;overflow:hidden}[data-v-261d7fd8] .practice-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,16px)}[data-v-261d7fd8] .practice-typing-shell .typing-container__hands{min-height:clamp(220px,34dvh,320px);max-height:none;overflow:visible}@media(max-height:820px),(max-width:1180px){.practice-box[data-v-261d7fd8]{gap:24px}.practice-box-item[data-v-261d7fd8]{width:68px;height:68px}.practice-box-item>span[data-v-261d7fd8]{font-size:38px;line-height:68px}}@media(max-height:700px){[data-v-261d7fd8] .practice-typing-shell .typing-container__content{height:clamp(96px,18dvh,126px);min-height:96px}[data-v-261d7fd8] .practice-typing-shell .typing-container__hands{min-height:clamp(206px,34dvh,260px)}.practice-info-btns[data-v-261d7fd8]{height:60px}}@media(max-width:1023px){.practice-box[data-v-261d7fd8]{width:100%;justify-content:safe center;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;padding:8px 4px 16px;scrollbar-width:none}.practice-box[data-v-261d7fd8]::-webkit-scrollbar{display:none}.practice-box-item[data-v-261d7fd8]{width:clamp(44px,12vw,64px);height:clamp(44px,12vw,64px);flex:0 0 auto}.practice-box-item>span[data-v-261d7fd8]{font-size:clamp(26px,7vw,36px);line-height:clamp(44px,12vw,64px)}}@media(max-width:767px){.practice-box[data-v-261d7fd8]{gap:12px;padding:6px 0 12px}.practice-box-item[data-v-261d7fd8]{width:clamp(40px,14vw,52px);height:clamp(40px,14vw,52px)}.practice-box-item>span[data-v-261d7fd8]{font-size:clamp(22px,8vw,30px);line-height:clamp(40px,14vw,52px)}.practice-info-btns[data-v-261d7fd8]{height:auto;min-height:64px;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.practice-info-btns>button[data-v-261d7fd8]:first-child,.practice-info-btns>button[data-v-261d7fd8]:last-child{min-width:0;width:min(150px,44vw);height:44px}}.practice-box-item--shuangpin>span[data-v-261d7fd8]{display:block;width:auto;height:auto;line-height:1!important;letter-spacing:0;white-space:nowrap}.practice-box-item--token-compact>span[data-v-261d7fd8]{font-size:clamp(20px,2.6vw,28px)!important}.practice-box-item--token-tiny>span[data-v-261d7fd8]{font-size:clamp(16px,2.1vw,22px)!important}@keyframes practiceSuccessPulse-261d7fd8{0%{transform:scale(1) translateZ(0)}50%{transform:scale(1.14) translateY(-2px) translateZ(0)}to{transform:scale(1) translateZ(0)}}@keyframes practiceErrorShake-261d7fd8{10%,90%{transform:translate3d(-1px,0,0) translateZ(0)}20%,80%{transform:translate3d(2px,0,0) translateZ(0)}30%,50%,70%{transform:translate3d(-3px,0,0) translateZ(0)}40%,60%{transform:translate3d(3px,0,0) translateZ(0)}}@keyframes practiceActivePulse-261d7fd8{0%,to{box-shadow:0 0 0 2px #0086d229,0 0 0 4px #0086d214;transform:scale(1.06) translateY(-1px) translateZ(0)}50%{box-shadow:0 0 0 3px #0086d23d,0 0 0 6px #0086d21f;transform:scale(1.08) translateY(-1px) translateZ(0)}}@media(prefers-reduced-motion:reduce){.practice-box-item[data-v-261d7fd8],.practice-box-item__active[data-v-261d7fd8],.practice-box-item__correct-animation[data-v-261d7fd8],.practice-box-item__error-animation[data-v-261d7fd8]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lesson-key-page[data-v-2f772e88]{display:flex;flex-direction:column;position:relative;height:100%;overflow:visible}.lesson-key-stage[data-v-2f772e88]{width:min(800px,calc(100vw - 32px));max-height:400px;padding:20px;overflow-x:hidden;overflow-y:auto;position:relative;border-radius:8px;background:linear-gradient(180deg,#ffffff80,#fffc);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;scrollbar-width:none;-ms-overflow-style:none}.lesson-key-stage[data-v-2f772e88]::-webkit-scrollbar{display:none}.lesson-key-token[data-v-2f772e88]{display:inline-block;height:50px;margin:3px;border-radius:4px;overflow:hidden;position:relative;text-align:center;background:#00000005;color:#434343;vertical-align:top;transition:all .3s cubic-bezier(.4,0,.2,1);animation:blockFadeIn-2f772e88 .4s ease-out backwards;animation-delay:calc(var(--index, 0)*.02s)}.lesson-key-token[data-v-2f772e88]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.lesson-key-token>span[data-v-2f772e88]{display:inline-block;width:100%;height:100%;font-family:JetBrainsMono-Regular;font-style:normal;font-weight:400;font-size:35px;line-height:50px;transition:transform .2s ease}.lesson-key-token[data-v-2f772e88]:hover{transform:translateY(-1px)}.test-box-item__active[data-v-2f772e88]{border-radius:4px;background:#0038ff14;color:#0038ff;box-shadow:0 0 0 2px #0038ff33,0 0 0 4px #0038ff1a;animation:activePulse-2f772e88 1.5s ease-in-out infinite}.test-box-item__active>span[data-v-2f772e88]{transform:scale(1.05);color:#0038ff;font-weight:500}.test-box-item__right[data-v-2f772e88]{background:#a6f193;animation:successPulse-2f772e88 .4s ease-out;box-shadow:0 2px 8px #0086d233}.test-box-item__error[data-v-2f772e88]{background:pink;animation:errorShake-2f772e88 .5s ease-out;box-shadow:0 2px 8px #ff5e5e4d}.test-box-item__back[data-v-2f772e88]{background:#ffe974;animation:backHighlight-2f772e88 .3s ease-out;box-shadow:0 2px 6px #ffe97466}.pause[data-v-2f772e88]{position:fixed;z-index:9999;transform:translate(-50%);animation:pauseFadeIn-2f772e88 .3s ease-out,pausePulse-2f772e88 2s ease-in-out infinite;animation-delay:0s,.3s}.pause img[data-v-2f772e88]{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.test-info[data-v-2f772e88]{height:70px;background:#fff;box-shadow:0 -2px 10px #0000000d}.test-info-btn[data-v-2f772e88]{display:flex;align-items:center;justify-content:center;gap:32px;height:70px}.test-info-btn>button[data-v-2f772e88]:first-child,.test-info-btn>button[data-v-2f772e88]:last-child{width:110px;height:40px;border-radius:6px}.test-info-btn>button[data-v-2f772e88]:last-child{border:2px solid #ffde08;background:#ffde08;color:#282828}.feedback-fade-enter-active[data-v-2f772e88],.feedback-fade-leave-active[data-v-2f772e88]{transition:all .22s cubic-bezier(.16,1,.3,1)}.feedback-fade-enter-from[data-v-2f772e88],.feedback-fade-leave-to[data-v-2f772e88]{opacity:0;transform:translateY(12px)}[data-v-2f772e88] .normal-test-typing-shell .typing-container__content{height:clamp(136px,24dvh,260px);min-height:136px;margin-top:14px;align-items:flex-start}[data-v-2f772e88] .normal-test-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,18px)}[data-v-2f772e88] .normal-test-typing-shell .typing-container__hands{min-height:clamp(238px,36dvh,330px);max-height:none;overflow:visible}[data-v-2f772e88] .normal-test-typing-shell .keyboard-wrapper{--keyboard-target-width: min(800px, calc(100vw - 32px) )}@media(max-height:820px),(max-width:1180px){[data-v-2f772e88] .normal-test-typing-shell .typing-container__content{height:clamp(118px,22dvh,210px);min-height:118px}.lesson-key-stage[data-v-2f772e88]{max-height:100%;min-height:92px;padding:16px}}@media(max-height:700px){[data-v-2f772e88] .normal-test-typing-shell .typing-container__content{height:clamp(104px,19dvh,148px);min-height:104px}[data-v-2f772e88] .normal-test-typing-shell .typing-container__hands{min-height:clamp(220px,36dvh,280px)}.lesson-key-stage[data-v-2f772e88]{min-height:78px;padding:12px 16px}}@media(max-width:1023px){.lesson-key-stage[data-v-2f772e88]{max-height:36dvh;padding:16px}}@media(max-width:767px){.lesson-key-stage[data-v-2f772e88]{width:calc(100vw - 20px);max-height:42dvh;padding:12px}.lesson-key-token[data-v-2f772e88]{height:42px;margin:2px}.lesson-key-token>span[data-v-2f772e88]{font-size:28px;line-height:42px}.test-info[data-v-2f772e88]{height:auto}.test-info-btn[data-v-2f772e88]{height:auto;min-height:64px;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.test-info-btn>button[data-v-2f772e88]:first-child,.test-info-btn>button[data-v-2f772e88]:last-child{min-width:0;width:min(150px,44vw);height:44px}}@keyframes blockFadeIn-2f772e88{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes successPulse-2f772e88{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes errorShake-2f772e88{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes activePulse-2f772e88{0%,to{box-shadow:0 0 0 2px #0038ff33,0 0 0 4px #0038ff1a}50%{box-shadow:0 0 0 3px #0038ff4d,0 0 0 6px #0038ff26}}@keyframes backHighlight-2f772e88{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pauseFadeIn-2f772e88{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes pausePulse-2f772e88{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.vocabulary[data-v-eaf614e9]{height:100%;position:relative;background:transparent}.vocabulary-content[data-v-eaf614e9]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-self:stretch;gap:10px;width:100%;height:100%;padding-top:0;min-height:0;max-height:none;overflow:hidden;animation:fadeInUp-eaf614e9 .28s ease-out}@keyframes fadeInUp-eaf614e9{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vocabulary-box-cards[data-v-eaf614e9]{display:flex;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:58px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:4px 8px 8px;box-sizing:border-box;scroll-behavior:smooth;position:relative;scrollbar-width:none;-ms-overflow-style:none}.vocabulary-box-cards[data-v-eaf614e9]::-webkit-scrollbar{display:none}.vocabulary-box-card[data-v-eaf614e9]{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;color:#434343;font-size:15px;font-weight:700;white-space:nowrap;text-align:center;scroll-snap-align:center;flex-shrink:0;border:1px solid rgba(0,0,0,.04);border-radius:8px;background:#00000005;box-shadow:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;position:relative}.vocabulary-box-card[data-v-eaf614e9]:hover{transform:translateY(-1px);border-color:#00000014;box-shadow:0 2px 8px #0000000d}.vocabulary-box-card[data-v-eaf614e9]:active{transform:translateY(0)}.vocabulary-box-card.vocabulary-box-cards__active[data-v-eaf614e9]{background:#ffde08;border-color:#4c420038;color:#161616;box-shadow:0 4px 12px #ffde084d;transform:translateY(-1px);z-index:1}.vocabulary-box-content[data-v-eaf614e9]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:134px;justify-content:center}.vocabulary-box-pronun[data-v-eaf614e9]{font-size:18px;color:#61666c;font-weight:500;line-height:1.4}.vocabulary-box-translation[data-v-eaf614e9]{max-width:min(680px,100%);height:58px;overflow-y:auto;overscroll-behavior:contain;padding:0 8px;font-size:18px;line-height:1.7;color:#282828;text-align:center;word-break:break-word;scrollbar-width:none;-ms-overflow-style:none}.vocabulary-box-translation[data-v-eaf614e9]::-webkit-scrollbar{display:none}.vocabulary-box-letters[data-v-eaf614e9]{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;width:min(760px,100%);min-height:62px;z-index:2}.vocabulary-box-letter[data-v-eaf614e9]{min-width:36px;height:58px;padding:0 4px;border-radius:8px;text-align:center;color:#434343;display:inline-flex;align-items:center;justify-content:center;background:#00000005;border:none;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.vocabulary-box-letter>span[data-v-eaf614e9]{width:100%;height:100%;font-family:JetBrainsMono-Regular;font-style:normal;font-weight:400;font-size:38px;line-height:56px}.vocabulary-box-letter__right[data-v-eaf614e9]{background:#a6f193;color:#434343;transform:translateY(-2px);box-shadow:0 2px 8px #0086d233}.vocabulary-box-letter__error[data-v-eaf614e9]{background:pink;color:#434343;box-shadow:0 2px 8px #ff5e5e4d}.vocabulary-box-letter__active[data-v-eaf614e9]{background:#0038ff14;color:#0038ff;box-shadow:0 0 0 2px #0038ff33,0 0 0 4px #0038ff1a}.vocabulary-box-letter__active>span[data-v-eaf614e9]{color:#0038ff;font-weight:500;transform:scale(1.05)}.vocabulary-box-letter__back[data-v-eaf614e9]{background:#ffe974;color:#282828;box-shadow:0 2px 6px #ffe97466}.vocabulary-progress-container[data-v-eaf614e9]{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(960px,calc(100vw - 48px))}.vocabulary-info[data-v-eaf614e9]{height:70px;background:#fff;z-index:3;width:100%}.vocabulary-info-text[data-v-eaf614e9]{height:72px;display:flex;gap:32px;justify-content:center;align-items:center;background:#fff}.vocabulary-info-text__major[data-v-eaf614e9]{font-size:20px;color:#000}.vocabulary-info-text__minor[data-v-eaf614e9]{font-size:16px;font-weight:600;color:#969696}.vocabulary-info-btn[data-v-eaf614e9]{gap:32px;justify-content:center;align-items:center;height:70px;display:flex;font-weight:400;font-size:16px;line-height:22px}.vocabulary-info-btn>button[data-v-eaf614e9]:first-child{width:110px;height:40px;border:1px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.vocabulary-info-btn>button[data-v-eaf614e9]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.vocabulary .pause[data-v-eaf614e9]{position:absolute;z-index:1000}.vocabulary-board[data-v-eaf614e9]{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(960px,calc(100vw - 48px));min-height:278px;margin:0;flex:1 1 auto;padding:14px 22px 16px;border-radius:8px;background:linear-gradient(180deg,#ffffff80,#fffc);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d}.vocabulary-audio-button[data-v-eaf614e9]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:8px;padding:0;border:1px solid rgba(0,0,0,.04);border-radius:999px;background:#ffffffb8;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.vocabulary-audio-button img[data-v-eaf614e9]{width:24px;height:24px}.vocabulary-audio-button[data-v-eaf614e9]:hover{transform:translateY(-1px);border-color:#00000014;box-shadow:0 4px 12px #00000014}.vocabulary-audio-button[data-v-eaf614e9]:active{transform:translateY(0)}.vocabulary-box-tool[data-v-eaf614e9]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:#61666c;font-size:14px}.vocabulary-box-tool__disabled[data-v-eaf614e9]{opacity:.48}.vocabulary-tool-button[data-v-eaf614e9]{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid rgba(0,0,0,.04);border-radius:999px;background:#fff9;color:#61666c;cursor:pointer;font-size:14px;font-weight:600;line-height:20px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.vocabulary-tool-button img[data-v-eaf614e9]{width:20px;height:20px}.vocabulary-tool-button[data-v-eaf614e9]:hover{transform:translateY(-1px);border-color:#00000014;background:#ffffffdb}.vocabulary-tool-button[data-v-eaf614e9]:active{transform:translateY(0)}.vocabulary-voice[data-v-eaf614e9]{display:inline-flex;align-items:center;gap:4px;min-height:36px;margin-left:auto;padding:4px 6px 4px 12px;border:1px solid rgba(0,0,0,.04);border-radius:999px;background:#fff9;color:#61666c;font-size:14px;font-weight:600}.vocabulary-voice__label[data-v-eaf614e9]{line-height:20px}.vocabulary-voice__select[data-v-eaf614e9]{width:96px}.vocabulary-voice__select[data-v-eaf614e9] .ant-select-selector{height:26px!important;min-height:26px!important;padding:0 22px 0 4px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important}.vocabulary-voice__select.ant-select-focused[data-v-eaf614e9] .ant-select-selector,.vocabulary-voice__select[data-v-eaf614e9]:hover .ant-select-selector{background:transparent!important;box-shadow:none!important}.vocabulary-voice__select[data-v-eaf614e9] .ant-select-selection-item{padding-inline-end:0!important;color:#282828;font-weight:700;line-height:24px!important}.vocabulary-voice__select[data-v-eaf614e9] .ant-select-arrow{right:6px;color:#7c6f00;font-size:10px}.yingyuya-banner[data-v-eaf614e9]{position:fixed;top:15px;right:clamp(460px,42vw,560px);z-index:20;display:flex;align-items:center;gap:8px;width:min(800px,calc(100vw - 32px));max-width:280px;min-height:30px;padding:4px 32px 4px 8px;overflow:hidden;border:1px solid rgba(109,94,0,.14);border-radius:999px;background:#fff8bfe6;box-shadow:0 4px 12px #4c420014;color:#282828;backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.yingyuya-banner[data-v-eaf614e9]:has(.yingyuya-banner__link:hover){transform:translateY(-1px);border-color:#6d5e003d;box-shadow:0 14px 34px #4c420024}.yingyuya-banner__link[data-v-eaf614e9]{display:flex;min-width:0;flex:1;align-items:center;gap:8px;color:inherit;text-decoration:none}.yingyuya-banner__tag[data-v-eaf614e9]{flex-shrink:0;padding:2px 7px;border-radius:999px;background:#282828;color:#ffde08;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0}.yingyuya-banner__text[data-v-eaf614e9]{flex:1;min-width:0;font-size:12px;line-height:16px;color:#4c4732;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yingyuya-banner__text strong[data-v-eaf614e9]{color:#161616;font-weight:700}.yingyuya-banner__cta[data-v-eaf614e9]{flex-shrink:0;color:#6d5e00;font-size:13px;font-weight:700;line-height:16px}.yingyuya-banner__close[data-v-eaf614e9]{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#6d5e00;font-size:15px;line-height:0;cursor:pointer;transition:color .2s ease,opacity .2s ease,transform .2s ease}.yingyuya-banner__close[data-v-eaf614e9]:hover{transform:translateY(-50%) scale(1.04);color:#282828;opacity:.86}[data-v-eaf614e9] .vocabulary-typing-shell.typing-container{min-height:100%}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__content{height:clamp(340px,42dvh,388px);margin-top:14px;padding:0 24px;overflow:hidden}[data-v-eaf614e9] .vocabulary-typing-shell--keyboard-hidden .typing-container__content{height:clamp(430px,52dvh,500px)}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__keyboard{margin-top:10px}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__progress{height:auto}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__hands{min-height:140px;max-height:260px;overflow:visible}[data-v-eaf614e9] .vocabulary-typing-shell .keyboard-wrapper{--keyboard-target-width: min(800px, calc(100vw - 32px) )}[data-v-eaf614e9] .vocabulary-typing-shell .keyboard-wrapper .container{margin-bottom:18px}.keyboard-container[data-v-eaf614e9]{position:relative;width:100%}[data-v-eaf614e9] .info-toolbar{justify-content:flex-end}[data-v-eaf614e9] .vocabulary-typing-shell .hands{transform:scale(1.4)}[data-v-eaf614e9] .vocabulary-typing-shell--keyboard-hidden .typing-container__hands{min-height:72px;max-height:96px}.vocabulary-typing-shell--keyboard-hidden .vocabulary-board[data-v-eaf614e9]{flex:1 1 auto;min-height:390px}.vocabulary-typing-shell--keyboard-hidden .vocabulary-box-content[data-v-eaf614e9]{flex:1 1 auto}@media(max-height:820px),(max-width:1180px){[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__content{height:clamp(320px,40dvh,370px);margin-top:10px}[data-v-eaf614e9] .vocabulary-typing-shell--keyboard-hidden .typing-container__content{height:clamp(410px,52dvh,480px)}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__keyboard{margin-top:8px}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__hands{min-height:clamp(220px,34dvh,300px);max-height:none}.vocabulary-board[data-v-eaf614e9]{min-height:300px;gap:9px;padding:10px 18px 12px}.vocabulary-typing-shell--keyboard-hidden .vocabulary-board[data-v-eaf614e9]{min-height:370px}.vocabulary-box-cards[data-v-eaf614e9]{height:50px}.vocabulary-box-content[data-v-eaf614e9]{min-height:104px;gap:7px}.vocabulary-box-tool[data-v-eaf614e9]{gap:7px}.vocabulary-tool-button[data-v-eaf614e9]{min-height:32px;padding:5px 10px}}@media(max-height:800px){[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__content{height:clamp(300px,40dvh,340px);margin-top:10px}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__keyboard{margin-top:8px}.vocabulary-board[data-v-eaf614e9]{min-height:286px;gap:10px;padding-top:10px;padding-bottom:12px}.vocabulary-typing-shell--keyboard-hidden .vocabulary-board[data-v-eaf614e9]{min-height:340px}.vocabulary-box-content[data-v-eaf614e9]{min-height:112px;gap:8px}.vocabulary-box-cards[data-v-eaf614e9]{height:52px}.vocabulary-box-card[data-v-eaf614e9]{min-height:38px;padding-top:6px;padding-bottom:6px;font-size:14px}.vocabulary-box-letter[data-v-eaf614e9]{min-width:32px;height:50px}.vocabulary-box-letter>span[data-v-eaf614e9]{font-size:34px;line-height:48px}.vocabulary-box-pronun[data-v-eaf614e9],.vocabulary-box-translation[data-v-eaf614e9]{font-size:15px}}@media(max-height:680px){[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__content{height:clamp(260px,38dvh,300px)}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__hands{min-height:clamp(196px,34dvh,250px);max-height:none}.vocabulary-board[data-v-eaf614e9]{min-height:240px}.vocabulary-typing-shell--keyboard-hidden .vocabulary-board[data-v-eaf614e9]{min-height:286px}.vocabulary-box-content[data-v-eaf614e9]{min-height:92px}.vocabulary-box-tool[data-v-eaf614e9]{gap:6px}.vocabulary-tool-button[data-v-eaf614e9]{min-height:32px;padding:5px 10px;font-size:13px}.vocabulary-box-letter[data-v-eaf614e9]{min-width:28px;height:44px}.vocabulary-box-letter>span[data-v-eaf614e9]{font-size:30px;line-height:42px}}@media(max-width:767px){[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__content{height:auto;max-height:42dvh;margin-top:10px}[data-v-eaf614e9] .vocabulary-typing-shell--keyboard-hidden .typing-container__content{height:clamp(360px,56dvh,460px);max-height:none}[data-v-eaf614e9] .vocabulary-typing-shell .typing-container__keyboard{margin-top:10px}.vocabulary-content[data-v-eaf614e9]{gap:10px;max-height:none;margin-top:0;padding:10px 0 0;box-sizing:border-box}.vocabulary-board[data-v-eaf614e9],.vocabulary-progress-container[data-v-eaf614e9]{width:min(100%,calc(100vw - 20px))}.vocabulary-board[data-v-eaf614e9]{min-height:236px;padding:12px;border-radius:12px}.vocabulary-typing-shell--keyboard-hidden .vocabulary-board[data-v-eaf614e9]{min-height:310px}.vocabulary-box-cards[data-v-eaf614e9]{height:48px;padding:2px 4px 8px}.vocabulary-box-card[data-v-eaf614e9]{min-height:36px;padding:6px 12px;font-size:13px}.vocabulary-box-content[data-v-eaf614e9]{min-height:112px}.vocabulary-box-letters[data-v-eaf614e9]{align-content:center;height:auto;min-height:48px;gap:3px}.vocabulary-box-letter[data-v-eaf614e9]{min-width:26px;height:42px}.vocabulary-box-letter>span[data-v-eaf614e9]{font-size:26px;line-height:40px}.vocabulary-audio-button[data-v-eaf614e9]{width:36px;height:36px;margin-left:4px}.vocabulary-box-pronun[data-v-eaf614e9],.vocabulary-box-translation[data-v-eaf614e9]{font-size:15px}.vocabulary-box-translation[data-v-eaf614e9]{height:66px}.vocabulary-tool-button[data-v-eaf614e9]{min-height:32px;padding:5px 9px;font-size:13px}.vocabulary-info-text[data-v-eaf614e9]{gap:12px;flex-wrap:wrap;height:auto;min-height:64px}.vocabulary-info-btn[data-v-eaf614e9]{gap:12px}.vocabulary-info-btn>button[data-v-eaf614e9]:first-child,.vocabulary-info-btn>button[data-v-eaf614e9]:last-child{width:min(132px,42vw);min-height:44px;height:auto}.yingyuya-banner[data-v-eaf614e9]{display:none}}.vocabulary-recall[data-v-72e7e711]{height:100%;position:relative;background:transparent}.vocabulary-recall .vocabulary-content[data-v-72e7e711]{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:0;width:100%;height:100%;min-height:0;overflow:hidden;animation:recallStageIn-72e7e711 .32s cubic-bezier(.22,1,.36,1)}.vocabulary-recall .vocabulary-box-content[data-v-72e7e711]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:min(960px,calc(100vw - 48px));min-height:286px;padding:24px 22px 26px;border-radius:8px;background:linear-gradient(180deg,#ffffff9e,#ffffffdb);box-shadow:0 4px 20px #0000000d;backdrop-filter:blur(10px)}.vocabulary-recall .vocabulary-box-letters[data-v-72e7e711]{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;min-height:72px;width:min(760px,100%)}.vocabulary-recall .vocabulary-box-letter[data-v-72e7e711]{min-width:38px;height:58px;padding:0 4px;border-radius:8px;text-align:center;color:#434343;display:inline-flex;justify-content:center;align-items:center;background:#00000005;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.vocabulary-recall .vocabulary-box-letter>span[data-v-72e7e711]{font-family:JetBrainsMono-Regular;font-size:38px;line-height:56px}.vocabulary-recall .vocabulary-box-letter__active[data-v-72e7e711]{background:#0038ff14;color:#0038ff;box-shadow:0 0 0 2px #0038ff29,0 0 0 4px #0038ff14;transform:translateY(-1px)}.vocabulary-recall .vocabulary-box-letter__right[data-v-72e7e711]{background:#a6f193;color:#434343;box-shadow:0 2px 8px #0086d229;animation:recallLetterPop-72e7e711 .22s cubic-bezier(.22,1,.36,1)}.vocabulary-recall .vocabulary-box-letter__error[data-v-72e7e711]{background:pink;color:#434343;box-shadow:0 2px 8px #ff5e5e42;animation:recallLetterShake-72e7e711 .26s ease-out}.vocabulary-recall .vocabulary-box-letter__hint[data-v-72e7e711]{color:#434343;opacity:.44}.vocabulary-recall .vocabulary-box-pronun[data-v-72e7e711]{font-size:18px;color:#61666c;font-weight:500}.vocabulary-recall .vocabulary-box-translation[data-v-72e7e711]{font-size:18px;color:#282828;font-weight:400;max-width:min(800px,calc(100vw - 32px));text-align:center;line-height:1.5;word-wrap:break-word}.vocabulary-recall .vocabulary-audio-button[data-v-72e7e711]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:8px;padding:0;border:1px solid rgba(0,0,0,.04);border-radius:999px;background:#ffffffb8;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.vocabulary-recall .vocabulary-audio-button img[data-v-72e7e711]{width:24px;height:24px}.vocabulary-recall .vocabulary-audio-button[data-v-72e7e711]:hover{transform:translateY(-1px);border-color:#00000014;box-shadow:0 4px 12px #00000014}.vocabulary-recall .vocabulary-audio-button[data-v-72e7e711]:active{transform:translateY(0)}.vocabulary-recall .bottom-container[data-v-72e7e711]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:0;background:transparent;animation:recallStatsIn-72e7e711 .34s cubic-bezier(.22,1,.36,1) .08s both}.vocabulary-recall .hint-text[data-v-72e7e711]{min-height:34px;padding:7px 12px;border:1px solid rgba(84,110,136,.1);border-radius:999px;background:#ffffff9e;color:#6d5e00;font-size:13px;font-weight:700;line-height:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto;white-space:nowrap;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.vocabulary-recall .hint-text[data-v-72e7e711]:hover{transform:translateY(-1px);border-color:#6d5e002e;background:#fff8bfd6}.vocabulary-recall .hint-text[data-v-72e7e711]:active{transform:translateY(0)}.vocabulary-recall .vocabulary-progress-container[data-v-72e7e711]{width:min(960px,calc(100vw - 48px))}.vocabulary-recall .stats-container[data-v-72e7e711]{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;width:min(960px,calc(100vw - 48px))}.vocabulary-recall .stats-container .stats-item[data-v-72e7e711]{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 12px;border:1px solid rgba(84,110,136,.1);border-radius:999px;background:#ffffff9e;color:#6a7a89}.vocabulary-recall .stats-container .stats-item .stats-label[data-v-72e7e711]{font-size:13px;line-height:18px;color:inherit;white-space:nowrap}.vocabulary-recall .stats-container .stats-item .stats-value[data-v-72e7e711]{font-size:20px;font-weight:800;line-height:1;color:#282828}.vocabulary-recall .vocabulary-info[data-v-72e7e711]{position:absolute;bottom:0;left:0;width:100%;height:70px;background:#fff;z-index:3}.vocabulary-recall .vocabulary-info-btn[data-v-72e7e711]{display:flex;gap:32px;justify-content:center;align-items:center;height:100%}.vocabulary-recall .vocabulary-info-btn[data-v-72e7e711] .ant-btn{width:110px;height:40px;border-radius:4px;font-weight:400;font-size:16px}.vocabulary-recall .vocabulary-info-btn[data-v-72e7e711] .ant-btn:first-child{border:1px solid #ffde08;color:#282828;background:transparent}.vocabulary-recall .vocabulary-info-btn[data-v-72e7e711] .ant-btn:last-child{background:#ffde08;border:2px solid #ffde08;color:#282828}.yingyuya-banner[data-v-72e7e711]{position:fixed;top:15px;right:clamp(460px,42vw,560px);z-index:20;display:flex;align-items:center;gap:8px;width:min(800px,calc(100vw - 32px));max-width:280px;min-height:30px;padding:4px 32px 4px 8px;overflow:hidden;border:1px solid rgba(109,94,0,.14);border-radius:999px;background:#fff8bfe6;box-shadow:0 4px 12px #4c420014;color:#282828;backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.yingyuya-banner[data-v-72e7e711]:has(.yingyuya-banner__link:hover){transform:translateY(-1px);border-color:#6d5e003d;box-shadow:0 14px 34px #4c420024}.yingyuya-banner__link[data-v-72e7e711]{display:flex;min-width:0;flex:1;align-items:center;gap:8px;color:inherit;text-decoration:none}.yingyuya-banner__tag[data-v-72e7e711]{flex-shrink:0;padding:2px 7px;border-radius:999px;background:#282828;color:#ffde08;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0}.yingyuya-banner__text[data-v-72e7e711]{flex:1;min-width:0;font-size:12px;line-height:16px;color:#4c4732;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yingyuya-banner__text strong[data-v-72e7e711]{color:#161616;font-weight:700}.yingyuya-banner__cta[data-v-72e7e711]{flex-shrink:0;color:#6d5e00;font-size:13px;font-weight:700;line-height:16px}.yingyuya-banner__close[data-v-72e7e711]{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#6d5e00;font-size:15px;line-height:0;cursor:pointer;transition:color .2s ease,opacity .2s ease,transform .2s ease}.yingyuya-banner__close[data-v-72e7e711]:hover{transform:translateY(-50%) scale(1.04);color:#282828;opacity:.86}[data-v-72e7e711] .vocabulary-recall-typing-shell.typing-container{min-height:100%}[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__content{height:min(336px,37dvh);margin-top:14px;padding:0 24px;overflow:hidden}[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__keyboard{margin-top:12px}[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__progress{height:auto}[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__hands{min-height:108px;max-height:148px;overflow:visible}@media(max-height:820px),(max-width:1180px){.vocabulary-recall[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__content{height:clamp(206px,30dvh,286px);margin-top:10px}.vocabulary-recall[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__keyboard{margin-top:8px}.vocabulary-recall[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__hands{min-height:104px;max-height:none}.vocabulary-recall .vocabulary-box-content[data-v-72e7e711]{min-height:206px;gap:12px;padding:18px 18px 20px}.vocabulary-recall .vocabulary-box-letters[data-v-72e7e711]{min-height:60px}.vocabulary-recall .vocabulary-box-letter[data-v-72e7e711]{min-width:34px;height:52px}.vocabulary-recall .vocabulary-box-letter>span[data-v-72e7e711]{font-size:34px;line-height:52px}.vocabulary-recall .bottom-container[data-v-72e7e711]{gap:8px}.vocabulary-recall .hint-text[data-v-72e7e711],.vocabulary-recall .stats-container .stats-item[data-v-72e7e711]{min-height:30px;padding:5px 10px}}@media(max-height:680px){.vocabulary-recall[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__content{height:184px}.vocabulary-recall .vocabulary-box-content[data-v-72e7e711]{min-height:176px;gap:9px;padding-top:14px;padding-bottom:16px}.vocabulary-recall .vocabulary-box-letter[data-v-72e7e711]{min-width:30px;height:46px}.vocabulary-recall .vocabulary-box-letter>span[data-v-72e7e711]{font-size:30px;line-height:46px}}@keyframes recallStageIn-72e7e711{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes recallStatsIn-72e7e711{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes recallLetterPop-72e7e711{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes recallLetterShake-72e7e711{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.vocabulary-recall .bottom-container[data-v-72e7e711],.vocabulary-recall .vocabulary-box-letter__error[data-v-72e7e711],.vocabulary-recall .vocabulary-box-letter__right[data-v-72e7e711],.vocabulary-recall .vocabulary-content[data-v-72e7e711]{animation:none}}@media(max-width:767px){.vocabulary-recall[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__content{height:auto;max-height:42dvh;margin-top:10px}.vocabulary-recall[data-v-72e7e711] .vocabulary-recall-typing-shell .typing-container__keyboard{margin-top:10px}.vocabulary-recall .vocabulary-content[data-v-72e7e711]{gap:10px;max-height:none;padding:10px 0 0;box-sizing:border-box}.vocabulary-recall .vocabulary-box-content[data-v-72e7e711]{width:min(100%,calc(100vw - 20px));min-height:236px;gap:14px;padding:18px 12px}.vocabulary-recall .vocabulary-box-letters[data-v-72e7e711]{gap:4px;align-content:center}.vocabulary-recall .vocabulary-box-letter[data-v-72e7e711]{min-width:28px;height:42px}.vocabulary-recall .vocabulary-box-letter>span[data-v-72e7e711]{font-size:26px;line-height:42px}.vocabulary-recall .bottom-container[data-v-72e7e711]{gap:12px;padding:0 8px;box-sizing:border-box}.vocabulary-recall .stats-container[data-v-72e7e711],.vocabulary-recall .vocabulary-progress-container[data-v-72e7e711]{width:min(100%,calc(100vw - 20px))}.vocabulary-recall .stats-container[data-v-72e7e711]{gap:6px}.vocabulary-recall .stats-item[data-v-72e7e711]{flex:1 1 96px;justify-content:center;min-height:32px;padding:5px 8px}.vocabulary-recall .vocabulary-info-btn[data-v-72e7e711]{gap:12px}.vocabulary-recall .vocabulary-info-btn[data-v-72e7e711] .ant-btn{width:min(132px,42vw);min-height:44px;height:auto}.yingyuya-banner[data-v-72e7e711]{display:none}}.back-btn[data-v-9c04b984]{width:32px;height:32px;position:absolute;z-index:2;top:32px;left:32px}.cocos-iframe[data-v-9c04b984]{width:100%;height:100%;border:none}.lesson-key-page[data-v-2c47ae04]{position:relative;height:calc(100% - 70px);background:#f7f7f7;color:#434343}.lesson-key-stage[data-v-2c47ae04]{width:min(800px,calc(100vw - 32px));height:100%;max-height:100%;padding:20px;overflow-x:hidden;overflow-y:auto;position:relative;border-radius:8px;background:linear-gradient(180deg,#ffffff80,#fffc);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;scrollbar-width:none;-ms-overflow-style:none}.lesson-key-stage[data-v-2c47ae04]::-webkit-scrollbar{display:none}.lesson-key-pinyin-group[data-v-2c47ae04]{display:inline-block;min-height:99px;margin:8px 8px 14px;color:#434343;vertical-align:top;transition:all .3s cubic-bezier(.4,0,.2,1);animation:blockFadeIn-2c47ae04 .4s ease-out backwards;animation-delay:calc(var(--index, 0)*.02s)}.lesson-key-pinyin-group[data-v-2c47ae04]:hover{transform:translateY(-1px)}.lesson-key-pinyin-codes[data-v-2c47ae04]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:JetBrainsMono-Regular;font-style:normal;font-weight:400;font-size:32px;line-height:50px}.lesson-key-pinyin-code[data-v-2c47ae04]{display:inline-block;height:50px;margin:3px;border-radius:4px;overflow:hidden;position:relative;background:#00000005;color:#434343;font-family:JetBrainsMono-Regular;text-align:center;vertical-align:top;transition:all .3s cubic-bezier(.4,0,.2,1)}.lesson-key-pinyin-code[data-v-2c47ae04]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.lesson-key-pinyin-code>span[data-v-2c47ae04]{display:inline-block;width:100%;height:100%;font-family:JetBrainsMono-Regular;font-style:normal;font-weight:400;font-size:32px;line-height:50px;transition:transform .2s ease}.lesson-key-pinyin-char[data-v-2c47ae04]{font-style:normal;font-weight:400;font-size:32px;line-height:49px;text-align:center;color:#969696;white-space:pre-wrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.pinyin-box__active[data-v-2c47ae04]{color:#434343;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);background:#0038ff14;box-shadow:0 0 0 2px #0038ff33,0 0 0 4px #0038ff1a;animation:activePulse-2c47ae04 1.5s ease-in-out infinite}.pinyin-box__right[data-v-2c47ae04],.pinyin-box-block-chinese__right[data-v-2c47ae04]{color:#0086d2;animation:textSuccess-2c47ae04 .4s ease-out;font-weight:500}.pinyin-box__error[data-v-2c47ae04],.pinyin-box-block-chinese__error[data-v-2c47ae04]{color:#ff5e5e;animation:textError-2c47ae04 .4s ease-out;font-weight:500}.pinyin-box__right[data-v-2c47ae04]{background:#a6f193;box-shadow:0 2px 8px #0086d233}.pinyin-box__error[data-v-2c47ae04]{background:pink;color:#9f1239;box-shadow:0 2px 8px #ff5e5e4d}.pinyin-box__back[data-v-2c47ae04]{background:#ffe974;color:#5f4b00}.pause[data-v-2c47ae04]{position:fixed;z-index:9999;transform:translate(-50%,-100%);animation:pauseFadeIn-2c47ae04 .3s ease-out,pausePulse-2c47ae04 2s ease-in-out infinite;animation-delay:0s,.3s}.pause img[data-v-2c47ae04]{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.pinyin-info[data-v-2c47ae04]{height:70px;background:#fff;box-shadow:0 -2px 10px #0000000d}.pinyin-info-btn[data-v-2c47ae04]{display:flex;align-items:center;justify-content:center;gap:32px;height:70px}.pinyin-info-btn>button[data-v-2c47ae04]:first-child,.pinyin-info-btn>button[data-v-2c47ae04]:last-child{width:110px;height:40px;border-radius:6px}.pinyin-info-btn>button[data-v-2c47ae04]:last-child{border:2px solid #ffde08;background:#ffde08;color:#282828}.feedback-fade-enter-active[data-v-2c47ae04],.feedback-fade-leave-active[data-v-2c47ae04]{transition:all .22s cubic-bezier(.16,1,.3,1)}.feedback-fade-enter-from[data-v-2c47ae04],.feedback-fade-leave-to[data-v-2c47ae04]{opacity:0;transform:translateY(12px)}[data-v-2c47ae04] .pinyin-typing-shell .typing-container__content{height:clamp(180px,32dvh,340px);min-height:180px;margin-top:14px;align-items:flex-start}[data-v-2c47ae04] .pinyin-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,18px)}[data-v-2c47ae04] .pinyin-typing-shell .typing-container__hands{min-height:clamp(238px,36dvh,330px);max-height:none;overflow:visible}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__content{height:max(420px,calc(100dvh - 190px));min-height:min(420px,calc(100dvh - 190px));max-height:none}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__keyboard{margin-top:6px}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__hands{min-height:72px;max-height:90px}@media(max-height:820px),(max-width:1180px){[data-v-2c47ae04] .pinyin-typing-shell .typing-container__content{height:clamp(160px,30dvh,280px);min-height:160px}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__content{height:max(360px,calc(100dvh - 176px));min-height:min(360px,calc(100dvh - 176px));max-height:none}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__hands{min-height:64px;max-height:82px}.lesson-key-stage[data-v-2c47ae04]{min-height:112px;padding:16px}.lesson-key-pinyin-group[data-v-2c47ae04]{min-height:86px;margin:5px 6px 10px}}@media(max-height:700px){[data-v-2c47ae04] .pinyin-typing-shell .typing-container__content{height:clamp(118px,22dvh,156px);min-height:118px}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__content{height:max(300px,calc(100dvh - 156px));min-height:min(300px,calc(100dvh - 156px));max-height:none}[data-v-2c47ae04] .pinyin-typing-shell .typing-container__hands{min-height:clamp(220px,36dvh,280px)}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__hands{min-height:60px;max-height:76px}.lesson-key-stage[data-v-2c47ae04]{min-height:98px;padding:12px 16px}.lesson-key-pinyin-group[data-v-2c47ae04]{min-height:76px;margin-bottom:8px}}@media(max-width:1023px){.lesson-key-stage[data-v-2c47ae04]{max-height:100%;padding:16px}}@media(max-width:1100px)and (max-height:800px){.lesson-key-stage[data-v-2c47ae04]{max-height:100%}}@media(max-width:767px){.lesson-key-page[data-v-2c47ae04]{height:100%}.lesson-key-stage[data-v-2c47ae04]{width:calc(100vw - 20px);max-height:42dvh;padding:12px}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__content{height:max(300px,calc(100dvh - 146px));min-height:min(300px,calc(100dvh - 146px));max-height:none}[data-v-2c47ae04] .pinyin-typing-shell--keyboard-hidden .typing-container__hands{min-height:58px;max-height:72px}.lesson-key-pinyin-group[data-v-2c47ae04]{min-height:84px;margin:5px 5px 12px}.lesson-key-pinyin-code[data-v-2c47ae04],.lesson-key-pinyin-codes[data-v-2c47ae04]{height:42px;min-height:42px}.lesson-key-pinyin-char[data-v-2c47ae04],.lesson-key-pinyin-code[data-v-2c47ae04]{font-size:26px;line-height:42px}.lesson-key-pinyin-code>span[data-v-2c47ae04]{font-size:26px;line-height:42px}.pinyin-info[data-v-2c47ae04]{height:auto}.pinyin-info-btn[data-v-2c47ae04]{height:auto;min-height:64px;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.pinyin-info-btn>button[data-v-2c47ae04]:first-child,.pinyin-info-btn>button[data-v-2c47ae04]:last-child{min-width:0;width:min(150px,44vw);height:44px}}@keyframes blockFadeIn-2c47ae04{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes activePulse-2c47ae04{0%,to{box-shadow:0 0 0 2px #0038ff33,0 0 0 4px #0038ff1a}50%{box-shadow:0 0 0 3px #0038ff4d,0 0 0 6px #0038ff26}}@keyframes backHighlight-2c47ae04{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes textSuccess-2c47ae04{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes textError-2c47ae04{0%{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}to{transform:translate(0)}}@keyframes pauseFadeIn-2c47ae04{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes pausePulse-2c47ae04{0%,to{transform:translate(-50%,-100%) scale(1)}50%{transform:translate(-50%,-100%) scale(1.05)}}.shuangpin[data-v-8920b387]{height:calc(100% - 70px);position:relative;background:#f7f7f7}.shuangpin-box-content[data-v-8920b387]{width:min(800px,calc(100vw - 32px));height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;position:relative;padding:20px;border-radius:8px;background:linear-gradient(180deg,#ffffff80,#fffc);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;scrollbar-width:none;-ms-overflow-style:none}.shuangpin-box-block[data-v-8920b387]{display:inline-block;margin:8px;height:50px;color:#434343;transition:all .3s cubic-bezier(.4,0,.2,1);animation:blockFadeIn-8920b387 .4s ease-out backwards;animation-delay:calc(var(--index, 0)*.02s)}@keyframes blockFadeIn-8920b387{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shuangpin-box-block-pinyin-label[data-v-8920b387]{font-family:JetBrainsMono-Regular;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#969696;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.shuangpin-box-block-pinyin-label--compact[data-v-8920b387]{font-size:12px;letter-spacing:0}.shuangpin-box-block-pinyin-label--tiny[data-v-8920b387]{font-size:10px;letter-spacing:0}.shuangpin-box-block .shuangpin-label__right[data-v-8920b387]{color:#0086d2;font-weight:500}.shuangpin-box-block .shuangpin-label__error[data-v-8920b387]{color:#ff5e5e;font-weight:500}.shuangpin-box-block .shuangpin-label__active[data-v-8920b387]{color:#0038ff;font-weight:500}.shuangpin-box-block-chinese[data-v-8920b387]{font-style:normal;font-weight:400;font-size:32px;line-height:49px;text-align:center;color:#969696;white-space:pre-wrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.shuangpin-box-block-chinese__right[data-v-8920b387]{color:#0086d2;animation:textSuccess-8920b387 .4s ease-out;font-weight:500}.shuangpin-box-block-chinese__error[data-v-8920b387]{color:#ff5e5e;animation:textError-8920b387 .4s ease-out;font-weight:500}.shuangpin-box-block-chinese__active[data-v-8920b387]{color:#434343;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative}.shuangpin-box-block-chinese__active>span[data-v-8920b387]{margin:6px;color:#969696;background:#dedede;padding:2px 8px;border-radius:4px;transition:all .2s ease}.shuangpin-box-block-chinese__back[data-v-8920b387]{background:#ffe974;padding:2px 4px;border-radius:4px;animation:backHighlight-8920b387 .3s ease-out}.shuangpin-info[data-v-8920b387]{height:70px;background:#fff;z-index:3;animation:slideUp-8920b387 .4s cubic-bezier(.4,0,.2,1);box-shadow:0 -2px 10px #0000000d}@keyframes slideUp-8920b387{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.shuangpin-info-btn[data-v-8920b387]{gap:32px;justify-content:center;align-items:center;height:70px;display:flex;font-weight:400;font-size:16px;line-height:22px}.shuangpin-info-btn>button[data-v-8920b387]{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.shuangpin-info-btn>button[data-v-8920b387]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.shuangpin-info-btn>button[data-v-8920b387]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.shuangpin-info-btn>button[data-v-8920b387]:hover:before{width:300px;height:300px}.shuangpin-info-btn>button[data-v-8920b387]:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.shuangpin-info-btn>button[data-v-8920b387]:first-child{width:110px;height:40px;border:1px solid #ffde08;border-radius:6px;color:#282828;font-weight:400;font-size:16px;line-height:22px;background:#fff}.shuangpin-info-btn>button[data-v-8920b387]:first-child:hover{background:#0086d20d;border-color:#d4b800}.shuangpin-info-btn>button[data-v-8920b387]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:6px;font-weight:400;font-size:16px;line-height:22px}.shuangpin-info-btn>button[data-v-8920b387]:last-child:hover{background:#edce00;border-color:#edce00}.shuangpin .pause[data-v-8920b387]{position:fixed;z-index:9999;transform:translate(-50%,-100%);animation:pauseFadeIn-8920b387 .3s ease-out,pausePulse-8920b387 2s ease-in-out infinite;animation-delay:0s,.3s}@keyframes pauseFadeIn-8920b387{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes pausePulse-8920b387{0%,to{transform:translate(-50%,-100%) scale(1)}50%{transform:translate(-50%,-100%) scale(1.05)}}.shuangpin .pause img[data-v-8920b387]{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}[data-v-8920b387] .shuangpin-typing-shell .typing-container__content{height:clamp(260px,38dvh,400px);min-height:260px;margin-top:14px;align-items:flex-start}[data-v-8920b387] .shuangpin-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,16px)}[data-v-8920b387] .shuangpin-typing-shell .typing-container__hands{min-height:clamp(250px,38dvh,340px);max-height:none;overflow:visible}@media(max-height:820px),(max-width:1180px){[data-v-8920b387] .shuangpin-typing-shell .typing-container__content{height:clamp(260px,38dvh,380px);min-height:260px}.shuangpin-box-content[data-v-8920b387]{min-height:220px;padding:16px}}@media(max-height:700px){[data-v-8920b387] .shuangpin-typing-shell .typing-container__content{height:clamp(106px,20dvh,150px);min-height:106px}[data-v-8920b387] .shuangpin-typing-shell .typing-container__hands{min-height:clamp(214px,36dvh,280px)}.shuangpin-box-content[data-v-8920b387]{min-height:78px;padding:12px 16px}}@media(max-width:1023px){.shuangpin-box-content[data-v-8920b387]{max-height:100%;padding:16px}}@media(max-width:1100px)and (max-height:800px){.shuangpin-box-content[data-v-8920b387]{max-height:100%}}@media(max-width:767px){[data-v-8920b387] .shuangpin-typing-shell .typing-container__content{height:clamp(108px,20dvh,148px);min-height:108px;margin-top:10px}[data-v-8920b387] .shuangpin-typing-shell .typing-container__keyboard{margin-top:6px}[data-v-8920b387] .shuangpin-typing-shell .typing-container__hands{min-height:clamp(166px,30dvh,218px)}.shuangpin[data-v-8920b387]{height:100%}.shuangpin-box-content[data-v-8920b387]{width:calc(100vw - 20px);max-height:32dvh;padding:12px}.shuangpin-box-block[data-v-8920b387]{margin:5px}.shuangpin-box-block-pinyin-label[data-v-8920b387]{font-size:13px;line-height:20px}.shuangpin-box-block-chinese[data-v-8920b387]{font-size:26px;line-height:40px}.shuangpin-info[data-v-8920b387]{height:auto}.shuangpin-info-btn[data-v-8920b387]{height:auto;min-height:64px;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.shuangpin-info-btn>button[data-v-8920b387]:first-child,.shuangpin-info-btn>button[data-v-8920b387]:last-child{min-width:0;width:min(150px,44vw);height:44px}.shuangpin-keyboard-wrapper[data-v-8920b387] .container{margin-bottom:0}}@media(max-width:420px){[data-v-8920b387] .shuangpin-typing-shell .typing-container__content{height:clamp(96px,18dvh,128px);min-height:96px}[data-v-8920b387] .shuangpin-typing-shell .typing-container__hands{min-height:clamp(150px,28dvh,196px)}.shuangpin-box-content[data-v-8920b387]{padding:10px}.shuangpin-box-block[data-v-8920b387]{height:42px;margin:3px}.shuangpin-box-block-pinyin-label[data-v-8920b387]{font-size:11px;line-height:16px}.shuangpin-box-block-chinese[data-v-8920b387]{font-size:22px;line-height:34px}}@media(max-width:390px)and (max-height:700px){.shuangpin-toolbar[data-v-8920b387]{gap:6px;margin-bottom:6px}.shuangpin-toolbar__stats[data-v-8920b387]{gap:6px}.shuangpin-toolbar__item[data-v-8920b387]{min-height:30px;padding:5px 8px}.shuangpin-toolbar__item strong[data-v-8920b387]{font-size:18px}.shuangpin-toolbar__item--control[data-v-8920b387]{padding:5px 8px 5px 10px}}@keyframes successPulse-8920b387{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes errorShake-8920b387{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes activePulse-8920b387{0%,to{box-shadow:0 0 0 2px #0038ff33,0 0 0 4px #0038ff1a}50%{box-shadow:0 0 0 3px #0038ff4d,0 0 0 6px #0038ff26}}@keyframes backHighlight-8920b387{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes textSuccess-8920b387{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes textError-8920b387{0%{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}to{transform:translate(0)}}@media(max-height:900px){.shuangpin-box-content[data-v-8920b387]{max-height:360px}}@media(max-height:800px){.shuangpin-box-content[data-v-8920b387]{max-height:320px}}@media(max-height:700px){.shuangpin-box-content[data-v-8920b387]{max-height:280px}}@media(max-height:600px){.shuangpin-box-content[data-v-8920b387]{max-height:240px}}@media(max-width:767px){.shuangpin-box-content[data-v-8920b387]{max-height:32dvh}}@media(max-width:420px){.shuangpin-box-content[data-v-8920b387]{max-height:28dvh}}[data-v-8920b387]::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}[data-v-8920b387]::-webkit-scrollbar-thumb{display:none;background:transparent}[data-v-8920b387]::-webkit-scrollbar-track{display:none;background:transparent}.feedback-fade-enter-active[data-v-8920b387],.feedback-fade-leave-active[data-v-8920b387]{transition:all .4s cubic-bezier(.4,0,.2,1)}.feedback-fade-enter-from[data-v-8920b387]{opacity:0;transform:translateY(20px) scale(.95)}.feedback-fade-leave-to[data-v-8920b387]{opacity:0;transform:translateY(-20px) scale(.95)}.shuangpin-keyboard-wrapper[data-v-8920b387]{--shuangpin-keyboard-scale: 1.18;display:flex;flex-direction:column;align-items:center}.shuangpin-keyboard-wrapper[data-v-8920b387] .container{transform:scale(var(--shuangpin-keyboard-scale));transform-origin:top center;margin-bottom:58px}.shuangpin-toolbar[data-v-8920b387]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:min(800px,calc(100vw - 32px));margin-bottom:8px}.shuangpin-toolbar__stats[data-v-8920b387]{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.shuangpin-toolbar__item[data-v-8920b387]{display:inline-flex;align-items:baseline;gap:6px;min-height:34px;padding:7px 12px;border:1px solid rgba(84,110,136,.1);border-radius:999px;background:#ffffff9e;color:#6a7a89;font-size:13px;line-height:18px}.shuangpin-toolbar__item--control[data-v-8920b387]{align-items:center;padding:6px 10px 6px 12px}.shuangpin-toolbar__select[data-v-8920b387]{width:116px}.shuangpin-toolbar__select[data-v-8920b387] .ant-select-selector{height:26px!important;min-height:26px!important;padding:0 22px 0 0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important}.shuangpin-toolbar__select.ant-select-focused[data-v-8920b387] .ant-select-selector,.shuangpin-toolbar__select[data-v-8920b387]:hover .ant-select-selector{background:transparent!important;box-shadow:none!important}.shuangpin-toolbar__select[data-v-8920b387] .ant-select-selection-item{padding-inline-end:0!important;color:#282828;font-weight:700;line-height:24px!important}.shuangpin-toolbar__select[data-v-8920b387] .ant-select-arrow{right:0;color:#7c6f00;font-size:10px}.shuangpin-toolbar strong[data-v-8920b387]{color:#282828;font-size:20px;font-weight:800;line-height:1}@media(max-height:820px),(max-width:1180px){.shuangpin-keyboard-wrapper[data-v-8920b387]{--shuangpin-keyboard-scale: 1.06}.shuangpin-keyboard-wrapper[data-v-8920b387] .container{margin-bottom:26px}.shuangpin-toolbar[data-v-8920b387]{width:min(760px,calc(100vw - 32px))}}@media(max-height:700px){.shuangpin-keyboard-wrapper[data-v-8920b387]{--shuangpin-keyboard-scale: .98}.shuangpin-keyboard-wrapper[data-v-8920b387] .container{margin-bottom:8px}}@media(max-width:767px){.shuangpin-keyboard-wrapper[data-v-8920b387]{--shuangpin-keyboard-scale: clamp(.52, calc(.15432vw - .03704px) , .92)}.shuangpin-keyboard-wrapper[data-v-8920b387] .container{margin-bottom:0}.shuangpin-toolbar[data-v-8920b387]{width:calc(100vw - 20px)}.shuangpin-toolbar__item[data-v-8920b387]{max-width:100%}}.main[data-v-ab1ad7f5]{width:100%;height:100%;display:flex;justify-content:center}.main .guide[data-v-ab1ad7f5]{width:800px;height:100%;overflow:auto;padding-bottom:30px}.main .guide-title[data-v-ab1ad7f5]{font-family:alibaba-puhuiti-heavy;font-style:normal;font-weight:400;font-size:40px;line-height:55px;color:#434343;text-align:left;margin-top:64px}.main .guide-desc1[data-v-ab1ad7f5],.main .guide-desc2[data-v-ab1ad7f5]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:18px;line-height:32px;color:#161616;margin:25px 0}.main .guide-img1 img[data-v-ab1ad7f5]{width:600px;height:229px}.main .guide-img2 img[data-v-ab1ad7f5]{width:539px;height:136px}.main .guide .confirm-btn[data-v-ab1ad7f5]{display:flex;justify-content:center;align-items:center;margin-top:25px}.main .guide .confirm-btn button[data-v-ab1ad7f5]{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.chinese[data-v-66965bd2]{width:100%;height:100%;background:#f7f7f7}.chinese-box[data-v-66965bd2]{padding-top:52px;position:relative;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.chinese-box-content[data-v-66965bd2]{width:1000px;max-height:600px;overflow-y:auto}@media screen and (max-height:800px){.chinese-box-content[data-v-66965bd2]{width:900px;max-height:500px}}@media screen and (max-height:700px){.chinese-box-content[data-v-66965bd2]{width:900px;max-height:400px}}@media screen and (max-height:600px){.chinese-box-content[data-v-66965bd2]{width:900px;max-height:300px}}.chinese-box-content .chinese-box-main[data-v-66965bd2]{position:relative}.chinese-box-content .chinese-box-block[data-v-66965bd2]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;position:relative;letter-spacing:2px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:32px;line-height:45px;text-align:center;color:#61666c;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.chinese-box-content .chinese-box-block .chinese-box-item__right[data-v-66965bd2]{color:#0086d2}.chinese-box-content .chinese-box-block .chinese-box-item__error[data-v-66965bd2]{color:#e81b27}.chinese-box-content .chinese-box-block .chinese-box-item__active[data-v-66965bd2]{color:#0038ff}.chinese-box-content .chinese-box-block .chinese-box-item__back[data-v-66965bd2]{color:#fac609}.chinese-box-content .chinese-box-block .chinese-box-item__space[data-v-66965bd2]{width:11px;height:45px;display:inline-flex;align-items:flex-end;justify-content:center;letter-spacing:0;vertical-align:baseline}.chinese-box-content .chinese-box-block .chinese-box-item__space .space-icon[data-v-66965bd2]{display:inline-block;width:11px;height:4px;margin-bottom:2px}.chinese-box-content .chinese-box-input[data-v-66965bd2]{width:100%;height:45px;font-style:normal;font-weight:400;font-size:32px;line-height:45px;text-align:center;color:#61666c;text-align:left;letter-spacing:2px;padding:0;background:#f7f7f7;outline:none;border:none;border-bottom:1px solid #dedede}.chinese-progress[data-v-66965bd2]{width:1000px;margin-top:20px}@media screen and (max-width:1200px){.chinese-progress[data-v-66965bd2]{width:900px}}.overlay[data-v-66965bd2]{position:absolute;top:0;left:0;width:100%;height:100%}.info-text[data-v-66965bd2]{margin-top:12px;height:72px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:12px;font-style:normal;font-weight:400}.info-text__major[data-v-66965bd2]{font-size:20px;color:#000;margin-bottom:12px;font-weight:600}.info-text__minor[data-v-66965bd2]{font-size:16px;font-weight:400;color:#969696}.pinyin-info[data-v-66965bd2]{height:70px;background:#fff;z-index:3}.pinyin-info-btn[data-v-66965bd2]{gap:32px;justify-content:center;align-items:center;height:70px;display:flex;font-weight:400;font-size:16px;line-height:22px}.pinyin-info-btn>button[data-v-66965bd2]:first-child{width:110px;height:40px;border:1px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.pinyin-info-btn>button[data-v-66965bd2]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}[data-v-66965bd2]::-webkit-scrollbar{display:none;width:8px;height:8px;background-color:#f5f5f5}.test[data-v-f0ff8603]{position:relative;background:#f7f7f7}.test-box-content[data-v-f0ff8603]{width:min(800px,calc(100vw - 32px));max-height:320px;overflow:auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.test-box-item[data-v-f0ff8603]{margin:0;width:12px;height:40px;border-radius:0;text-align:left;color:#333;display:inline-block;vertical-align:top;background:transparent;border-bottom:1px solid #f0f0f0;padding:8px 2px;line-height:1.5}.test-box-item>span[data-v-f0ff8603]{width:100%;height:100%;font-family:pt-mono,monospace;font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:20px;line-height:28px;color:#333}.test-box-item__right[data-v-f0ff8603]{background:#e8f5e8;color:#2d5a2d}.test-box-item__error[data-v-f0ff8603]{background:#ffeaea;color:#d32f2f}.test-box-item__active[data-v-f0ff8603]{background:#e3f2fd;border-bottom:2px solid #2196f3;color:#1976d2}.test-box-item__back[data-v-f0ff8603]{background:#fff8e1;color:#f57c00}.test-info[data-v-f0ff8603]{height:70px;background:#fff;z-index:3}.test-info-text[data-v-f0ff8603]{height:72px;display:flex;gap:32px;justify-content:center;align-items:center}.test-info-text__major[data-v-f0ff8603]{font-size:20px;color:#000}.test-info-text__minor[data-v-f0ff8603]{font-size:16px;font-weight:600;color:#969696}.test-info-btn[data-v-f0ff8603]{gap:32px;justify-content:center;align-items:center;height:70px;display:flex;font-weight:400;font-size:16px;line-height:22px}.test-info-btn>button[data-v-f0ff8603]:first-child{width:110px;height:40px;border:1px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.test-info-btn>button[data-v-f0ff8603]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.test .pause[data-v-f0ff8603]{position:absolute;z-index:1000}.test .keyboard-container[data-v-f0ff8603]{position:relative;width:100%}.test[data-v-f0ff8603] .info-toolbar{justify-content:flex-end}.test .keyboard-settings[data-v-f0ff8603]{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#f5f5f5;border-radius:6px;padding:8px 16px;margin-top:10px}.test .keyboard-settings-label[data-v-f0ff8603]{font-size:14px;color:#666;font-weight:400}[data-v-f0ff8603] .article-typing-shell.typing-container{min-height:calc(100dvh - 120px)}[data-v-f0ff8603] .article-typing-shell .typing-container__content{height:clamp(128px,23dvh,252px);min-height:128px;margin-top:12px;align-items:flex-start}[data-v-f0ff8603] .article-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,16px)}[data-v-f0ff8603] .article-typing-shell .typing-container__hands{min-height:clamp(238px,36dvh,330px);max-height:none;overflow:visible}@media(max-height:820px),(max-width:1180px){[data-v-f0ff8603] .article-typing-shell .typing-container__content{height:clamp(104px,20dvh,190px);min-height:104px}.test-box-content[data-v-f0ff8603]{min-height:78px;max-height:100%;padding:16px}}@media(max-height:700px){[data-v-f0ff8603] .article-typing-shell .typing-container__content{height:clamp(92px,18dvh,132px);min-height:92px}[data-v-f0ff8603] .article-typing-shell .typing-container__hands{min-height:clamp(220px,36dvh,280px)}.test-box-content[data-v-f0ff8603]{min-height:66px;padding:12px 16px}}@media(max-width:1023px){.test-box-content[data-v-f0ff8603]{max-height:36dvh;padding:16px}}@media(max-width:767px){.test-box-content[data-v-f0ff8603]{width:calc(100vw - 20px);max-height:42dvh;padding:12px}.test-box-item[data-v-f0ff8603]{height:34px;padding:5px 1px}.test-box-item>span[data-v-f0ff8603]{font-size:16px;line-height:22px}.test-info[data-v-f0ff8603]{height:auto}.test-info-btn[data-v-f0ff8603]{height:auto;min-height:64px;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.test-info-btn>button[data-v-f0ff8603]:first-child,.test-info-btn>button[data-v-f0ff8603]:last-child{min-width:0;width:min(150px,44vw);height:44px}}@media(max-height:900px){.test-box-content[data-v-f0ff8603]{height:300px}}@media(max-height:800px){.test-box-content[data-v-f0ff8603]{height:250px}}@media(max-height:700px){.test-box-content[data-v-f0ff8603]{height:180px}}@media(max-height:600px){.test-box-content[data-v-f0ff8603]{height:160px}}[data-v-f0ff8603]::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5;display:none}[data-v-f0ff8603]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}[data-v-f0ff8603]::-webkit-scrollbar-thumb:hover{background-color:#555}.number-practice[data-v-4840c836]{display:flex;flex-direction:column;height:100%;position:relative;overflow:visible;--number-real-scale: 1}[data-v-4840c836] .number-real-typing-shell .typing-container__content{height:clamp(250px,40dvh,420px);min-height:250px;margin-top:14px;align-items:flex-start;overflow:visible}[data-v-4840c836] .number-real-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,16px)}[data-v-4840c836] .number-real-typing-shell .typing-container__hands{min-height:clamp(216px,32dvh,280px);max-height:none;overflow:visible}[data-v-4840c836] .number-real-typing-shell .numpad-keyboard-wrapper{--numpad-scale: 1}.practice-container[data-v-4840c836]{display:flex;gap:40px;justify-content:center;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto}.invoice-area[data-v-4840c836]{flex-shrink:0;width:648px;height:calc(360px*var(--number-real-scale));overflow:visible}.invoice-placeholder[data-v-4840c836]{background:url(../assets/img/lesson/lesson-number.png) no-repeat 50%;background-size:cover;width:648px;height:360px;position:relative;transform:scale(var(--number-real-scale));transform-origin:top left}.place-value-table[data-v-4840c836]{display:flex;flex-direction:column;border:2px solid #000;width:378px;position:absolute;top:164px;right:25px}.invoice-enter-key[data-v-4840c836]{position:absolute;top:196px;right:-44px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:30px;padding:0 10px;border:1px solid rgba(0,56,255,.22);border-radius:6px;background:#e6f7ffdb;color:#223144b8;font-family:JetBrainsMono-Regular,微软雅黑,Microsoft YaHei,sans-serif;font-size:14px;font-weight:600;line-height:1;box-shadow:0 2px 8px #0038ff14;opacity:1;transition:all .2s ease}.invoice-enter-key--active[data-v-4840c836]{border-color:#0086d247;background:#0086d21a;color:#0086d2;box-shadow:0 0 0 2px #0086d21f;opacity:1}.place-value-row[data-v-4840c836]{background:#fff;display:flex}.place-value-cell[data-v-4840c836]{width:34px;display:flex;align-items:center;justify-content:center;border:1px solid #000;font-family:JetBrainsMono-Regular,微软雅黑,Microsoft YaHei,sans-serif;font-size:20px;font-weight:500;color:#000;background:#fff;box-sizing:border-box}.place-header[data-v-4840c836]{height:34px;font-size:16px;font-weight:600;border-bottom:2px solid #000}.number-cell[data-v-4840c836]{height:94px;position:relative;font-size:24px;transition:all .2s ease}.number-cell.char-active[data-v-4840c836]{z-index:2;border-color:#0086d2;background:#0086d2;color:#fff;box-shadow:0 0 0 4px #0086d22e,0 8px 18px #0086d22e}.number-cell.char-active[data-v-4840c836]:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:#ffffffb8;border-radius:2px;animation:blink-4840c836 1s ease-in-out infinite}.number-cell.char-correct[data-v-4840c836]{border-color:#459431;background:#57c53c;color:#fff;box-shadow:0 0 0 4px #57c53c38,0 8px 18px #57c53c33}.number-cell.char-error[data-v-4840c836]{border-color:#e81b27;background:#e81b27;color:#fff;box-shadow:0 0 0 4px #e81b272e,0 8px 18px #e81b2733}.number-cell.char-back[data-v-4840c836]{border-color:#fac609;background:#ffde08;color:#282828}.input-source-area[data-v-4840c836]{flex:1;position:relative;max-width:500px;min-width:0;min-height:320px;padding-bottom:58px}.number-display[data-v-4840c836]{border-radius:8px;max-height:290px;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.number-display[data-v-4840c836]::-webkit-scrollbar{display:none}.number-line[data-v-4840c836]{display:flex;gap:10px;margin-bottom:16px;padding:12px;border-radius:6px;transition:all .3s ease;justify-content:center}.number-line.line-active[data-v-4840c836]{border-radius:8px;border:1px solid var(--04, #969696)}.number-line.line-completed[data-v-4840c836]{opacity:.5}.number-char[data-v-4840c836]{width:40px;height:50px;display:flex;align-items:center;justify-content:center;font-family:JetBrainsMono-Regular,monospace;font-size:28px;font-weight:500;border-radius:4px;color:#333;transition:all .2s ease;position:relative}.number-char.char-active[data-v-4840c836]{color:#0086d2}.number-char.char-active[data-v-4840c836]:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:#0086d2;border-radius:2px;animation:blink-4840c836 1s ease-in-out infinite}.number-char.char-correct[data-v-4840c836]{color:#57c53c}.number-char.char-error[data-v-4840c836]{color:#e81b27}.number-char.char-back[data-v-4840c836]{color:#fac609}@media(max-height:820px),(max-width:1180px){[data-v-4840c836] .number-real-typing-shell .typing-container__content{height:clamp(260px,40dvh,370px);min-height:260px;overflow:visible}[data-v-4840c836] .number-real-typing-shell .numpad-keyboard-wrapper{--numpad-scale: .94}.practice-container[data-v-4840c836]{gap:22px}.number-display[data-v-4840c836]{max-height:252px}}@media(max-height:700px){[data-v-4840c836] .number-real-typing-shell .typing-container__content{height:clamp(210px,34dvh,250px);min-height:210px}[data-v-4840c836] .number-real-typing-shell .typing-container__hands{min-height:clamp(190px,32dvh,238px)}[data-v-4840c836] .number-real-typing-shell .numpad-keyboard-wrapper{--numpad-scale: .86}.practice-container[data-v-4840c836]{gap:12px}.number-display[data-v-4840c836]{max-height:176px}}@media(max-width:1023px){.number-practice[data-v-4840c836]{--number-real-scale: min(1, calc((100vw - 32px)/var(--number-real-base-width, 648px)));overflow-y:auto}.practice-container[data-v-4840c836]{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-items:center;max-width:min(100%,calc(100vw - 24px));padding:0 12px;box-sizing:border-box}.invoice-area[data-v-4840c836]{width:min(648px,calc(100vw - 32px))}.input-source-area[data-v-4840c836]{width:min(500px,calc(100vw - 32px));max-width:none;min-height:auto;padding-bottom:0}.number-display[data-v-4840c836]{overflow:hidden;max-height:28dvh}}@media(max-width:767px){.number-practice[data-v-4840c836]{--number-real-scale: min(1, calc((100vw - 20px)/var(--number-real-base-width, 648px)))}.practice-container[data-v-4840c836]{gap:12px;max-width:calc(100vw - 12px);padding:0 6px}.input-source-area[data-v-4840c836],.invoice-area[data-v-4840c836]{width:min(648px,calc(100vw - 20px))}.number-display[data-v-4840c836]{max-height:24dvh}.number-line[data-v-4840c836]{gap:6px;margin-bottom:8px;padding:8px}.number-char[data-v-4840c836]{width:28px;height:38px;font-size:22px}.input-hint[data-v-4840c836]{position:static;justify-content:center;font-size:12px;margin-top:10px}.test-info-btn[data-v-4840c836]{gap:12px;min-height:64px}.test-info-btn>button[data-v-4840c836]:first-child,.test-info-btn>button[data-v-4840c836]:last-child{width:min(132px,42vw);min-height:44px;height:auto}}@keyframes blink-4840c836{0%,to{opacity:1}50%{opacity:.3}}.input-hint[data-v-4840c836]{position:absolute;right:0;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:14px;color:#666;margin-top:0}.input-hint span[data-v-4840c836]:first-child{background:#fff;color:#666;padding:8px 16px;border:1px solid #d9d9d9;border-radius:4px;font-weight:400;font-size:14px}@media(max-width:767px){.input-hint[data-v-4840c836]{position:static;justify-content:center;font-size:12px;margin-top:10px}}.test-info[data-v-4840c836]{height:70px;background:#fff;z-index:3;flex-shrink:0}.test-info-btn[data-v-4840c836]{gap:32px;justify-content:center;align-items:center;height:70px;display:flex;font-weight:400;font-size:16px;line-height:22px}.test-info-btn>button[data-v-4840c836]:first-child{width:110px;height:40px;border:1px solid #ffde08;border-radius:4px;color:#282828;font-weight:400;font-size:16px;line-height:22px}.test-info-btn>button[data-v-4840c836]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.pause[data-v-4840c836]{position:fixed;z-index:1000;transform:translate(-50%,-100%)}@media(max-height:900px){.invoice-placeholder[data-v-4840c836]{height:360px}.place-value-table[data-v-4840c836]{top:120px}.invoice-enter-key[data-v-4840c836]{top:178px}.number-cell[data-v-4840c836]{height:78px;font-size:20px}.number-display[data-v-4840c836]{max-height:240px}}@media(max-height:800px){.invoice-placeholder[data-v-4840c836]{height:250px}.place-value-table[data-v-4840c836]{top:95px}.invoice-enter-key[data-v-4840c836]{top:146px}.number-cell[data-v-4840c836]{height:65px;font-size:18px}.number-display[data-v-4840c836]{max-height:200px}}@media(max-height:700px){.invoice-placeholder[data-v-4840c836]{height:180px}.place-value-table[data-v-4840c836]{top:70px}.invoice-enter-key[data-v-4840c836]{top:112px}.number-cell[data-v-4840c836]{height:47px;font-size:16px}.number-display[data-v-4840c836]{max-height:150px}}@media(max-height:600px){.invoice-placeholder[data-v-4840c836]{height:160px}.place-value-table[data-v-4840c836]{top:60px}.invoice-enter-key[data-v-4840c836]{top:96px}.number-cell[data-v-4840c836]{height:42px;font-size:14px}.number-display[data-v-4840c836]{max-height:130px}}.test[data-v-81bc7495]{display:flex;flex-direction:column;height:100%;position:relative;overflow:visible}.test-box-content[data-v-81bc7495]{width:min(800px,calc(100vw - 32px));max-height:400px;padding:20px;overflow-x:hidden;overflow-y:auto;text-align:right;position:relative;border-radius:8px;background:linear-gradient(180deg,#ffffff80,#fffc);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;scrollbar-width:none;-ms-overflow-style:none}.test-box-content[data-v-81bc7495]::-webkit-scrollbar{display:none}.test-box-line[data-v-81bc7495]{width:100%;height:1px;background-color:#d9dadb;margin:4px 0;opacity:.7}.test-box-line__dark[data-v-81bc7495]{background-color:#fff3;opacity:1}.test-box-item[data-v-81bc7495]{margin:3px;width:21px;height:50px;border-radius:2px;text-align:center;color:#434343;display:inline-block;vertical-align:top;overflow:hidden;position:relative;background:#00000005;transition:all .3s cubic-bezier(.4,0,.2,1)}.test-box-item>span[data-v-81bc7495]{width:100%;height:100%;font-family:JetBrainsMono-Regular;font-style:normal;font-weight:400;font-size:35px;line-height:50px}.test-box-item__right[data-v-81bc7495]{background:#a6f193;box-shadow:0 2px 8px #0086d233}.test-box-item__error[data-v-81bc7495]{background:pink;box-shadow:0 2px 8px #ff5e5e4d}.test-box-item__active[data-v-81bc7495]{border-radius:4px;background:#0038ff14;color:#0038ff;box-shadow:0 0 0 2px #0038ff33,0 0 0 4px #0038ff1a}.test-box-item__active>span[data-v-81bc7495]{color:#0038ff;font-weight:500;transform:scale(1.05)}.test-box-item__back[data-v-81bc7495]{background:#ffe974;box-shadow:0 2px 6px #ffe97466}.test-info[data-v-81bc7495]{height:70px;background:#fff;z-index:3;flex-shrink:0}.test-info-btn[data-v-81bc7495]{gap:32px;justify-content:center;align-items:center;height:70px;display:flex;font-weight:400;font-size:16px;line-height:22px}.test-info-btn>button[data-v-81bc7495]:first-child{width:110px;height:40px;border:1px solid #ffde08;border-radius:4px;color:#282828;font-weight:400;font-size:16px;line-height:22px}.test-info-btn>button[data-v-81bc7495]:last-child{width:110px;height:40px;background:#ffde08;border:2px solid #ffde08;color:#282828;border-radius:4px;font-weight:400;font-size:16px;line-height:22px}.test .pause[data-v-81bc7495]{position:absolute;z-index:1000}[data-v-81bc7495] .number-test-typing-shell .typing-container__content{height:clamp(210px,36dvh,340px);min-height:190px;margin-top:14px;align-items:flex-start}[data-v-81bc7495] .number-test-typing-shell .typing-container__keyboard{margin-top:clamp(8px,2dvh,16px)}[data-v-81bc7495] .number-test-typing-shell .typing-container__hands{min-height:clamp(216px,32dvh,280px);max-height:none;overflow:visible}[data-v-81bc7495] .number-test-typing-shell .numpad-keyboard-wrapper{--numpad-scale: 1}@media(max-height:820px),(max-width:1180px){[data-v-81bc7495] .number-test-typing-shell .typing-container__content{height:clamp(168px,32dvh,286px);min-height:168px}[data-v-81bc7495] .number-test-typing-shell .typing-container__hands{min-height:clamp(252px,40dvh,336px)}.test-box-content[data-v-81bc7495]{max-height:100%;min-height:136px;padding:16px}[data-v-81bc7495] .number-test-typing-shell .numpad-keyboard-wrapper{--numpad-scale: .94}}@media(max-height:700px){[data-v-81bc7495] .number-test-typing-shell .typing-container__content{height:clamp(136px,27dvh,196px);min-height:136px}[data-v-81bc7495] .number-test-typing-shell .typing-container__hands{min-height:clamp(190px,32dvh,238px)}[data-v-81bc7495] .number-test-typing-shell .numpad-keyboard-wrapper{--numpad-scale: .86}.test-box-content[data-v-81bc7495]{min-height:112px;padding:12px 16px}}@media(max-width:1023px){.test-box-content[data-v-81bc7495]{max-height:36dvh}}@media(max-width:767px){[data-v-81bc7495] .number-test-typing-shell .typing-container__content{height:clamp(120px,25dvh,168px);min-height:120px;margin-top:10px}[data-v-81bc7495] .number-test-typing-shell .typing-container__keyboard{margin-top:6px}[data-v-81bc7495] .number-test-typing-shell .typing-container__hands{min-height:clamp(190px,34dvh,246px)}[data-v-81bc7495] .number-test-typing-shell .numpad-keyboard-wrapper{--numpad-scale: clamp(.7, calc(.27778vw - .08889px) , .86)}.test-box-content[data-v-81bc7495]{width:calc(100vw - 20px);max-height:34dvh;padding:10px 12px}.test-box-item[data-v-81bc7495]{height:36px}.test-box-item>span[data-v-81bc7495]{font-size:24px;line-height:36px}.test-info[data-v-81bc7495]{height:auto}.test-info-btn[data-v-81bc7495]{height:auto;min-height:64px;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.test-info-btn>button[data-v-81bc7495]:first-child,.test-info-btn>button[data-v-81bc7495]:last-child{min-width:0;width:min(150px,44vw);height:44px}}@media(max-height:900px){.test-box-content[data-v-81bc7495]{max-height:286px}}@media(max-height:800px){.test-box-content[data-v-81bc7495]{max-height:252px}}@media(max-height:700px){.test-box-content[data-v-81bc7495]{max-height:184px}}@media(max-height:600px){.test-box-content[data-v-81bc7495]{max-height:160px}}.lesson-rich-article[data-v-264d0b52]{display:flex;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:40px 20px;overflow-y:auto}.article-container[data-v-264d0b52]{max-width:min(680px,100%);width:100%;background:#fff;border-radius:12px;box-shadow:0 12px 36px #28282814;padding:48px 40px}.article-body[data-v-264d0b52]{line-height:1.8;color:#434343}.article-heading[data-v-264d0b52]{font-size:22px;font-weight:600;color:#161616;margin:32px 0 16px;padding-bottom:8px;border-bottom:3px solid #ffde08;display:inline-block}.article-heading[data-v-264d0b52]:first-child{margin-top:0}.article-text[data-v-264d0b52]{font-size:16px;color:#434343;margin:12px 0;line-height:1.9}.article-image[data-v-264d0b52]{margin:28px auto;text-align:center;max-width:560px}.article-image img[data-v-264d0b52]{max-width:100%;border-radius:12px;border:1px solid rgba(250,198,9,.28);box-shadow:0 10px 28px #28282814}.article-image .article-image-caption[data-v-264d0b52]{display:block;margin-top:10px;font-size:13px;color:#8c8c8c;font-weight:600}.article-image--fallback[data-v-264d0b52]{width:100%}.shuangpin-visual[data-v-264d0b52]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;padding:18px;background:linear-gradient(180deg,#fffdf0,#fff);border:1px solid rgba(250,198,9,.36);border-radius:12px;box-shadow:0 12px 28px #28282814}.shuangpin-card[data-v-264d0b52]{display:flex;min-height:156px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 14px;border:1px solid #ececec;border-radius:8px;background:#fff}.shuangpin-card--double[data-v-264d0b52]{border-color:#fac609b3;background:#fffbe5}.shuangpin-card__label[data-v-264d0b52]{font-size:16px;font-weight:700;color:#282828}.shuangpin-card__meta[data-v-264d0b52]{font-size:13px;font-weight:600;color:#737373}.keycap-row[data-v-264d0b52]{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.keycap[data-v-264d0b52]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;border:1px solid #d6dce5;border-radius:6px;background:linear-gradient(180deg,#fff,#f3f5f8);box-shadow:inset 0 -2px #28282814;color:#282828;font-size:16px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:0}.keycap--active[data-v-264d0b52]{border-color:#fac609;background:linear-gradient(180deg,#ffea61,#ffde08);box-shadow:inset 0 -2px #9e780038,0 3px 8px #fac60947}.shuangpin-divider[data-v-264d0b52]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:#282828;color:#ffde08;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.article-image-placeholder[data-v-264d0b52]{display:inline-flex;min-height:120px;width:100%;align-items:center;justify-content:center;gap:10px;padding:22px;border:1px dashed rgba(250,198,9,.65);border-radius:12px;background:#fffdf0;color:#737373}.image-placeholder-mark[data-v-264d0b52]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffde08;color:#282828;font-weight:800}.image-placeholder-text[data-v-264d0b52]{font-size:15px;font-weight:600}.article-list[data-v-264d0b52]{margin:12px 0;padding-left:20px}.article-list li[data-v-264d0b52]{font-size:15px;color:#434343;margin:8px 0;line-height:1.8;position:relative}.article-list li[data-v-264d0b52]::marker{color:#fac609}.article-comparison[data-v-264d0b52]{display:flex;gap:16px;margin:20px 0}.article-comparison .comparison-item[data-v-264d0b52]{flex:1;background:#fffdf0;border-radius:8px;padding:20px;text-align:center;border:1px solid rgba(250,198,9,.36)}.article-comparison .comparison-item .comparison-label[data-v-264d0b52]{display:block;font-size:14px;font-weight:600;color:#434343;margin-bottom:8px}.article-comparison .comparison-item .comparison-keys[data-v-264d0b52]{display:block;font-size:24px;font-weight:700;font-family:Courier New,monospace;color:#282828;letter-spacing:0;margin-bottom:8px}.article-comparison .comparison-item .comparison-count[data-v-264d0b52]{display:block;font-size:13px;color:#737373}@media(max-width:767px){.lesson-rich-article[data-v-264d0b52]{padding:16px 12px}.article-container[data-v-264d0b52]{border-radius:10px;padding:24px 18px}.article-heading[data-v-264d0b52]{font-size:19px;margin:24px 0 12px}.article-list li[data-v-264d0b52],.article-text[data-v-264d0b52]{font-size:15px;line-height:1.75}.article-comparison[data-v-264d0b52]{flex-direction:column}.article-comparison .comparison-item[data-v-264d0b52]{padding:16px}.shuangpin-visual[data-v-264d0b52]{grid-template-columns:1fr;padding:14px}.shuangpin-divider[data-v-264d0b52]{justify-self:center;width:38px;height:38px}.article-footer[data-v-264d0b52]{margin-top:28px}.article-footer .article-next-btn[data-v-264d0b52]{width:100%;min-height:44px;padding:12px 18px;font-size:16px}}.article-footer[data-v-264d0b52]{margin-top:40px;text-align:center;padding-top:24px;border-top:1px solid #eee}.article-footer .article-next-btn[data-v-264d0b52]{display:inline-flex;flex-direction:column;align-items:center;background:#ffde08;color:#282828;border:none;border-radius:8px;padding:14px 48px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:inset 0 -2px #9e78002e;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.article-footer .article-next-btn[data-v-264d0b52]:hover{background:#fac609;transform:translateY(-1px);box-shadow:inset 0 -2px #9e780033,0 5px 12px #fac60947}.article-footer .article-next-btn[data-v-264d0b52]:active{transform:translateY(1px);box-shadow:inset 0 2px #9e780029}.article-footer .article-next-btn .btn-hint[data-v-264d0b52]{font-size:12px;font-weight:400;opacity:.7;margin-top:4px}@media(max-height:820px),(max-width:1023px){.lesson-rich-article[data-v-264d0b52]{padding:24px 16px}.article-container[data-v-264d0b52]{max-width:min(640px,100%);padding:32px 28px}.article-heading[data-v-264d0b52]{margin-top:24px}.article-image[data-v-264d0b52]{margin:20px auto}.shuangpin-card[data-v-264d0b52]{min-height:132px;padding:14px 12px}.article-footer[data-v-264d0b52]{margin-top:28px;padding-top:18px}}.typing[data-v-b4746af5]{height:100%;position:relative;overflow:hidden;background-color:#fff}.typing-info[data-v-b4746af5]{position:fixed;display:inline-block;left:24px;margin-top:24px;z-index:2}.typing-info .level[data-v-b4746af5]{font-size:18px;line-height:25px;color:#434343}.typing-info .course-info .course-name[data-v-b4746af5]{font-weight:400;font-size:18px;line-height:25px;color:#969696}.typing-info .course-info .lesson-name[data-v-b4746af5]{font-weight:400;font-size:18px;line-height:25px;color:#434343}.typing-content[data-v-b4746af5]{height:100%;position:relative}.typing-content .default[data-v-b4746af5]{display:flex;justify-content:center;align-items:center;height:100%;font-size:40px;color:#969696}.typing-content .persistent-overlay[data-v-b4746af5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background-color:#000000ed;will-change:opacity;color:#fff}.typing-content .persistent-overlay>p[data-v-b4746af5]{font-size:40px;margin-top:120px;text-align:center}.typing-content .persistent-overlay>p .highlight[data-v-b4746af5]{display:inline-block;text-align:center;width:70px;height:70px;line-height:70px;background:#0086d2;border-radius:8px;font-style:normal;font-weight:800;margin:0 32px;color:#fff;font-family:JetBrainsMono-Regular}.typing-content .persistent-overlay .left[data-v-b4746af5]{position:absolute;top:40%;left:30%;transform:scaleX(-1)}.typing-content .persistent-overlay .right[data-v-b4746af5]{position:absolute;top:40%;right:30%}.typing-content .drop-banner[data-v-b4746af5]{position:absolute;top:22px;left:32px;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;min-width:132px;height:48px;border:2px solid hsla(0,0%,100%,.92);border-radius:14px;background:#35b4fe;box-shadow:0 16px 28px #35b4fe47,0 4px #00000014;color:#fff;font-size:16px;font-weight:700;line-height:1;pointer-events:none}.typing-content .drop-banner .drop-banner-dot[data-v-b4746af5]{width:12px;height:12px;border-radius:999px;background:#ffde08;box-shadow:0 0 0 5px #ffde0840}.typing-content .drop-banner--started[data-v-b4746af5]{min-width:120px;background:#16b970;box-shadow:0 16px 28px #16b9704d,0 4px #00000014}.typing-content .drop-banner--started .drop-banner-dot[data-v-b4746af5]{background:#fff;box-shadow:0 0 0 5px #ffffff38}@media(max-width:1200px){.typing-content .drop-banner[data-v-b4746af5]{display:none}}.seo-content[data-v-b4746af5]{padding:40px 32px;max-width:800px;margin:0 auto;color:#434343}.seo-content .seo-breadcrumb[data-v-b4746af5]{font-size:14px;color:#969696;margin-bottom:24px}.seo-content .seo-breadcrumb a[data-v-b4746af5]{color:#0086d2;text-decoration:none}.seo-content .seo-breadcrumb a[data-v-b4746af5]:hover{text-decoration:underline}.seo-content .seo-breadcrumb span[data-v-b4746af5]{color:#969696}.seo-content .seo-title[data-v-b4746af5]{font-size:28px;font-weight:700;color:#282828;margin-bottom:12px}.seo-content .seo-course[data-v-b4746af5]{font-size:16px;color:#969696;margin-bottom:8px}.seo-content .seo-desc[data-v-b4746af5]{font-size:15px;color:#666;margin-bottom:24px;line-height:1.6}.seo-content .seo-preview[data-v-b4746af5]{margin-top:20px}.seo-content .seo-preview h2[data-v-b4746af5]{font-size:20px;font-weight:600;color:#434343;margin-bottom:12px}.seo-content .seo-preview p[data-v-b4746af5]{font-size:15px;color:#666;line-height:1.8;margin-bottom:8px;word-break:break-all}