body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.translation-modal-content::-webkit-scrollbar{width:8px}.translation-modal-content::-webkit-scrollbar-track{background:#0000}.translation-modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.translation-modal-content::-webkit-scrollbar-thumb:hover{background:#999}.translation-modal-content::-webkit-scrollbar-corner{background:#0000}@media (max-width:768px){.translation-modal{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}}.translation-modal-content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-color:#ccc #0000;scrollbar-width:thin;transition:height .3s ease-in-out}.translation-modal-content>div{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;transition:all .3s ease-in-out}.translation-modal-content>*{margin-bottom:12px}.translation-modal-content>:last-child{margin-bottom:0}.translation-modal-content .sentence-explanation{max-height:100%;overflow-y:auto;padding-right:4px;transition:all .3s ease-in-out}.translation-modal-content.streaming{margin-bottom:0;padding:12px 16px!important}.translation-modal-content.normal{padding:20px!important}.translation-modal-content.streaming>div{margin-bottom:8px}.translation-modal-content.streaming>div:last-child{margin-bottom:0}@keyframes touchFeedback{0%{opacity:.8;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes selectionFeedback{0%{opacity:0;transform:translateX(-50%) translateY(20px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes errorFeedback{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@keyframes successFeedback{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.mobile-touch-feedback{animation:touchFeedback .15s ease-out;background:radial-gradient(circle,#007bff4d 0,#007bff1a 70%,#0000 100%);border:2px solid #007bff99;border-radius:50%;height:50px;pointer-events:none;position:fixed;transform:scale(.8);transition:all .15s ease-out;width:50px;z-index:9999}.mobile-selection-feedback{animation:selectionFeedback .3s ease-out;border-radius:20px;bottom:20px;font-size:14px;max-width:80%;padding:8px 16px;transform:translateX(-50%);z-index:9999}.mobile-loading-feedback,.mobile-selection-feedback{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#000c;color:#fff;left:50%;position:fixed;text-align:center}.mobile-loading-feedback{border-radius:10px;min-width:200px;padding:20px;top:50%;transform:translate(-50%,-50%);z-index:10000}.mobile-loading-spinner{animation:loadingSpinner 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin:0 auto 10px;width:20px}.mobile-loading-progress{background-color:#ffffff4d;border-radius:2px;height:4px;margin-top:10px;overflow:hidden;width:100%}.mobile-loading-progress-bar{animation:loadingPulse 1.5s ease-in-out infinite;background-color:#007bff;border-radius:2px;height:100%;transition:width .3s ease}.mobile-error-feedback{animation:errorFeedback .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;color:#fff;font-size:14px;left:50%;max-width:90%;padding:12px 20px;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:10000}.mobile-error-feedback.network{background-color:#dc3545e6}.mobile-error-feedback.validation{background-color:#ffc107e6;color:#000}.mobile-error-feedback.timeout{background-color:#6c757de6}.mobile-error-feedback.unknown{background-color:#dc3545e6}.mobile-success-feedback{animation:successFeedback .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#28a745e6;border-radius:8px;color:#fff;font-size:16px;left:50%;padding:16px 24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10000}@media (max-width:768px){.mobile-touch-feedback{height:60px;width:60px}.mobile-selection-feedback{bottom:30px;font-size:16px;padding:12px 20px}.mobile-loading-feedback{min-width:250px;padding:24px}.mobile-error-feedback{font-size:16px;padding:16px 24px;top:30px}.mobile-success-feedback{font-size:18px;padding:20px 28px}}@media (prefers-contrast:high){.mobile-touch-feedback{background:radial-gradient(circle,#007bff80 0,#007bff33 70%,#0000 100%);border-width:3px}.mobile-loading-feedback,.mobile-selection-feedback{background-color:#000000f2;border:2px solid #fff}.mobile-error-feedback,.mobile-success-feedback{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.mobile-error-feedback,.mobile-loading-feedback,.mobile-loading-progress-bar,.mobile-loading-spinner,.mobile-selection-feedback,.mobile-success-feedback,.mobile-touch-feedback{animation:none}}@media (prefers-color-scheme:dark){.mobile-loading-feedback,.mobile-selection-feedback{background-color:#ffffffe6;color:#000}.mobile-loading-spinner{border-color:#000 #0000004d #0000004d}.mobile-loading-progress{background-color:#0000004d}.mobile-loading-progress-bar{background-color:#007bff}}.article-words-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.article-words-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.article-title-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.title-section{display:flex;flex-direction:column;gap:4px}.title-section h3{color:#000;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.english-title{color:#1f2937;font-weight:600}.chinese-title,.english-title{font-size:16px;line-height:1.4;margin:0}.chinese-title{color:#374151;font-weight:500}.article-words-header h2{color:#333;font-size:24px;margin:0}.close-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.close-btn:hover{background:#d32f2f}.search-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.search-controls{justify-content:space-between}.search-controls,.search-sort-group{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.sort-controls{align-items:center;display:flex;gap:0}.sort-controls .sort-btn:nth-child(2){margin-right:-1px}.sort-controls .sort-btn:nth-child(3){margin-left:-1px}.sort-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.sort-controls .sort-btn:nth-child(2){border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.sort-controls .sort-btn:nth-child(3){border-bottom-left-radius:0!important;border-left:none!important;border-top-left-radius:0!important}.display-mode-controls{align-items:center;display:flex}.display-mode-controls .display-mode-btn:nth-child(2){margin-right:-1px}.display-mode-controls .display-mode-btn:nth-child(3){margin-left:-1px}.display-mode-controls .display-mode-btn:nth-child(2){border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.display-mode-controls .display-mode-btn:nth-child(3){border-bottom-left-radius:0!important;border-left:none!important;border-top-left-radius:0!important}.display-mode-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.display-mode-btn:hover{background:#f9fafb;border-color:#9ca3af}.display-mode-btn.active{background:#1a7f37;border-color:#1a7f37;color:#fff}.sort-btn:hover{background:#f9fafb;border-color:#9ca3af}.sort-btn.active{background:#1a7f37;border-color:#1a7f37;color:#fff}.search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 15px;width:250px}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.word-count{color:#666;font-size:14px}.word-list{word-wrap:break-word;background:#fff;border-radius:4px;overflow-wrap:break-word}.word-list:not(.word-list-brief){display:flex;flex-direction:column;gap:10px}.word-list.word-list-brief{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(calc(50% - 5px),1fr))}.word-container{border:1px solid #cecece;margin:10px 0}.word-container-brief{display:flex;flex-direction:column;height:100%;margin:5px 0;min-width:300px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.word-container-selected{animation:expandCard .3s cubic-bezier(.4,0,.2,1);grid-column:1/-1!important;grid-row:auto!important;margin:10px 0!important}@keyframes expandCard{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.word-container-brief:not(.word-container-selected){animation:shrinkCard .3s cubic-bezier(.4,0,.2,1)}@keyframes shrinkCard{0%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.word-item{cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:25px;transition:background-color .2s}.word-detail-expanded,.word-item.selected{border-left:4px solid #17903a}.word-detail-expanded{animation:slideDown .3s ease-out;padding-left:25px;width:100%}.word-detail-content{align-items:flex-start;display:flex;flex-direction:column;padding:0;width:100%}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.word-basic{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:12px}.word-main{gap:12px}.word-main,.word-phonetics{align-items:center;display:flex;flex-wrap:wrap}.word-phonetics{gap:8px}.word-sentence-line{align-items:flex-start;border-left:4px solid #e3e3e3;display:flex;flex-wrap:wrap;gap:8px;line-height:1.3;padding:5px 15px;width:100%}.sentence-text{word-wrap:break-word;color:#2c3e50;font-size:16px;font-weight:500;overflow-wrap:break-word;white-space:normal}.sentence-context-text,.sentence-text{flex-shrink:1;min-width:0;text-align:left}.sentence-context-text{color:#1b7f38;font-size:15px}.word-meanings{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.word-text{color:#333;font-size:35px;font-weight:800}.part-of-speech{background:#f0f0f0;border-radius:3px;color:#666;font-size:12px;margin-left:10px;padding:2px 6px}.detail-section,.word-detail{align-items:flex-start;display:flex;flex-direction:column;width:100%}.detail-section{margin-bottom:20px}.detail-section h4{color:#1a7f37;font-size:14px;font-weight:bolder;letter-spacing:.5px;margin:0 0 8px;text-align:left;text-transform:uppercase;width:100%}.detail-section p{color:#333;line-height:1.6;margin:0;text-align:left;width:100%}.phonetics-display{display:flex;flex-wrap:wrap;gap:8px}.phonetic-item{align-items:center;display:flex;gap:5px}.phonetic-text{color:#495057;font-family:Arial Unicode MS,Lucida Sans Unicode,sans-serif;font-size:14px}.chinese-explanations,.explanation-item{align-items:flex-start;display:flex;flex-direction:column;width:100%}.explanation-item{padding:8px 0}.explanation-translation{padding:8px 0;text-align:left;width:100%}.explanation-number{color:#1a7f37;display:inline-block;font-size:14px;font-weight:600;margin-right:6px;min-width:20px;-webkit-user-select:none;user-select:none}.explanation-text{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4}.explanation-part-of-speech{color:#666;font-size:12px;font-style:italic;font-weight:400;margin-left:8px}.explanation-sentences{align-items:flex-start;background:#f8f9fa;display:flex;flex-direction:column;padding:10px;width:calc(100% - 16px)}.example-sentence{align-items:flex-start;display:flex;gap:8px;line-height:1.4;padding:4px 0;position:relative}.example-sentence:before{color:#007bff;content:"•";flex-shrink:0;font-size:16px;font-weight:700;line-height:1;margin-right:4px}.sentence-english{color:#495057;font-size:16px}.sentence-chinese{color:#1b7f38;font-size:15px}.explanations{display:flex;flex-direction:column;gap:15px}.explanation-item{border-radius:4px;padding:10px}.translation{color:#333;font-weight:500;margin:0 0 8px}.examples{margin-top:8px}.example{border-left:2px solid #e0e0e0;margin-bottom:8px;padding-left:10px}.example .english{color:#333;font-style:italic;margin:0 0 2px}.example .chinese{color:#666;font-size:13px;margin:0}.related-words{gap:16px;margin-bottom:20px}.antonyms-section,.related-words,.synonyms-section{align-items:flex-start;display:flex;flex-direction:column;width:100%}.antonyms-section,.synonyms-section{gap:8px}.antonyms-section h4,.synonyms-section h4{color:#1a7f37;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.antonyms-list,.synonyms-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.antonym-tag,.synonym-tag{border-radius:2px;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s}.synonym-tag{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.synonym-tag:hover{background:#bbdefb;transform:translateY(-1px)}.antonym-tag{background:#ffebee;border:1px solid #ffcdd2;color:#d32f2f}.antonym-tag:hover{background:#ffcdd2;transform:translateY(-1px)}.sentence-context,.sentence-meaning{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;color:#495057;font-size:14px;line-height:1.6;margin:0;padding:12px}.no-detail{color:#999;font-style:italic}.loading{align-items:center;color:#666;display:flex;font-size:16px;height:200px;justify-content:center}.error{color:#d32f2f;padding:40px;text-align:center}.error h3{margin:0 0 10px}.error button{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.error button:hover{background:#d32f2f}@media (max-width:768px){.article-words-content{height:auto}.word-list{height:400px}.search-input{width:100%}.search-section{align-items:stretch;flex-direction:column}.word-list.word-list-brief{align-items:stretch;grid-template-columns:1fr}.word-container-brief{min-width:auto}}@media (min-width:769px) and (max-width:1200px){.word-list.word-list-brief{align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(calc(50% - 5px),1fr))}}@media (min-width:1201px){.word-list.word-list-brief{align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}
/*# sourceMappingURL=main.3bc89489.css.map*/