*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#4361ee;--primary-dark:#3a56d4;--secondary-color:#7209b7;--accent-color:#f72585;--text-color:#333;--text-light:#666;--text-lighter:#888;--bg-color:#f8f9fa;--card-bg:#ffffff;--border-color:#e9ecef;--shadow:0 4px 12px rgba(0,0,0,0.08);--shadow-hover:0 8px 24px rgba(0,0,0,0.12);--radius:12px;--radius-sm:8px;--transition:all 0.3s ease}body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 20px;overflow-x:hidden}.header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:1.5rem 0;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.header-content{text-align:center}.header h1{font-family:'Merriweather',serif;font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;gap:0.75rem}.subtitle{font-size:1.1rem;opacity:0.9;max-width:600px;margin:0 auto}.search-section{margin-bottom:2.5rem}.search-container{max-width:800px;margin:0 auto}.search-box{display:flex;align-items:center;background:var(--card-bg);border-radius:var(--radius);padding:0.5rem;box-shadow:var(--shadow);border:2px solid transparent;transition:var(--transition)}.search-box:focus-within{border-color:var(--primary-color);box-shadow:var(--shadow-hover)}.search-icon{color:var(--text-lighter);font-size:1.2rem;padding:0 1rem}#searchInput{flex:1;border:none;padding:1rem 0;font-size:1.1rem;outline:none;background:transparent}#searchInput.shake{animation:shake 0.3s ease-in-out;border-color:var(--accent-color)}.search-btn{background:var(--primary-color);color:white;border:none;padding:1rem 2rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:0.5rem}.search-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.search-hint{margin-top:1rem;color:var(--text-light);font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;justify-content:center;flex-wrap:wrap}.history-toggle-btn{position:fixed;right:2rem;bottom:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(67,97,238,0.4);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;z-index:999;font-size:1.5rem}.history-toggle-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 28px rgba(67,97,238,0.5)}.history-toggle-btn:active{transform:scale(0.95)}.history-badge{position:absolute;top:-5px;right:-5px;background:#f72585;color:white;border-radius:12px;padding:0.15rem 0.4rem;font-size:0.75rem;font-weight:600;min-width:20px;text-align:center;box-shadow:0 2px 8px rgba(247,37,133,0.4)}.history-panel{position:fixed;right:-400px;top:0;width:400px;height:100vh;background:white;box-shadow:-4px 0 20px rgba(0,0,0,0.1);z-index:1001;display:flex;flex-direction:column;transition:right 0.3s cubic-bezier(0.4,0,0.2,1)}.history-panel.active{right:0}.history-panel-header{padding:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.history-panel-header h3{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:0.5rem}.close-history-btn{background:rgba(255,255,255,0.2);border:none;color:white;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.close-history-btn:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg)}.history-panel-content{flex:1;overflow-y:auto;padding:1rem}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-light);text-align:center}.empty-history i{font-size:3rem;margin-bottom:1rem;opacity:0.3}.history-items{display:flex;flex-direction:column;gap:0.75rem}.history-item{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:1rem;cursor:pointer;transition:all 0.2s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.history-item:hover{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(67,97,238,0.05),rgba(114,9,183,0.05));transform:translateX(-4px);box-shadow:0 2px 12px rgba(67,97,238,0.15)}.history-item-content{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0}.history-item-content i{font-size:1.1rem;color:var(--primary-color);flex-shrink:0}.history-item-text{flex:1;min-width:0}.history-item-word{font-weight:600;color:var(--text-color);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-time{font-size:0.8rem;color:var(--text-light);margin-top:0.2rem}.history-item-delete{background:transparent;border:none;color:var(--text-light);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.history-item-delete:hover{background:#fee;color:#e53e3e}.history-panel-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;flex-shrink:0}.clear-all-history-btn{width:100%;padding:0.75rem 1rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:white;border:none;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem}.clear-all-history-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(238,90,111,0.4)}.clear-all-history-btn:active{transform:translateY(0)}.history-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.history-overlay.active{opacity:1;visibility:visible}.loading-container{text-align:center;padding:3rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:0.75rem}.section-loading .spinner{width:30px;height:30px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.section-loading p{color:var(--text-light);font-size:0.9rem;margin:0}.section-loading-inline{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;color:var(--text-light);font-size:0.85rem;background:rgba(67,97,238,0.05);border-radius:var(--radius-sm);margin:0.5rem 0}.spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-message-inline{color:var(--error-color);font-size:0.85rem;padding:0.5rem 1rem;background:rgba(220,53,69,0.1);border-radius:var(--radius-sm);margin:0.5rem 0}.no-data{text-align:center;padding:2rem;color:var(--text-lighter);font-style:italic}.error-message{text-align:center;padding:2rem;color:#c62828;background:#ffebee;border-radius:var(--radius-sm);font-size:0.9rem}.results-container{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:2rem}.word-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.word-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.word-title-section{}.word-title-section h2{font-family:'Merriweather',serif;font-size:2.2rem;color:var(--text-color);margin:0}.word-frequency{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:linear-gradient(135deg,#fff5f5 0%,#ffe4e4 100%);border-radius:20px;font-size:0.85rem;color:var(--text-color);font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.word-frequency i{color:#e53e3e}.header-meta{display:flex;align-items:center;gap:1rem}.entry-tabs-container{display:none}.word-meta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.pronunciation,.part-of-speech,.frequency{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:white;border-radius:20px;font-size:0.9rem;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.pronunciation-container{display:flex;align-items:center;gap:0.5rem}.pronunciation-card{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.pronunciation-wrapper{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pronunciation{font-family:'Courier New',monospace;font-size:1.25rem;color:var(--text-dark);font-weight:500}.pronunciation-audio{height:32px;border-radius:16px}.audio-play-btn{background:var(--primary-color);color:white;border:none;padding:0.5rem 0.75rem;border-radius:20px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:0.25rem;font-size:0.85rem}.audio-play-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.audio-play-btn i{font-size:1rem}.part-of-speech{background:#e3f2fd;color:#1565c0}.frequency{background:#f3e5f5;color:#7b1fa2}.word-stats{display:flex;gap:2rem;margin-top:1rem}.entry-tabs-container{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(0,0,0,0.08)}.entry-selector-label{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--text-color);margin-bottom:0.75rem;font-size:0.9rem}.entry-selector-label i{color:var(--primary-color);font-size:1rem}.entry-selector-label{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--text-color);margin-bottom:0.75rem;font-size:0.9rem}.entry-selector-label i{color:var(--primary-color);font-size:1rem}.entry-selector-hint{margin-left:0.5rem;cursor:help;opacity:0.6;transition:opacity 0.2s ease}.entry-selector-hint:hover{opacity:1}.entry-selector-hint i{font-size:0.85rem;color:var(--text-light)}.entry-dropdown-container{margin-top:0.75rem}.entry-dropdown{width:100%;padding:0.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:white;font-size:0.9rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem}.entry-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(67,97,238,0.1)}.entry-dropdown:hover{border-color:var(--primary-color)}.entry-tabs{display:flex;gap:0.75rem;flex-wrap:wrap}.entry-tab{background:white;border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem 1.25rem;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;gap:0.4rem;min-width:140px;text-align:left}.entry-tab:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(67,97,238,0.15);transform:translateY(-2px)}.entry-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:var(--primary-color);color:white;box-shadow:0 4px 16px rgba(67,97,238,0.3)}.entry-tab-number{font-weight:700;font-size:1rem;color:var(--primary-color)}.entry-tab.active .entry-tab-number{color:white}.entry-tab-meta{font-size:0.85rem;color:var(--text-light);font-weight:500}.entry-tab.active .entry-tab-meta{color:rgba(255,255,255,0.9)}.entry-tab-count{font-size:0.75rem;color:var(--text-lighter);margin-top:0.2rem}.entry-tab.active .entry-tab-count{color:rgba(255,255,255,0.8)}.stat{display:flex;align-items:center;gap:0.5rem;color:var(--text-light);font-size:0.9rem}.content-grid{display:grid;grid-template-columns:3fr 2fr;gap:2rem;padding:2rem;overflow-x:hidden;width:100%}@media (max-width:1024px){.content-grid{grid-template-columns:1fr;gap:1.5rem}}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);margin-bottom:1.5rem;display:flex;flex-direction:column;max-height:600px;position:relative;box-sizing:border-box;width:100%}.card:hover{box-shadow:var(--shadow-hover)}.card.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;max-height:100vh;z-index:1000;margin:0;border-radius:0;animation:expandCard 0.3s ease-out}.fullscreen-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;animation:fadeIn 0.3s ease-out}@keyframes expandCard{from{transform:scale(0.9);opacity:0.8}to{transform:scale(1);opacity:1}}.card-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:white;padding:1.25rem 1.5rem;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:0.75rem;margin:0}.card-actions{display:flex;gap:0.5rem}.card-action-btn{background:rgba(255,255,255,0.2);border:none;color:white;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.card-action-btn:hover{background:rgba(255,255,255,0.3)}.load-more-btn-header{background:rgba(255,255,255,0.95);color:var(--primary-color);border:none;padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:0.4rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.load-more-btn-header:hover:not(:disabled){background:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.load-more-btn-header:active:not(:disabled){transform:translateY(0)}.load-more-btn-header:disabled{opacity:0.7;cursor:not-allowed}.load-more-btn-header i{font-size:0.9rem}.card-body{padding:1.5rem;overflow-y:auto;overflow-x:hidden;flex:1;scroll-behavior:smooth;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.card-body::-webkit-scrollbar{width:8px}.card-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.card-body::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px;transition:background 0.3s}.card-body::-webkit-scrollbar-thumb:hover{background:#888}.card-body{scrollbar-width:thin;scrollbar-color:#c4c4c4 #f1f1f1}.card-body::before{content:'';position:sticky;top:0;display:block;height:0;box-shadow:0 8px 8px -8px rgba(0,0,0,0.15) inset;pointer-events:none;z-index:1}.card-body::after{content:'';position:sticky;bottom:0;display:block;height:0;box-shadow:0 -8px 8px -8px rgba(0,0,0,0.15) inset;pointer-events:none;z-index:1}.load-more-container{text-align:center;margin-top:1rem}.senses-list{display:flex;flex-direction:column;gap:1.5rem}.form-pronunciation-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.word-pronunciation{display:flex;justify-content:center;align-items:center;margin:0.5rem 0;width:100%}.word-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:100%}.word-title-row h2{margin:0;flex:1;min-width:0}.sense-item-container{background:#f8f9fa;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease}.sense-item-container:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.sense-item-container.sense-placeholder{min-height:200px;display:flex;align-items:center;justify-content:center}.sense-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.sense-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sense-definition{font-size:1.1rem;font-weight:500;color:var(--text-color);margin-bottom:0.75rem;line-height:1.5}.sense-pronunciation{display:inline-flex;align-items:center;gap:0.5rem;margin-left:0.5rem;padding:0.25rem 0.5rem;background:rgba(67,97,238,0.08);border-radius:12px;font-size:0.85rem;vertical-align:middle}.pronunciation-audio-small{height:24px;border-radius:12px;vertical-align:middle}.sense-pos{display:inline-block;padding:0.15rem 0.6rem;margin:0 0.4rem;background:#e3f2fd;color:#1565c0;border-radius:12px;font-size:0.85rem;font-weight:600}.sense-examples{margin:1rem 0}.sense-examples .example-item{background:#f8f9fa;padding:0.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:0.5rem;border-left:3px solid var(--accent-color);font-style:italic}.sense-examples .example-item:last-child{margin-bottom:0}.sense-collocations,.sense-synonyms,.sense-antonyms{margin:0.75rem 0;font-size:0.95rem;color:var(--text-light)}.sense-collocations strong,.sense-synonyms strong,.sense-antonyms strong{display:block;margin-bottom:0.25rem}.sense-meta{display:flex;gap:0.5rem;margin-top:0.75rem;margin-bottom:0.75rem;flex-wrap:wrap;align-items:center}.tone-badge{padding:0.25rem 0.75rem;border-radius:12px;font-size:0.8rem;font-weight:500}.tone-negative{background:#ffebee;color:#c62828}.tone-neutral{background:#fff3e0;color:#ef6c00}.tone-positive{background:#e8f5e9;color:#2e7d32}.register-badge{padding:0.25rem 0.75rem;border-radius:12px;font-size:0.8rem;font-weight:500;background:#e3f2fd;color:#1565c0}.domain-badge{padding:0.25rem 0.75rem;border-radius:12px;font-size:0.8rem;font-weight:500;background:#fff3e0;color:#e65100}.usage-notes{background:#f5f5f5;padding:1rem;border-radius:var(--radius-sm);margin:1rem 0;border-left:4px solid var(--primary-color)}.example-item{background:#f8f9fa;padding:1rem;border-radius:var(--radius-sm);margin-bottom:1rem;border-left:3px solid var(--accent-color)}.example-item:last-child{margin-bottom:0}.example-correct{border-left-color:#4caf50}.example-incorrect{border-left-color:#f44336}.etymology-content{line-height:1.7}.etymology-text{line-height:1.7;margin-bottom:1rem}.root-analysis{background:#f8f9fa;padding:1rem;border-radius:var(--radius-sm);margin-top:1rem;border-left:4px solid var(--secondary-color)}.etymology-label{font-weight:600;color:var(--secondary-color);margin-bottom:0.5rem;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.root-analysis > div:last-child{line-height:1.7;color:var(--text-color)}.synonyms-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width:768px){.synonyms-grid{grid-template-columns:1fr}}.synonyms-list,.antonyms-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.synonym-tag,.antonym-tag{padding:0.4rem 0.8rem;border-radius:20px;font-size:0.85rem;font-weight:500}.synonym-tag{background:#e3f2fd;color:#1565c0}.antonym-tag{background:#ffebee;color:#c62828}.synonym-tags,.antonym-tags,.collocation-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.collocation-tag{display:inline-block;padding:0.4rem 0.8rem;border-radius:20px;font-size:0.85rem;font-weight:500;background:#f3e5f5;color:#6a1b9a;border:1px solid #e1bee7}.cultural-content{line-height:1.7}.cultural-enhanced{animation:fadeInUp 0.4s ease-out}.cultural-quote{position:relative;background:linear-gradient(135deg,#faf7ff 0%,#f8f9fa 100%);border-left:4px solid var(--secondary-color);padding:1.5rem;padding-left:2rem;border-radius:var(--radius-sm);font-style:italic;line-height:1.8;color:var(--text-color);box-shadow:0 2px 8px rgba(114,9,183,0.08);margin-bottom:1rem}.cultural-quote::before{content:'"';position:absolute;font-size:5rem;color:rgba(114,9,183,0.08);top:-15px;left:5px;font-family:Georgia,serif;line-height:1}.cultural-text{position:relative;z-index:1}.cultural-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.75rem}.insight-badge{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0.75rem;transition:var(--transition)}.insight-badge:hover{border-color:var(--secondary-color);box-shadow:0 2px 8px rgba(114,9,183,0.12);transform:translateY(-2px)}.insight-badge i{color:var(--secondary-color);font-size:1.25rem;margin-bottom:0.5rem;display:block}.insight-label{font-size:0.75rem;font-weight:600;color:var(--text-lighter);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.25rem}.insight-value{font-size:0.85rem;color:var(--text-color);line-height:1.4}.usage-context-enhanced{animation:fadeInUp 0.4s ease-out}.usage-context-enhanced > *{margin-bottom:1.25rem}.usage-context-enhanced > *:last-child{margin-bottom:0}.section-header{font-weight:600;font-size:1rem;color:var(--text-color);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.section-header i{color:var(--primary-color)}.modern-relevance-feature{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1.25rem;border-radius:var(--radius);box-shadow:0 4px 12px rgba(102,126,234,0.25);position:relative;overflow:hidden}.modern-relevance-feature::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);pointer-events:none}.feature-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;position:relative;z-index:1}.feature-icon{font-size:1.25rem;color:#ffd700}.feature-label{font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px}.feature-content{line-height:1.7;font-size:0.95rem;position:relative;z-index:1}.regional-section{background:#f8f9fa;padding:1rem;border-radius:var(--radius-sm)}.regional-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.75rem;margin-top:0.75rem}.region-card{background:white;border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;text-align:center;transition:var(--transition);cursor:default}.region-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(67,97,238,0.15);transform:translateY(-3px)}.region-flag{font-size:2rem;margin-bottom:0.5rem}.region-name{font-weight:600;font-size:0.9rem;color:var(--primary-color);margin-bottom:0.5rem}.region-text{font-size:0.85rem;color:var(--text-light);line-height:1.5}.regional-list{margin-top:0.75rem}.regional-item{padding:0.75rem;border-left:3px solid var(--primary-color);background:white;border-radius:var(--radius-sm);margin-bottom:0.5rem;line-height:1.6;font-size:0.9rem}.regional-item:last-child{margin-bottom:0}.region-icon{font-size:1.25rem;margin-right:0.5rem}.confusion-section{background:linear-gradient(135deg,#fffbf0,#fff8e1);padding:1rem;border-radius:var(--radius-sm);border-left:4px solid #f59e0b}.confusion-list{margin-top:0.75rem}.confusion-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem;background:white;border-radius:var(--radius-sm);margin-bottom:0.5rem;border:1px solid rgba(245,158,11,0.2);transition:var(--transition)}.confusion-item:hover{border-color:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,0.15)}.confusion-item:last-child{margin-bottom:0}.confusion-word{font-weight:600;color:#d97706;min-width:80px;font-size:0.9rem}.confusion-arrow{color:#f59e0b;font-weight:bold}.confusion-explanation{flex:1;font-size:0.9rem;color:var(--text-color);line-height:1.5}.confusion-text{font-size:0.9rem;color:var(--text-color);line-height:1.6}.context-item{margin-bottom:1rem}.context-item:last-child{margin-bottom:0}.context-label{font-weight:600;color:var(--primary-color);margin-bottom:0.25rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-family-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.word-tag{padding:0.4rem 0.8rem;background:#f3e5f5;color:#7b1fa2;border-radius:20px;font-size:0.85rem;font-weight:500;transition:var(--transition)}.word-tag:hover{background:#e1bee7;transform:translateY(-1px)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-light)}.empty-state-content{max-width:500px;margin:0 auto}.empty-state i{color:var(--primary-color);margin-bottom:1.5rem;opacity:0.7}.empty-state h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.example-searches{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.example-btn{padding:0.75rem 1.5rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius);font-weight:500;color:var(--text-color);cursor:pointer;transition:var(--transition)}.example-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.load-more-btn{display:block;width:100%;margin-top:1.5rem;padding:1rem 2rem;background:var(--primary-color);color:white;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px rgba(67,97,238,0.2)}.load-more-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(67,97,238,0.3)}.load-more-btn:disabled{opacity:0.6;cursor:not-allowed}.load-more-btn:active:not(:disabled){transform:translateY(0)}.footer{text-align:center;padding:2rem 0;color:var(--text-light);border-top:1px solid var(--border-color);margin-top:2rem}.footer-note{font-size:0.9rem;margin-top:0.5rem;opacity:0.7}@media (max-width:768px){.entry-tabs{gap:0.5rem}.entry-tab{min-width:120px;padding:0.85rem 1rem}.entry-tab-number{font-size:0.95rem}.entry-tab-meta{font-size:0.8rem}.entry-tab-count{font-size:0.7rem}.header h1{font-size:1.8rem;flex-direction:column;gap:0.5rem}.header{padding:1.25rem 0;margin-bottom:1rem}.subtitle{font-size:1rem}.search-box{padding:0.4rem}#searchInput{padding:0.8rem 0;font-size:1rem}.search-btn{padding:0.8rem 1.5rem;font-size:0.9rem}.search-icon{padding:0 0.8rem;font-size:1rem}.word-header{padding:1.5rem}.word-title h2{font-size:1.8rem}.content-grid{padding:1.5rem;gap:1.5rem}.card{max-height:400px;width:100%}.card-body{padding:1.25rem;overflow-x:hidden}.sense-item-container{padding:1rem}}@media (max-width:600px){.container{padding:0 12px;overflow-x:hidden}.content-grid{padding:1rem;gap:1rem;overflow-x:hidden}.card{width:100%;overflow:hidden}.sense-item-container{padding:0.875rem}.sense-definition,.sense-examples,.usage-notes,.example-item{word-break:break-word;overflow-wrap:break-word}.load-more-btn-header{padding:0.4rem 0.8rem;font-size:0.8rem;border-radius:16px}.load-more-btn-header i{font-size:0.8rem}}@media (max-width:480px){.entry-selector-container{margin-top:1rem;padding-top:1rem}.entry-selector-label{font-size:0.9rem;margin-bottom:0.75rem}.entry-tabs{gap:0.5rem;flex-direction:column}.entry-tab{width:100%;min-width:unset;padding:0.75rem 1rem;flex-direction:row;align-items:center;justify-content:space-between}.entry-tab-number{font-size:0.9rem}.entry-tab-meta{font-size:0.75rem;flex:1;text-align:center}.entry-tab-count{font-size:0.7rem;margin-top:0}.container{padding:0 10px;overflow-x:hidden}.header{padding:1rem 0;margin-bottom:0.75rem}.header h1{font-size:1.5rem}.subtitle{font-size:0.9rem}.search-section{margin-bottom:1.5rem}.search-box{flex-direction:row;padding:0.3rem;gap:0.3rem}.search-icon{padding:0 0.5rem;font-size:0.9rem}#searchInput{padding:0.7rem 0.3rem;font-size:1rem}.search-btn{padding:0.7rem 1rem;font-size:0.85rem;white-space:nowrap}.search-btn i{display:none}.search-hint{font-size:0.8rem;margin-top:0.5rem}.word-title-row{gap:0.5rem}.word-frequency{font-size:0.85rem}.example-searches{flex-direction:column}.example-btn{width:100%}.card{max-height:350px;width:100%}.definitions-card{max-height:500px}.content-grid{padding:0.75rem;overflow-x:hidden}.sense-item-container{padding:0.75rem}.cultural-quote{padding:1rem;font-size:0.9rem}.cultural-quote::before{font-size:3rem}.insight-badge{padding:0.6rem}.insight-badge i{font-size:1.1rem}.modern-relevance-feature{padding:1rem}.feature-content{font-size:0.9rem}.region-card{padding:0.75rem}.region-flag{font-size:1.5rem}.section-header{font-size:0.95rem}.cultural-insights{grid-template-columns:1fr;gap:0.5rem}.regional-cards{grid-template-columns:1fr;gap:0.5rem}.confusion-item{flex-direction:column;gap:0.5rem}.confusion-word{min-width:auto}.confusion-arrow{display:none}.word-pronunciation{flex-wrap:wrap;justify-content:center;max-width:100%;overflow:hidden}.word-pronunciation .sense-pronunciation{font-size:0.75rem;padding:0.15rem 0.3rem;gap:0.25rem;margin:0.1rem;max-width:100%;box-sizing:border-box}.word-pronunciation .pronunciation{font-size:1rem;word-break:break-all;overflow-wrap:break-word}.word-pronunciation .pronunciation-audio-small{height:32px;flex:0 0 70%}.word-pronunciation .pronunciation{flex:0 0 30%;word-break:break-all;overflow-wrap:break-word}}@media (min-width:1400px){.card{max-height:700px}}@media (min-width:1025px) and (max-width:1399px){.card{max-height:600px}}@media (min-width:769px) and (max-width:1024px){.card{max-height:500px}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.results-container{animation:fadeIn 0.5s ease-out}.card{animation:fadeIn 0.5s ease-out;animation-fill-mode:both}.card:nth-child(1){animation-delay:0.1s}.card:nth-child(2){animation-delay:0.2s}.card:nth-child(3){animation-delay:0.3s}.card:nth-child(4){animation-delay:0.4s}.card:nth-child(5){animation-delay:0.5s}.card:nth-child(6){animation-delay:0.6s}@media (max-width:768px){.history-panel{width:100%;right:-100%;height:calc(100vh - 20px);top:10px}.history-toggle-btn{right:1rem;bottom:1rem;width:56px;height:56px;font-size:1.3rem}.history-badge{font-size:0.7rem;padding:0.1rem 0.35rem}}@media (max-width:480px){.history-panel-header{padding:1rem}.history-panel-header h3{font-size:1.1rem}.history-panel-content{padding:0.75rem}.history-item{padding:0.75rem}.history-item-word{font-size:0.95rem}.history-toggle-btn{width:52px;height:52px;font-size:1.2rem}}.sense-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:0.75rem}.sense-detail-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:0.6rem 1.2rem;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(102,126,234,0.3)}.sense-detail-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4)}.sense-detail-btn:active:not(:disabled){transform:translateY(0)}.sense-detail-btn:disabled{opacity:0.7;cursor:not-allowed}.sense-detailed-badge{color:#2e7d32;font-size:0.9rem;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.2rem;background:#e8f5e9;border-radius:8px}.sense-placeholder-basic{padding:1.5rem;text-align:center;color:#666}.sense-placeholder-basic .sense-definition{margin-bottom:1rem;color:#999;font-style:italic}.sense-loading-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(102,126,234,0.1);padding:0.8rem;text-align:center;color:#667eea;font-size:0.9rem;font-weight:600;border-top:2px solid rgba(102,126,234,0.3);display:flex;align-items:center;justify-content:center;gap:0.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.sense-item-container{position:relative}.entry-dropdown-container{position:relative;width:100%;margin-top:1rem;font-family:'Inter',sans-serif}.entry-dropdown-custom{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:0.85rem 1.25rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.05);user-select:none}.entry-dropdown-custom:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(67,97,238,0.15);transform:translateY(-1px)}.dropdown-selected{font-weight:600;color:var(--text-color);font-size:0.95rem}.dropdown-arrow{color:var(--primary-color);transition:transform 0.3s ease}.entry-dropdown-container.active .dropdown-arrow{transform:rotate(180deg)}.entry-dropdown-container.active .entry-dropdown-custom{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(67,97,238,0.1)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:white;border-radius:var(--radius-sm);box-shadow:0 10px 25px rgba(0,0,0,0.1);border:1px solid var(--border-color);z-index:100;overflow:hidden;animation:fadeInUp 0.2s ease-out;max-height:300px;overflow-y:auto}.dropdown-option{padding:0.85rem 1.25rem;cursor:pointer;transition:background 0.2s ease;border-bottom:1px solid rgba(0,0,0,0.03);font-size:0.95rem;color:var(--text-color)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:#f0f4ff;color:var(--primary-color)}.dropdown-option.selected{background:linear-gradient(135deg,rgba(67,97,238,0.15),rgba(114,9,183,0.15));color:var(--primary-color)}.bilibili-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:0.5rem}.bilibili-video-card{background:white;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.bilibili-video-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.1);border-color:#fb7299}.video-thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background:#f5f5f5}.video-thumbnail iframe{width:100%;height:100%;border:none;border-radius:var(--radius-sm)}.video-play-overlay{display:none !important}.bilibili-video-card{background:white;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.bilibili-video-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.1);border-color:#fb7299}.video-thumbnail{position:relative;width:100%;height:180px;overflow:hidden;background:#f5f5f5}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;border-radius:var(--radius-sm)}.video-thumbnail img[src="/placeholder-video.png"]{opacity:0.5;filter:grayscale(100%)}.video-image-fallback{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:var(--radius-sm)}.bilibili-video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.8);color:white;padding:2px 6px;border-radius:4px;font-size:0.8rem;font-weight:500}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(251,114,153,0.9);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;transition:opacity 0.3s ease}.bilibili-video-card:hover .video-play-overlay{opacity:1}.video-info{padding:1rem}.video-title{font-size:1rem;font-weight:600;color:var(--text-color);line-height:1.4;margin-bottom:0.5rem;display:block;text-decoration:none;transition:color 0.3s ease}.video-title:hover{color:#fb7299}.video-meta{display:flex;gap:1rem;margin-bottom:0.75rem;font-size:0.85rem;color:var(--text-light)}.video-author,.video-date{display:flex;align-items:center;gap:0.25rem}.video-stats{display:flex;gap:1rem;font-size:0.85rem;color:var(--text-light)}.video-views,.video-likes{display:flex;align-items:center;gap:0.25rem}.video-description{font-size:0.85rem;color:var(--text-light);line-height:1.4;margin-top:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-matched-phrases{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--border-color)}.matched-phrases-header{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;font-weight:600;color:var(--primary-color);margin-bottom:0.5rem}.matched-phrases-header i{font-size:0.75rem}.matched-phrases-list{display:flex;flex-wrap:wrap;gap:0.375rem}.matched-phrase-tag{background:linear-gradient(135deg,rgba(67,97,238,0.1),rgba(114,9,183,0.1));color:var(--primary-color);padding:0.25rem 0.5rem;border-radius:12px;font-size:0.75rem;font-weight:500;border:1px solid rgba(67,97,238,0.2);transition:all 0.2s ease}.matched-phrase-tag:hover{background:linear-gradient(135deg,rgba(67,97,238,0.15),rgba(114,9,183,0.15));transform:translateY(-1px);box-shadow:0 2px 4px rgba(67,97,238,0.1)}.no-matched-phrases{color:var(--text-lighter);font-size:0.75rem;font-style:italic;padding:0.25rem 0}@media (max-width:768px){.bilibili-videos-grid{grid-template-columns:1fr;gap:0.75rem}.video-thumbnail{height:150px}.video-info{padding:0.875rem}.video-title{font-size:0.95rem}.video-meta{gap:0.75rem;font-size:0.8rem}.video-stats{gap:0.75rem;font-size:0.8rem}}@media (max-width:480px){.video-thumbnail{height:120px}.video-info{padding:0.75rem}.video-title{font-size:0.9rem}.video-meta{flex-direction:column;gap:0.25rem}.video-stats{gap:0.75rem;font-size:0.8rem}}@media (max-width:480px){.video-thumbnail{height:120px}.video-info{padding:0.75rem}.video-title{font-size:0.9rem}.video-meta{flex-direction:column;gap:0.25rem}.video-stats{flex-direction:column;gap:0.25rem}.matched-phrases-list{gap:0.25rem}.matched-phrase-tag{font-size:0.7rem;padding:0.2rem 0.4rem}}