@charset "UTF-8";.dictionaryPage div .vocabRow{border-bottom:1px solid silver;padding-top:2px;padding-bottom:2px}.dictionaryPage div .vocabRow .addRemoveIcon{display:inline-block;text-align:right;width:4%}.dictionaryPage div .active{background-color:#e7f3fd;-webkit-animation:1s longpress;animation:1s longpress}@-webkit-keyframes longpress{20%{background:#aad5f8}to{background:#fff}}@keyframes longpress{0%{background:#7bbef4}70%{background:#aad5f8}}.dictionaryPage div .flagged{background-color:#f7e6cd!important}.dictionaryPage div .additionalInfo{font-family:Arial Unicode MS,Arial,sans-serif;font-size:11px;font-style:italic;padding-top:5px;padding-left:10px}.dictionaryPage div .hskLevel{font-family:Arial Unicode MS,Arial,sans-serif;font-size:11px;padding:5px;float:right}.dictionaryPage div .character{font-family:汉鼎简中楷,KaiTi;font-size:24px;font-weight:400;padding-left:7px}.dictionaryPage div .character .blue{color:#00f}.dictionaryPage div .character .red{color:red}.dictionaryPage div .character .green{color:green}.dictionaryPage div .character .purple{color:purple}.dictionaryPage div .character .ashgray{color:ashgray}.dictionaryPage div .pinyin{font-family:Lucida Sans Unicode,Arial,sans-serif;font-size:18px;font-weight:700;padding-top:2px;padding-left:3px}.dictionaryPage div .english{font-family:Arial Unicode MS,Arial,sans-serif;font-size:16px;font-weight:400;margin-left:10px;vertical-align:text-top;color:#686767}.dictionaryPage div .vocabExpander{text-align:center;height:5px}.dictionaryPage div svg.expanderIcon{height:14px;color:#d3d3d3}.dictionaryPage div .sentenceCollection>div{padding:3px 0}.dictionaryPage div .sentenceCollection>div>div.character{font-size:18px}.dictionaryPage div .sentenceCollection>div>div.pinyin{font-size:9px;padding-left:10px;padding-top:0}.dictionaryPage div .hasSentences{border-bottom-color:#87cefa}#spinBlocker{position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:#ffffffb3;z-index:9999;display:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#spinBlocker:after{content:"";display:block;position:relative;margin:auto;top:50%;width:40px;height:40px;border-style:solid;border-color:#1e90ff;border-top-color:transparent;border-width:4px;border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}.content{display:flex;flex-direction:column;height:100%;overflow:hidden}.progress-container{display:flex;align-items:center;gap:12px;padding:6px 16px 2px}.progress-container .progress-track{flex:1;height:5px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-container .progress-track .progress-fill{height:100%;background:#2196f3;border-radius:3px;transition:width .3s ease}.progress-container .progress-text{font-size:12px;color:#888;white-space:nowrap}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px 16px;overflow:hidden;color:#2196f3}.card-content>div{padding:8px 5px;width:100%}.card-content .hidden{visibility:hidden}.card-content .simplified,.card-content .traditional{font-family:Georgia,Times New Roman,KaiTi,楷体,STKaiti,华文楷体,serif;font-weight:400;font-size:80px;line-height:1.1}.card-content .simplified .blue,.card-content .traditional .blue{color:#00f}.card-content .simplified .red,.card-content .traditional .red{color:red}.card-content .simplified .green,.card-content .traditional .green{color:green}.card-content .simplified .purple,.card-content .traditional .purple{color:purple}.card-content .simplified .ashgray,.card-content .traditional .ashgray{color:ashgray}.card-content .pinyin{font-family:Arial Unicode MS,Arial,sans-serif;font-size:24px}.card-content .english{font-family:Arial Unicode MS,Arial,sans-serif;font-size:24px;font-weight:400;-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden!important;text-overflow:ellipsis;-webkit-line-clamp:4}#footer{flex-shrink:0}#footer .action-buttons{display:flex;flex-direction:column;gap:8px;padding:8px 16px 12px}#footer .action-buttons button{font-size:18px;color:#fff;border-radius:6px;border:none;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2);letter-spacing:.02em;width:100%;height:52px;background:#789}#footer .action-buttons #correct{background-color:#1cb841}#footer .action-buttons #incorrect{background-color:#ca3c3c}.sentences td{padding:2px;border-bottom:1px solid #f8f8f8}.sentences .simplified,.sentences .traditional{font-family:KaiTi;font-size:20px;font-weight:400;color:#2196f3}.sentences .pinyin{font-family:Lucida Sans Unicode,Arial,sans-serif;font-size:14px;font-weight:700}.sentences .english{font-family:Arial Unicode MS,Arial,sans-serif;font-size:14px;font-weight:400;vertical-align:text-top}@media all and (orientation: landscape){.card-content .simplified,.card-content .traditional{font-size:50px}.card-content .pinyin,.card-content .english{font-size:20px}#footer .action-buttons{flex-direction:row;padding:6px 16px 8px}#footer .action-buttons button{height:44px;font-size:16px}}html,body{margin:0;padding:0;height:100%}.sentencePage{margin-top:51px}.sentencePage .sentenceInput{padding-top:7px}.sentencePage .sentenceInput form{margin:10px;padding:10px;border:1px solid silver}.sentencePage .sentenceInput .inputField{padding-bottom:15px}.sentencePage .sentenceInput div{width:100%}.sentencePage .sentenceInput div button{padding:3px;margin-right:10px;width:100px}.sentencePage .sentences{border-spacing:0px}.sentencePage div .sentenceRow{border-bottom:1px solid silver;padding:4px 7px}.sentencePage div .selected{background-color:#f8f8ff}.sentencePage div .character,.sentencePage div .simplified,.sentencePage div .traditional{font-family:汉鼎简中楷,KaiTi;font-size:20px;font-weight:400}.sentencePage div .character .blue,.sentencePage div .simplified .blue,.sentencePage div .traditional .blue{color:#00f}.sentencePage div .character .red,.sentencePage div .simplified .red,.sentencePage div .traditional .red{color:red}.sentencePage div .character .green,.sentencePage div .simplified .green,.sentencePage div .traditional .green{color:green}.sentencePage div .character .purple,.sentencePage div .simplified .purple,.sentencePage div .traditional .purple{color:purple}.sentencePage div .character .ashgray,.sentencePage div .simplified .ashgray,.sentencePage div .traditional .ashgray{color:ashgray}.sentencePage div .pinyin{font-family:Arial Unicode MS,Arial,sans-serif;font-size:14px;font-weight:700;padding-top:2px;padding-bottom:1px;color:#464646}.sentencePage div .english{font-family:Arial Unicode MS,Arial,sans-serif;font-size:14px;font-weight:400;vertical-align:text-top;color:#686767}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media all and (orientation: landscape){.dictionaryPage div .character{font-size:18px}.dictionaryPage div .pinyin{font-size:12px}.dictionaryPage div .english{font-size:10px}}