.study-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 9px}
.front-word{position:relative}.front-word>.study-word-tag{position:absolute;top:3px;right:4px;padding:2px 4px;border-radius:5px;font-size:7px;font-style:normal;line-height:1.2;background:#e2eedc;color:#7e9b6f;z-index:1}.front-word>.study-word-tag.review{background:#f0e6c9;color:#ae9463}
.study-overview>div,.study-overview>button{background:#edf3e5;border:1px solid #e2ead8;border-radius:12px;padding:8px 3px;text-align:center;min-width:0;color:#577761}
.study-overview b{display:block;font-size:21px;line-height:1.2;color:#589579}.study-overview b small{font-size:11px;color:#9aab8d;font-weight:500}.study-overview span{display:block;font-size:9px;margin-top:4px;color:#8da080}
.study-plan-tabs{display:flex;gap:5px}.study-plan-tabs button{flex:1;min-width:0;min-height:36px;background:#f0f1e4;color:#8a9c77;border:1px solid #e5e8d4;border-radius:9px;font-size:10px;font-weight:700;padding:5px 2px}.study-plan-tabs button[aria-pressed=true]{background:#d9eddf;color:#4c8063;border-color:#b2d5ba}
.front-learning .study-plan-note{font-size:9px;line-height:1.5;color:#97a78a;margin:7px 0 9px}.study-plan-note button{font-size:9px;background:#f1e7ce;color:#a28d63;padding:3px 7px;border-radius:6px;min-height:28px;margin-left:3px}
.front-learning:has(.study-overview){padding-top:14px;padding-bottom:13px}.front-learning:has(.study-overview) .front-word-row{margin-top:8px;margin-bottom:11px}.front-learning:has(.study-overview) .front-word{padding-top:5px;padding-bottom:5px}.front-learning:has(.study-overview) .front-word>span{height:29px}.front-learning:has(.study-overview) .front-word img{max-height:29px}.front-learning:has(.study-overview) .front-word>small{font-size:8px}
.word-meaning-symbol{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:38px;border-radius:12px;background:#ecf2dd;color:#66805c;font-family:"Microsoft YaHei",sans-serif;font-size:clamp(13px,4vw,19px)!important;line-height:1.4!important;letter-spacing:0;font-weight:700;padding:8px 10px;overflow-wrap:anywhere;white-space:normal}
.front-word .word-meaning-symbol{font-size:12px!important;line-height:1.3!important;padding:3px 5px;max-height:34px;overflow:hidden}.front-word:has(.word-meaning-symbol)>small{display:none}
.choice-meaning{display:block;font-style:normal;font-size:11px!important;line-height:1.5;color:#779780;letter-spacing:0;margin-top:5px;white-space:normal;overflow-wrap:anywhere}
.answers .answer.picture{font-size:32px}.answers .answer .choice-meaning{font-size:12px!important}.mission-item:has(.word-meaning-symbol){padding:5px}.mission-item .word-meaning-symbol{font-size:13px!important;padding:7px 3px}.mission-item .choice-meaning{font-size:10px!important}
.scene-choice .choice-meaning{display:block;position:relative;z-index:2;background:#fffceddb;border-radius:6px;padding:2px 3px;font-size:10px!important;max-width:105px;margin:3px auto;color:#6b8664}.scene-choice .word-meaning-symbol{font-size:12px!important;padding:5px}.scene-choice .word-meaning-symbol+.choice-meaning{display:none}
.study-summary>p{font-size:12px;margin:8px 0 14px;color:#82907e}.study-summary .study-overview{margin-top:0}.study-summary .study-overview b{font-size:26px}
.book-selects{display:flex;gap:9px;margin-bottom:12px}.book-selects label{flex:1;min-width:0;color:#7c937a;font-size:11px}.book-selects select{display:block;width:100%;min-width:0;min-height:42px;border:1px solid #d4e1ca;border-radius:10px;background:#f6f8eb;color:#627d61;margin-top:5px;padding:7px;font-size:12px}
.book-search-label{font-size:11px;color:#829179;display:block}.book-search-label input{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #d4e1ca;border-radius:11px;background:#fffdf2;padding:8px 11px;margin-top:5px;color:#56765d;font-size:14px}
.book-status-tabs{display:flex;gap:5px;margin:12px 0 7px;flex-wrap:wrap}.book-status-tabs button{flex:1;min-width:43px;border:1px solid #e0e8d5;border-radius:9px;background:#edf2e3;min-height:40px;padding:7px 3px;font-size:10px;color:#84977c}.book-status-tabs button[aria-pressed=true]{background:#69aa8b;border-color:#68a98a;color:#fffdf0}
.book-result-count{font-size:11px;color:#91a186;margin:10px 0 3px}.book-word-state{display:block;font-size:10px;color:#99aa87;margin-top:4px;line-height:1.5}.book-word-state.due{color:#b48c54}.book-word-state.stable{color:#5c9b79}.book-panel .word-row .word-copy b{font-size:17px;overflow-wrap:anywhere}.book-panel .word-row .word-copy{min-width:0}.book-panel .word-row small{font-size:10px;line-height:1.5}.book-panel .word-icon{font-size:25px;width:32px;flex-shrink:0}.book-panel .word-row>button{font-size:15px;padding:8px;flex-shrink:0}
.book-pagination{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:15px;font-size:12px;color:#8e9f82}.book-pagination button{min-height:44px;background:#e4efdc;color:#668263;border-radius:10px;padding:8px 13px;font-size:12px}
.grade-label #study-new-goal,.grade-label #study-topic{max-width:175px;min-width:100px;min-height:42px;border:1px solid #d3e1cb;border-radius:10px;padding:7px;background:#f5f8e9;color:#66805f;font-size:12px}.study-settings-note{font-size:11px!important;line-height:1.8;color:#8a9b81}.grade-label{font-size:13px}.grade-label #grade{font-size:12px;padding:7px;max-width:185px;box-shadow:none}
@media(max-height:740px){.front-mode .front-postcard{height:118px}.front-learning:has(.study-overview) .study-plan-note{margin-bottom:6px}}
@media(max-width:350px){.front-learning:has(.study-overview){padding:11px}.study-overview{margin-top:7px;margin-bottom:6px}.study-overview>div,.study-overview>button{padding:6px 2px}.study-overview b{font-size:19px}.study-plan-tabs button{min-height:34px;font-size:9px}.front-learning .study-plan-note{font-size:8px}.front-learning:has(.study-overview) .front-learning-title h2{font-size:16px}.front-learning:has(.study-overview) .front-word-row{margin-top:5px;margin-bottom:8px}.front-learning:has(.study-overview) .front-learn-footer{margin-top:9px}.book-panel{padding:12px}.book-selects{gap:7px}.book-panel .word-row{gap:7px}}

.daily-reward-panel{margin-top:10px;padding:9px 11px;background:#f2f2e2;border:1px solid #e1e7d1;border-radius:12px;color:#81916b;font-size:10px}.daily-reward-panel>div{display:flex;justify-content:space-between;gap:6px}.daily-reward-panel b{color:#608767;font-size:12px}.daily-reward-panel small{display:block;font-size:9px;line-height:1.6;margin-top:4px;color:#9c9c7b}.front-learning .daily-reward-panel{margin-top:9px;padding:7px 9px}.front-learning .daily-reward-panel small{font-size:8px}.lesson>.daily-reward-panel{margin:10px 0}@media(max-width:350px){.daily-reward-panel{font-size:9px}.daily-reward-panel b{font-size:11px}}
.wallet{position:relative}.wallet-daily{position:absolute;right:5px;bottom:-20px;white-space:nowrap;color:#78916c;background:#ffffefbf;padding:2px 6px;border-radius:7px;font-size:9px;font-weight:600;line-height:1.3;box-shadow:0 1px 3px #71906c0a}
