.word-study-page{position:fixed;z-index:20;inset:0;background:#edf8f8;color:#172027;overflow:auto}.word-study-head{height:62px;display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:12px;padding:0 28px;background:#edf8f8}.word-study-head>button{width:48px;height:34px;border:0;border-radius:3px;background:#3996ef;color:#fff;font-size:20px;cursor:pointer}.word-study-head b{font-size:14px}.word-study-head strong{text-align:center;font-size:18px}.word-recognition{width:min(540px,calc(100% - 30px));margin:155px auto 30px}.word-row-list{display:flex;flex-direction:column;gap:10px}.study-word-row{position:relative;min-height:38px;padding:8px 62px 8px 18px;border:1px solid #dce4e6;border-radius:3px;background:#fff;box-shadow:0 3px 8px #17383b16;text-align:center;cursor:pointer}.study-word-row b{display:block;font-size:16px;font-weight:500}.study-word-row span{display:block;margin-top:5px;color:#607078}.study-word-row label{position:absolute;right:11px;top:50%;width:40px;height:22px;transform:translateY(-50%);cursor:pointer}.study-word-row label input{position:absolute;opacity:0}.study-word-row label i{display:block;width:40px;height:22px;border-radius:12px;background:#168c91;transition:.2s}.study-word-row label i:after{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#fff;transition:.2s}.study-word-row label input:checked+i{background:#2ac36f}.study-word-row label input:checked+i:after{transform:translateX(18px)}.word-page-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.word-page-actions button{border:0;background:transparent;color:var(--theme-dark);cursor:pointer}.word-page-actions button:disabled{visibility:hidden}.word-page-actions span{color:#849093;font-size:13px}.word-continue,.word-stage-next{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--theme-dark);text-decoration:underline;cursor:pointer}.word-string-main{position:relative;min-height:calc(100vh - 62px);padding-top:90px;text-align:center;cursor:pointer}.word-stick{position:absolute;left:calc(50% - 205px);top:75px;width:12px;height:580px;border-radius:7px;background:#a88251}.placed-words{position:relative;width:400px;min-height:600px;margin:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-left:25px}.placed-words button{width:350px;min-height:48px;border:1px solid #d8e1e3;border-radius:5px;background:#fff;box-shadow:0 3px 8px #17383b18;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;transform:translateX(calc(var(--i) * 4px));cursor:pointer}.placed-words span{color:#617277}.word-string-main>p{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);color:#7d8b8e}.word-stage-next{position:absolute;right:45px;bottom:30px}.word-smash-main{position:relative;height:calc(100vh - 62px);overflow:hidden}.smash-reset{position:absolute;right:25px;top:20px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:var(--theme);color:#fff;font-size:20px}.study-smash-word{position:absolute;left:var(--x);top:var(--y);border:0;border-radius:6px;background:#fff;padding:11px 18px;box-shadow:0 4px 12px #17383b22;cursor:pointer}.study-smash-word span{display:none}.study-smash-word.smashed{background:#bfe9ec;color:#187b80}.study-smash-word.smashed b{display:none}.study-smash-word.smashed span{display:block}.study-hammer{position:absolute;left:48%;bottom:10px;font-size:78px}.word-complete{width:min(520px,calc(100% - 30px));margin:18vh auto 0;padding:45px;background:#fff;border-radius:16px;box-shadow:0 18px 55px #17383b22;text-align:center}.complete-check{width:74px;height:74px;margin:auto;border-radius:50%;display:grid;place-items:center;background:var(--theme);color:#fff;font-size:42px}.word-complete h1{margin:22px 0 8px}.word-complete p{color:#77858a}.word-complete>div:last-child{display:flex;justify-content:center;gap:14px;margin-top:28px}.word-complete button{min-width:100px;padding:11px 20px;border:1px solid #cfdadc;border-radius:5px;background:#fff;cursor:pointer}.word-complete button.primary{border-color:var(--theme);background:var(--theme)}
.study-word-row b{display:inline}.study-word-row span{display:inline;margin-top:0;margin-left:18px}
.word-recognition{width:min(920px,calc(100% - 30px));margin-top:110px}.word-row-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.study-word-row{min-height:145px;padding:34px 18px 48px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;column-gap:16px;border-radius:10px}.study-word-row b{font-size:20px}.study-word-row span{margin-left:0;font-size:15px}.study-word-row label{top:auto;right:14px;bottom:13px;transform:none}
.study-word-row{flex-direction:column;flex-wrap:nowrap;row-gap:10px}.study-word-row b,.study-word-row span{display:block;width:100%;text-align:center}
@media(max-width:700px){.word-study-head{padding:0 12px;grid-template-columns:auto 1fr auto}.word-study-head strong{grid-column:3}.word-recognition{margin-top:80px}.word-stick{left:25px}.placed-words{width:calc(100% - 45px);margin-left:25px;padding-left:14px}.placed-words button{width:90%}.study-smash-word{max-width:150px}.word-stage-next{right:20px}}
@media(max-width:850px){.word-row-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.word-row-list{grid-template-columns:1fr}.study-word-row{min-height:115px}.word-recognition{margin-top:45px}}
.word-study-page{left:150px}@media(max-width:800px){.word-study-page{left:76px}}
.study-word-row:has(input[type="checkbox"]:checked) .stage-word-text b,.study-word-row:has(input[type="checkbox"]:checked) .stage-word-text span{color:#A6A7A7}
.word-study-head,.word-study-page:has(.reference-string-game) .word-study-head{height:65px!important;display:flex!important;align-items:center;justify-content:space-between;padding:0 20px!important;background:#fff!important;color:#111!important}.word-study-head .stage-breadcrumb{height:auto;margin:0}.word-study-head .stage-breadcrumb b,.word-study-page:has(.reference-string-game) .word-study-head .stage-breadcrumb b{color:#111!important;font-size:18px}.word-study-head .stage-level{margin:0}.word-study-head .stage-level strong,.word-study-page:has(.reference-string-game) .word-study-head .stage-level strong{position:static;transform:none;color:#111!important;font-size:18px}.stage1-smash-game{height:calc(100vh - 65px);min-height:0}.reference-string-game{height:calc(100vh - 65px)}
.word-study-page .word-recognition{margin-top:20px}.word-study-page .word-string-main{margin-top:20px}.word-study-page .stage1-smash-game{height:calc(100vh - 85px);margin-top:20px}.word-study-page:has(.reference-string-game) .reference-string-game{height:calc(100vh - 85px);margin-top:20px}
.breadcrumb-parent{color:#B5BDBE!important}.breadcrumb-current{color:#3C4043!important}.stage-breadcrumb .stage-header-note{margin-left:18px;color:#B5BDBE;font-size:14px;white-space:nowrap}
.sentence-study-page{padding:0 20px 34px}.sentence-study-head{box-sizing:border-box;height:65px;margin:0 -20px;padding:0 20px;background:#fff;display:flex;align-items:center;justify-content:space-between}.sentence-study-head h1{margin:0}.sentence-study-list{margin:20px auto}.sentence-study-head>div{margin:0}@media(max-width:800px){.sentence-study-page{padding:0 12px 26px}.sentence-study-head{margin:0 -12px;padding:0 12px}}
.word-study-page .stage-breadcrumb .breadcrumb-parent,.word-study-page .stage-breadcrumb .breadcrumb-current{font-size:18px}.sentence-study-head .stage-breadcrumb{height:auto;margin:0}.sentence-study-head .stage-level{margin:0}.sentence-study-head .stage-level button{height:32px;padding:0 18px}
.word-study-page:has(.stage1-string-game) .stage-breadcrumb .breadcrumb-parent,.word-study-page:has(.stage1-smash-game) .stage-breadcrumb .breadcrumb-parent{color:#B5BDBE!important;font-size:18px!important}.word-study-page:has(.stage1-string-game) .stage-breadcrumb .breadcrumb-current,.word-study-page:has(.stage1-smash-game) .stage-breadcrumb .breadcrumb-current{color:#3C4043!important;font-size:18px!important}.word-study-page:has(.stage1-string-game) .stage-breadcrumb .stage-header-note,.word-study-page:has(.stage1-smash-game) .stage-breadcrumb .stage-header-note{margin-left:18px!important;color:#B5BDBE!important;font-size:14px!important}
.word-study-page{background:#f1f1f1}.word-study-head{height:118px;display:block;padding:22px 20px;background:#f1f1f1}.stage-breadcrumb{display:flex;align-items:baseline;gap:24px;height:34px}.stage-breadcrumb b{font-size:18px;color:#111}.stage-breadcrumb span{color:#777;font-size:14px}.stage-level{display:flex;align-items:center;gap:20px;margin-top:9px}.stage-level button{width:auto;height:32px;padding:0 18px;border:0;border-radius:2px;background:#34b7bf;color:#fff;font-size:14px;cursor:pointer}.stage-level strong{font-size:20px;font-weight:500}.word-recognition{width:min(800px,calc(100% - 40px));margin:16px auto 30px}.word-row-list{display:flex;flex-direction:column;gap:20px}.study-word-row{min-height:80px;padding:14px 28px 14px 30px;border:0;border-radius:10px;box-shadow:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;align-content:normal;cursor:pointer}.stage-word-text{min-width:0;display:flex;align-items:baseline;gap:18px;text-align:left}.study-word-row .stage-word-text b{display:block;width:auto;text-align:left;color:#111;font-size:32px;font-weight:400}.study-word-row .stage-word-text span{display:block;width:auto;margin:0;text-align:left;color:#687274;font-size:15px}.stage-word-tools{flex:none;display:flex;align-items:center;gap:15px}.stage-word-tools>button{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f4f4f4;color:#b9bdc2;display:grid;place-items:center;cursor:pointer}.stage-word-tools .stage-translate{font-size:18px;font-weight:700}.study-word-row .stage-word-tools label{position:static;width:auto;height:auto;transform:none;display:flex;align-items:center;gap:7px;color:#6e7375;cursor:pointer}.study-word-row .stage-word-tools label input{position:absolute;opacity:0}.study-word-row .stage-word-tools label i{width:23px;height:23px;margin:0;border:2px solid #7d8486;border-radius:50%;background:#fff}.study-word-row .stage-word-tools label i:after{display:none}.study-word-row .stage-word-tools label input:checked+i{border:6px solid var(--theme);background:#fff}.study-word-row .stage-word-tools label em{font-style:normal;white-space:nowrap;font-size:15px}.word-page-actions{justify-content:flex-end;gap:28px;margin-top:20px}.word-page-actions button{min-width:74px;height:32px;border:1px solid var(--theme);border-radius:3px;color:var(--theme);background:transparent}.word-page-actions button:disabled{visibility:hidden}.word-continue{margin:-32px auto 0;padding:7px 26px;border:1px solid var(--theme);border-radius:3px;text-decoration:none}.stage-word-tools>button:hover{background:#e6f6f7;color:var(--theme)}
@media(max-width:700px){.word-study-head{height:auto;min-height:118px}.stage-breadcrumb{height:auto;align-items:flex-start;flex-direction:column;gap:3px}.stage-level{margin-top:12px}.word-recognition{margin-top:20px}.study-word-row{padding:14px 16px}.study-word-row .stage-word-text b{font-size:24px}.stage-word-tools{gap:8px}.stage-word-tools>button{width:34px;height:34px}}
@media(max-width:520px){.study-word-row{min-height:112px;align-items:flex-start;flex-direction:column;gap:12px}.stage-word-tools{width:100%;justify-content:flex-end}.word-page-actions{justify-content:center}.word-continue{margin:12px auto 0}}
.stage-breadcrumb b{font-size:20px;line-height:28px}
.word-study-page:not(.review-stage-page):not(.hard-stage-page) .study-word-row:has(input[type="checkbox"]:checked){background:#e0e0e0}
.study-word-row .stage-word-text span{font-size:32px;line-height:1.2}@media(max-width:700px){.study-word-row .stage-word-text span{font-size:24px}}
.review-stage-page .stage-breadcrumb{height:34px}.review-unmastered{color:#8a9092;font-size:14px}.review-stage-page .word-recognition{margin-top:16px}
.review-stage-page .study-word-row:has(.stage-word-tools input[type="checkbox"]:checked){background:#e0e0e0}
.hard-stage-page .stage-breadcrumb{height:34px}.hard-stage-page .word-recognition{margin-top:16px}.hard-word-row .stage-word-tools{padding-right:0}
.word-string-main,.word-smash-game{width:min(980px,calc(100% - 40px));min-height:auto;margin:18px auto 50px;padding:0;text-align:left;cursor:default}.word-game-head{min-height:112px;padding:22px 28px;border-radius:14px 14px 0 0;background:linear-gradient(115deg,#fff,#e8f8f8);display:flex;align-items:center;justify-content:space-between;gap:25px}.word-game-head small{color:var(--theme);font-weight:700}.word-game-head h1{margin:5px 0 7px;color:#17282b;font-size:25px}.word-game-head p{margin:0;color:#7b898b;font-size:14px}.word-game-score{flex:none;width:94px;height:74px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 18px #19484c12}.word-game-score strong{color:var(--theme);font-size:25px}.word-game-score span{margin-top:3px;color:#859092;font-size:12px}.word-game-progress{height:7px;background:#dce7e8;overflow:hidden}.word-game-progress span{display:block;height:100%;border-radius:0 6px 6px 0;background:linear-gradient(90deg,var(--theme),#65d3c2);transition:width .25s}.word-string-board{position:relative;min-height:465px;border-radius:0 0 14px 14px;background:#fff;overflow:hidden;cursor:pointer}.word-string-board:before{content:"";position:absolute;inset:18px;border:2px dashed #dbe7e8;border-radius:12px;pointer-events:none}.word-string-board .word-stick{left:calc(50% - 220px);top:42px;height:380px;background:linear-gradient(90deg,#9b7447,#c19a68,#8b643e);box-shadow:2px 2px 4px #4e321f30}.word-string-board .placed-words{width:440px;min-height:410px;padding-top:38px}.word-string-board .placed-words button{width:390px;min-height:52px;padding:9px 16px 9px 25px;border:0;border-radius:0 9px 9px 0;background:#f7fbfb;box-shadow:0 5px 14px #193e4117;color:#213033}.word-string-board .placed-words button:hover{background:#eaf8f8}.word-string-board .placed-words button b{font-size:18px}.word-string-board .placed-words button i{margin-left:auto;font-style:normal}.word-game-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#9aa6a8;pointer-events:none}.word-game-empty span{width:54px;height:54px;border:2px dashed var(--theme);border-radius:50%;display:grid;place-items:center;color:var(--theme);font-size:29px}.word-game-actions{display:flex;align-items:center;justify-content:space-between;padding:18px 2px}.word-game-actions>span{color:#8a9698;font-size:13px}.word-game-actions button{position:static;margin:0;min-width:110px;height:38px;padding:0 18px;border-radius:5px;text-decoration:none;cursor:pointer}.word-game-actions .game-reset{border:1px solid #cfdadb;background:#fff;color:#687779}.word-game-actions .word-stage-next{border:1px solid var(--theme);background:var(--theme);color:#fff}.word-smash-game .word-smash-main{height:500px;border-radius:0 0 14px 14px;background:radial-gradient(circle at center,#f7ffff,#e8f5f5);overflow:hidden}.word-smash-game .study-smash-word{min-width:100px;padding:13px 20px;border:1px solid #d9e6e7;border-radius:20px;box-shadow:0 7px 18px #17383b1c;font-size:17px;transition:.2s}.word-smash-game .study-smash-word:hover{border-color:var(--theme);transform:scale(1.06)}.word-smash-game .study-smash-word.smashed{background:var(--theme);color:#fff}.word-smash-game .study-hammer{bottom:15px;filter:drop-shadow(0 8px 8px #17383b25)}
@media(max-width:700px){.word-string-main,.word-smash-game{width:calc(100% - 24px)}.word-game-head{align-items:flex-start;padding:18px;flex-direction:column}.word-game-score{position:absolute;right:30px}.word-game-head p{padding-right:90px}.word-string-board .word-stick{left:28px}.word-string-board .placed-words{width:calc(100% - 48px);margin-left:28px}.word-string-board .placed-words button{width:92%}}
.string-node-track{position:absolute;z-index:3;left:20px;top:18px;display:flex;gap:8px;pointer-events:none}.string-node-track i{width:25px;height:25px;border:1px solid #cbd8da;border-radius:50%;background:#fff;color:#a0abad;display:grid;place-items:center;font-size:12px;font-style:normal;transition:.25s}.string-node-track i.filled{border-color:var(--theme);background:var(--theme);color:#fff;transform:scale(1.08)}.word-string-board .placed-words button{animation:stringWordIn .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 35ms)}.word-string-board .placed-words button.latest{outline:2px solid #5ccbc2;box-shadow:0 0 0 7px #40c2b617,0 5px 14px #193e4117}.word-string-status{position:absolute;right:30px;bottom:24px;padding:8px 13px;border-radius:18px;background:#eef8f8;color:#7e8c8e;font-size:13px;pointer-events:none}.word-string-status b{color:var(--theme);font-size:17px}.word-string-board.group-complete{box-shadow:inset 0 0 0 2px #55c9bd}.word-string-board.group-complete:after{content:"✓ 本组完成";position:absolute;right:30px;top:22px;padding:6px 12px;border-radius:16px;background:#e2f8f4;color:var(--theme);font-size:13px;font-weight:700}.word-game-empty small{font-size:12px;font-weight:400}.word-game-actions>div{display:flex;gap:9px}.word-game-actions .game-undo{border:1px solid #cfdadb;background:#fff;color:var(--theme)}.word-game-actions .game-undo:disabled{opacity:.4;cursor:not-allowed}.word-game-back{display:block;margin:0 0 7px;padding:0;border:0;background:transparent;color:var(--theme);font-size:13px;cursor:pointer}.word-game-back:hover{text-decoration:underline}@keyframes stringWordIn{0%{opacity:0;transform:translateX(70px) scale(.92)}70%{transform:translateX(calc(var(--i) * 4px - 5px)) scale(1.02)}100%{opacity:1;transform:translateX(calc(var(--i) * 4px)) scale(1)}}
@media(max-width:520px){.word-game-actions{align-items:stretch;flex-direction:column}.word-game-actions>div{display:grid;grid-template-columns:1fr 1fr}.word-game-actions>span{text-align:center}.word-game-actions .word-stage-next{width:100%}.word-string-status{right:18px;bottom:18px}.string-node-track{left:14px}}
.word-string-board .placed-words button{animation:none}.word-string-board .placed-words button.latest{animation:stringWordIn .38s cubic-bezier(.2,.8,.2,1) both}
.word-study-page:has(.reference-string-game) .word-study-head{display:flex;align-items:center;gap:12px}.word-study-page:has(.reference-string-game) .stage-level{order:-1}
.stage1-string-game{overflow:visible!important}.stage-level .stage-header-note{align-self:flex-end;margin:0 0 2px 2px;color:#7e8486;font-size:14px;line-height:20px;font-weight:400}.stage1-string-game .word-stick{top:14px!important;height:calc(var(--stack-height) + 108px)!important}.stage1-string-game .placed-words{top:24px!important}.stage1-string-game .placed-words button{margin:-20px 0 0!important}.stage1-string-game .placed-words button:first-child{margin-top:0!important}
.stage1-string-game .placed-words button{flex-direction:column;gap:3px;text-align:center}.stage1-string-game .placed-words button b,.stage1-string-game .placed-words button span{display:block;width:100%;margin:0;text-align:center;line-height:1.15}
.stage1-string-game .stage1-prev-group{position:absolute;right:calc(22% + 86px);bottom:22px;height:33px;padding:0 16px;border:1px solid #31b8c2;border-radius:3px;background:transparent;color:#26aeb8;font-size:14px;cursor:pointer}.stage1-string-game .stage1-prev-group:hover{background:#31b8c2;color:#fff}@media(max-width:700px){.stage1-string-game .stage1-prev-group{right:102px}}
.smash-refresh-words{position:absolute;left:calc(22% + 132px);bottom:22px;height:33px;padding:0 16px;border:1px solid #31b8c2;border-radius:3px;background:transparent;color:#26aeb8;cursor:pointer}.smash-refresh-words:hover{background:#31b8c2;color:#fff}@media(max-width:700px){.smash-refresh-words{left:146px}}
.stage-level .smash-refresh-top{margin-left:auto;flex:none;height:32px;padding:0 16px}
.stage1-smash-game{position:relative;width:100%;height:calc(100vh - 118px);min-height:650px;background:#f1f1f1;overflow:hidden}.stage1-smash-game .word-smash-main{position:relative;width:100%;height:100%;background:#f1f1f1;overflow:hidden}.stage1-smash-game .study-smash-word{position:absolute;left:var(--x);top:var(--y);min-width:180px;min-height:60px;padding:10px 24px;border:0;border-radius:32px;background:#fff;color:#111;box-shadow:0 7px 16px #46565a22;cursor:pointer;transition:transform .18s,background .18s}.stage1-smash-game .study-smash-word:hover{transform:translateY(-3px) scale(1.03)}.stage1-smash-game .study-smash-word b{font-size:30px;font-weight:400}.stage1-smash-game .study-smash-word span{display:none;font-size:22px}.stage1-smash-game .study-smash-word.smashed{background:#dff5f1;color:#177a74}.stage1-smash-game .study-smash-word.smashed b{display:none}.stage1-smash-game .study-smash-word.smashed span{display:block}.smash-back-string{position:absolute;left:22%;bottom:22px;height:33px;padding:0 16px;border:1px solid #31b8c2;border-radius:3px;background:transparent;color:#26aeb8;cursor:pointer}.smash-back-string:hover{background:#31b8c2;color:#fff}@media(max-width:700px){.stage1-smash-game .study-smash-word{min-width:125px;min-height:50px;padding:8px 14px}.stage1-smash-game .study-smash-word b{font-size:22px}.smash-back-string{left:16px}}
.stage1-smash-game .study-smash-word.impact-target{z-index:8;animation:wordImpact .43s ease-in-out both}.stage1-smash-game .smash-hammer{position:absolute;z-index:10;left:50%;top:50%;display:block;font-size:54px;font-style:normal;pointer-events:none;transform-origin:70% 80%;animation:hammerDrop .43s cubic-bezier(.5,.05,.4,1) both}.stage1-smash-game .glass-burst{position:absolute;z-index:9;left:50%;top:50%;display:block!important;color:#54c9d2;font-size:64px;font-style:normal;line-height:1;pointer-events:none;animation:glassBurst .34s .13s ease-out both}.stage1-smash-game .impact-target:before,.stage1-smash-game .impact-target:after{content:"";position:absolute;z-index:9;left:50%;top:50%;width:8px;height:8px;border:2px solid #52bbc5;transform:translate(-50%,-50%);opacity:0;animation:glassShard .3s .14s ease-out both}.stage1-smash-game .impact-target:after{animation-name:glassShardAlt}@keyframes hammerDrop{0%{opacity:0;transform:translate(-50%,-150px) rotate(-28deg) scale(1.15)}18%{opacity:1}62%{transform:translate(-50%,-23px) rotate(5deg) scale(1)}72%{transform:translate(-50%,-8px) rotate(12deg) scale(.94)}100%{opacity:0;transform:translate(-50%,-35px) rotate(-8deg) scale(1)}}@keyframes wordImpact{0%,58%{transform:translateY(0) scale(1)}68%{transform:translateY(8px) scale(.96)}78%{transform:translateY(-3px) rotate(-1deg)}88%{transform:translateY(2px) rotate(1deg)}100%{transform:translateY(0) scale(1)}}@keyframes glassBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}45%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7) rotate(35deg)}}@keyframes glassShard{0%{opacity:1;box-shadow:0 0 #52bbc5,0 0 #52bbc5,0 0 #52bbc5}100%{opacity:0;transform:translate(-55px,-48px) rotate(90deg);box-shadow:95px 18px #52bbc5,42px 72px #52bbc5,88px 86px #52bbc5}}@keyframes glassShardAlt{0%{opacity:1}100%{opacity:0;transform:translate(42px,-55px) rotate(-110deg);box-shadow:-86px 25px #8bd9df,-45px 78px #8bd9df,-90px 82px #8bd9df}}
@media(max-width:700px){.stage1-string-game .stage1-game-note{left:125px!important;top:-40px!important}.stage1-string-game .word-stick{top:55px!important;height:550px!important}.stage1-string-game .placed-words{top:65px!important}.stage1-string-game .placed-words button{margin:-8px 0!important}}
.stage1-string-game{position:relative;width:100%;height:calc(100vh - 118px);min-height:650px;margin:0;padding:0;background:#f1f1f1;cursor:pointer;overflow:hidden}.stage1-game-note{position:absolute;left:200px;top:-54px;margin:0;color:#7e8486;font-size:14px;pointer-events:none}.stage1-string-game .word-stick{position:absolute;left:50%;top:4px;width:15px;height:550px;transform:translateX(-50%);border-radius:8px;background:#36b8c1;box-shadow:none}.stage1-string-game .placed-words{position:absolute;z-index:2;left:50%;top:14px;width:300px;min-height:0;margin:0;padding:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:-1px}.stage1-string-game .placed-words button{position:relative;width:300px;min-height:100px;margin:-1px 0;border:0;border-radius:52px;background:#fff;box-shadow:0 -10px 18px #46565a24;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 28px;color:#111;transform:none;animation:none}.stage1-string-game .placed-words button b{font-size:32px;font-weight:400}.stage1-string-game .placed-words button span{color:#4c6668;font-size:25px}.stage1-string-game .placed-words button.latest{outline:0;animation:stage1WordDrop .32s ease-out both}.stage1-string-game .placed-words button:last-child:after{content:"";position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);border-left:24px solid transparent;border-right:24px solid transparent;border-top:28px solid #fff}.stage1-string-hint{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:10px 18px;border-radius:20px;background:#fff;color:#879294;font-size:14px;pointer-events:none}.stage1-string-game .stage1-back-word,.stage1-string-game .word-stage-next{position:absolute;bottom:22px;width:auto;height:33px;margin:0;padding:0 16px;border:1px solid #31b8c2;border-radius:3px;background:transparent;color:#26aeb8;font-size:14px;text-decoration:none;cursor:pointer}.stage1-string-game .stage1-back-word{left:22%}.stage1-string-game .word-stage-next{right:22%}.stage1-string-game .stage1-back-word:hover,.stage1-string-game .word-stage-next:hover{background:#31b8c2;color:#fff}@keyframes stage1WordDrop{from{opacity:0;transform:translateY(-34px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.stage1-string-game{height:calc(100vh - 118px)}.stage1-game-note{left:16px;top:8px}.stage1-string-game .word-stick{top:55px}.stage1-string-game .placed-words{top:65px;width:250px;margin:0}.stage1-string-game .placed-words button{width:250px;min-height:82px}.stage1-string-game .placed-words button b{font-size:25px}.stage1-string-game .placed-words button span{font-size:20px}.stage1-string-game .stage1-back-word{left:16px}.stage1-string-game .word-stage-next{right:16px}}
.word-study-page:has(.reference-string-game){background:#087b72}.word-study-page:has(.reference-string-game) .word-study-head{height:62px;padding:0 28px;background:#087b72;color:#fff}.word-study-page:has(.reference-string-game) .stage-breadcrumb{height:auto}.word-study-page:has(.reference-string-game) .stage-breadcrumb b{color:#fff;font-size:14px}.word-study-page:has(.reference-string-game) .stage-level{margin:0}.word-study-page:has(.reference-string-game) .stage-level button{width:48px;height:34px;padding:0;font-size:0;background:#3d9af1}.word-study-page:has(.reference-string-game) .stage-level button:after{content:"↩";font-size:20px}.word-study-page:has(.reference-string-game) .stage-level strong{position:absolute;left:50%;top:18px;transform:translateX(-50%);color:#fff;font-size:18px}.reference-string-game{position:relative;width:100%;height:calc(100vh - 62px);min-height:620px;margin:0;padding:0;background:#087b72;cursor:pointer;overflow:hidden}.reference-string-game .word-stick{position:absolute;left:50%;top:25%;width:11px;height:52%;transform:translateX(-50%);border-radius:5px;background:#a68557;box-shadow:inset 2px 0 #c1a278}.reference-string-game .placed-words{position:absolute;z-index:2;left:50%;top:28%;width:260px;min-height:0;margin:0;padding:0;transform:translateX(-50%);display:flex;align-items:center;gap:0}.reference-string-game .placed-words button{width:230px;min-height:52px;margin:-1px 0;border:0;border-radius:50%;background:#dff6f0;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 22px;color:#152829;transform:none;animation:none}.reference-string-game .placed-words button b{font-size:18px;font-weight:400}.reference-string-game .placed-words button span{color:#28756f;font-size:16px}.reference-string-game .placed-words button.latest{outline:0;box-shadow:0 0 0 5px #bff1e638;animation:referenceWordDrop .32s ease-out both}.reference-string-game .word-stage-next{position:absolute;right:50%;bottom:18px;transform:translateX(50%);margin:0;padding:0;border:0;background:transparent;color:#d9fffa;font-size:14px;text-decoration:none}.reference-string-hint{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);color:#b9e9e4;font-size:14px;pointer-events:none}@keyframes referenceWordDrop{from{opacity:0;transform:translateY(-24px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.word-study-page:has(.reference-string-game) .word-study-head{padding:0 12px}.reference-string-game .placed-words{width:230px;margin:0}.reference-string-game .placed-words button{width:220px}.reference-string-game .word-stick{top:22%;height:57%}}
/* Sentence study follows the light, card-based layout in sentence.png. */
.sentence-study-page{position:fixed;z-index:20;inset:0;left:150px;box-sizing:border-box;padding:22px 20px 34px;background:#f3f3f3;color:#151515;display:flex;flex-direction:column;overflow:auto}
.sentence-study-head{width:100%;margin:0}
.sentence-study-head h1{margin:0 0 20px;font-size:18px;font-weight:700;line-height:1.5}
.sentence-study-head>div{display:flex;align-items:center;gap:20px}
.sentence-study-head button{border:1px solid #35b8c3;border-radius:2px;background:#35b8c3;color:#fff;padding:8px 18px;font-size:14px;cursor:pointer}
.sentence-study-head strong{font-size:20px;font-weight:400}
.sentence-study-list{width:100%;max-width:800px;margin:36px auto 20px;display:flex;flex-direction:column;gap:18px}
.sentence-study-row{min-height:80px;box-sizing:border-box;padding:15px 28px 15px 30px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sentence-study-text{min-width:0;display:flex;flex-direction:column;gap:6px}
.sentence-study-text b{font-size:28px;font-weight:400;line-height:1.25;overflow-wrap:anywhere}
.sentence-study-text span{display:none;color:#687274;font-size:28px;line-height:1.25;overflow-wrap:anywhere}
.sentence-study-text span.visible{display:block}

.sentence-study-tools{flex:0 0 auto;display:flex;align-items:center;gap:14px}
.sentence-study-tools>button{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f5f5f5;color:#aeb2b7;font-size:17px;cursor:pointer}
.sentence-study-tools .sentence-translate{font-size:18px;font-weight:700}
.sentence-study-tools label{display:flex;align-items:center;gap:8px;color:#777;cursor:pointer;white-space:nowrap}
.sentence-study-tools input{position:absolute;opacity:0;pointer-events:none}
.sentence-study-tools label i{width:22px;height:22px;box-sizing:border-box;border:2px solid #888;border-radius:50%;background:#fff;position:relative}
.sentence-study-tools input:checked+i{border-color:#35b8c3;background:#35b8c3}
.sentence-study-tools input:checked+i::after{content:'✓';position:absolute;inset:-2px 0 0;color:#fff;text-align:center;font-size:15px;line-height:22px}
.sentence-study-tools label em{font-style:normal;font-size:16px}
.sentence-study-footer{width:100%;max-width:800px;margin:20px auto 40px;display:flex;align-items:center;justify-content:space-between;padding-top:18px}
.sentence-study-footer button,.sentence-nav-placeholder{width:74px;min-height:32px;box-sizing:border-box}
.sentence-study-footer button{border:1px solid #35b8c3;border-radius:3px;background:transparent;color:#21adba;padding:6px 10px;font-size:14px;line-height:18px;cursor:pointer}
.sentence-study-footer button:hover{background:#35b8c3;color:#fff}
.sentence-study-footer .sentence-submit{border-color:#35b8c3!important;background:#35b8c3!important;color:#fff!important}
.sentence-study-footer .sentence-submit:hover{background:#249fa8!important}
.sentence-study-footer{justify-content:flex-end!important;gap:20px!important;padding-top:0!important}
.sentence-study-footer button{width:80px!important;min-height:32px!important;height:32px!important;padding:0!important}
.sentence-study-footer .sentence-nav-placeholder{display:none!important}


.sentence-study-tools label i{width:23px!important;height:23px!important;border:2px solid #7d8486!important;background:#fff!important}
.sentence-study-tools input:checked+i{border:6px solid var(--theme)!important;background:#fff!important}
.sentence-study-tools input:checked+i::after{display:none!important}
@media(max-width:800px){.sentence-study-page{left:76px;padding:18px 16px 26px}.sentence-study-head h1{font-size:16px}.sentence-study-row{align-items:flex-start;padding:18px;flex-direction:column}.sentence-study-tools{width:100%;justify-content:flex-end}.sentence-study-text b,.sentence-study-text span{font-size:22px}}
.word-study-head .stage-breadcrumb,.sentence-study-head .stage-breadcrumb{gap:0!important}.breadcrumb-separator{margin:0 6px;color:#B5BDBE;font-style:normal;font-size:18px;line-height:1}
.article-study-head .breadcrumb-parent,.article-study-head .breadcrumb-current{font-size:20px}
.breadcrumb-parent,.breadcrumb-current{font-weight:700}
.word-study-page:has(.word-string-main) button,.word-study-page:has(.stage1-smash-game) button{border-radius:5px!important}.word-study-page:has(.word-string-main) .word-study-head .stage-level button:hover,.word-study-page:has(.stage1-smash-game) .word-study-head .stage-level button:hover{background:#249FA8!important;color:#fff}
.word-study-page:not(.review-stage-page):not(.hard-stage-page):not(:has(.word-string-main)):not(:has(.stage1-smash-game)) .word-study-head .stage-level button{border-radius:5px}.word-study-page:not(.review-stage-page):not(.hard-stage-page):not(:has(.word-string-main)):not(:has(.stage1-smash-game)) .word-study-head .stage-level button:hover{background:#249FA8;color:#fff}
.sentence-study-page{padding:0 20px 34px!important;background:#f1f1f1}.sentence-study-head{box-sizing:border-box!important;width:auto!important;height:65px!important;margin:0 -20px!important;padding:0 20px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.sentence-study-head .stage-breadcrumb,.sentence-study-head .stage-level{height:auto!important;margin:0!important}.sentence-study-head .breadcrumb-parent,.sentence-study-head .breadcrumb-current{font-size:18px!important;font-weight:700}.sentence-study-head .stage-level button{width:auto!important;height:32px!important;padding:0 18px!important;border:0!important;border-radius:5px!important;background:#34b7bf!important;color:#fff!important}.sentence-study-list{margin:20px auto!important}@media(max-width:800px){.sentence-study-page{padding:0 12px 26px!important}.sentence-study-head{margin:0 -12px!important;padding:0 12px!important}}

/* 声音播放与翻译图标：统一悬停反馈色。 */
.sound:hover,.listen:hover,.stage-sound:hover,.stage-translate:hover,.sentence-sound:hover,.sentence-translate:hover{color:#31B5C3!important}
.stage-sound:hover,.stage-translate:hover,.sentence-sound:hover,.sentence-translate:hover{background:#e6f6f7!important}
.sound:hover .audio-icon,.listen:hover .audio-icon,.stage-sound:hover .audio-icon,.sentence-sound:hover .audio-icon{filter:brightness(0) saturate(100%) invert(64%) sepia(43%) saturate(853%) hue-rotate(135deg) brightness(84%) contrast(91%)}

/* Sentence library translations sit below the sentence, keeping word/phrase layouts unchanged. */
.sentence-hard-stage-page .stage-word-text{flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0}
.sentence-hard-stage-page .stage-word-text b,.sentence-hard-stage-page .stage-word-text span{max-width:100%;overflow-wrap:anywhere}

/* Local article vocabulary library. */
.article-board .article-hard-library-button{position:absolute;top:18px;left:22px;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;padding:0;background:transparent;color:#35b7c4;cursor:pointer;font-size:14px}
.article-hard-library-button b{font-weight:500}.article-hard-library-button:focus-visible{outline:2px solid #35b7c4;outline-offset:5px;border-radius:5px}
.article-board:has(.article-hard-library-button)>h2{padding-left:105px;padding-right:105px}
.article-hard-library.word-study-page{background:#f5f6f8}.article-hard-library .word-recognition{width:min(800px,calc(100% - 40px));margin:16px auto 30px}.article-hard-library .study-word-row{box-sizing:border-box;min-height:80px;background:#fff;border-radius:10px}.article-hard-library .stage-word-text{flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:18px}.article-hard-library .stage-word-text b,.article-hard-library .stage-word-text span{overflow-wrap:anywhere;max-width:100%}.article-hard-library .word-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px;color:#87969c;font-size:14px}
@media(max-width:640px){.article-board .article-hard-library-button{position:static;align-items:flex-start;width:max-content;margin-bottom:12px}.article-board:has(.article-hard-library-button)>h2{padding-left:0;padding-right:0}}

/* Keep article overflow inside its card and align the library header with study headers. */
.article-page{overflow:hidden}
.article-page>.article-board{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.article-page>.article-study-head,.article-page>.article-actions{flex-shrink:0}
.article-hard-library .word-study-head{box-sizing:border-box;flex-shrink:0}
.article-hard-library .word-study-head .stage-breadcrumb{height:auto;margin:0;display:flex;flex-direction:row;align-items:baseline;gap:0;min-width:0}
.article-hard-library .word-study-head .breadcrumb-parent,.article-hard-library .word-study-head .breadcrumb-current{font-size:18px;font-weight:700;line-height:normal}
.article-hard-library .word-study-head .stage-level{margin:0;flex-shrink:0}


/* Remove unavailable pagination controls from the article library layout. */
.article-hard-library .word-page-actions button:disabled{display:none}


.word-chip-list>.config-bulk-edit{align-self:center;flex-shrink:0;box-sizing:border-box;height:29px;margin-left:12px;padding:0 14px;border:1px solid #35b7c4;border-radius:5px;background:#fff;color:#35b7c4;white-space:nowrap;cursor:pointer}
.config-bulk-dialog{width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:0;border-radius:10px;background:#fff;color:#3c4043;box-sizing:border-box;overflow:auto}
.config-bulk-dialog::backdrop{background:#344a5780}.config-bulk-dialog form{display:flex;flex-direction:column;gap:14px;margin:0}.config-bulk-dialog header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px;padding:0 8px}.config-bulk-dialog h2{margin:0;font-size:24px;font-weight:700}.config-bulk-dialog .bulk-close{padding:0;border:0;background:none;color:#7d858d;font-size:28px;cursor:pointer}
.config-bulk-dialog textarea{box-sizing:border-box;display:block;width:100%;height:378px;max-height:55dvh;min-height:180px;resize:vertical;padding:12px 18px;border:1px solid #ccc;border-radius:5px;color:#535d6d;background:#fff;font:16px/28px 'Microsoft YaHei',sans-serif}.config-bulk-dialog textarea:focus{outline:2px solid #35b7c433;border-color:#35b7c4}.config-bulk-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:0 10px 10px}.config-bulk-dialog footer button{min-width:80px;height:36px;border:1px solid #35b7c4;border-radius:5px;font-size:16px;cursor:pointer}.config-bulk-dialog .bulk-cancel{background:#fff;color:#35b7c4}.config-bulk-dialog .bulk-confirm{background:#35b7c4;color:#fff}.config-bulk-dialog .bulk-error{margin:0;color:#b42318;font-size:13px}.config-bulk-dialog .bulk-error:empty{display:none}




/* 短语学习、复习和难短语库：中文显示在英文下方。 */
.stage-word-text.phrase-card-text{flex-direction:column;align-items:flex-start;gap:8px;flex:1}
.stage-word-text.phrase-card-text b,.stage-word-text.phrase-card-text span{max-width:100%;overflow-wrap:anywhere}