.word-tooltip{z-index:10000;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overscroll-behavior:contain;scrollbar-width:thin;background:#fff;min-width:200px;max-width:300px;max-height:calc(100vh - 20px);padding:16px;font-size:14px;animation:.2s ease-in-out fadeIn;position:fixed;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.word-tooltip-header{border-bottom:1px solid #e8e8e8;flex-direction:column;gap:4px;margin-bottom:8px;padding-bottom:8px;display:flex}.word-tooltip-header-main{justify-content:space-between;align-items:center;gap:10px;display:flex}.word-tooltip-word{color:#1890ff;font-size:16px;font-weight:600}.word-tooltip-inline-more-btn{color:#333;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#fff;border:1px solid #d9d9d9;border-radius:999px;padding:5px 10px;font-size:12px;line-height:1}.word-tooltip-inline-more-btn:hover{color:#1890ff;background:#f0f7ff;border-color:#1890ff}.word-tooltip-phonetic{color:#666;font-size:12px;font-style:italic}.word-tooltip-content{min-height:20px;margin-bottom:8px}.word-tooltip-loading{color:#999;font-size:12px}.word-tooltip-translation{color:#333;margin-bottom:6px;line-height:1.8}.word-tooltip-translation:last-child{margin-bottom:0}.translation-label{color:#666;margin-right:6px;font-size:12px;font-weight:600}.translation-text{color:#333;font-size:14px}.word-tooltip-multiple-translations{margin-bottom:8px}.word-tooltip-multiple-translations .translation-label{color:#666;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.word-tooltip-translation-item{border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background-color:#f5f5f5;border-left:3px solid #1890ff;justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding:8px 12px;display:flex}.word-tooltip-translation-item:hover{background-color:#e6f7ff}.word-tooltip-translation-item .translation-text{color:#333;flex:1;margin-right:8px;font-size:14px;line-height:1.5}.word-tooltip-translation-item .translation-source{color:#999;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-sm);background-color:#fff;padding:3px 8px;font-size:11px;font-weight:500}.word-tooltip-more{background:linear-gradient(145deg,#fff 0%,#f7fbff 60%,#eef6ff 100%);border:1px solid #1890ff33;border-radius:10px;margin-top:8px;margin-bottom:8px;padding:10px 12px;box-shadow:0 3px 10px #1890ff14}.word-tooltip-more-item{margin-bottom:6px;line-height:1.5}.word-tooltip-more-item:last-child{margin-bottom:0}.word-tooltip-example-row{align-items:flex-start;gap:6px;display:inline-flex}.word-tooltip-example-pronounce-btn{color:#1757b8;cursor:pointer;background:linear-gradient(145deg,#fff 0%,#f0f7ff 100%);border:1px solid #1890ff52;border-radius:8px;width:26px;min-width:26px;height:26px;font-size:11px;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 2px 8px #1890ff2e}.word-tooltip-example-pronounce-btn:hover{color:#fff;background:linear-gradient(135deg,#1890ff 0%,#096dd9 100%);transform:translateY(-1px)scale(1.05);box-shadow:0 8px 16px #1890ff59}.word-tooltip-example-pronounce-btn.is-playing,.word-tooltip-example-pronounce-btn:disabled{color:#fff;cursor:not-allowed;opacity:.98;background:linear-gradient(135deg,#1890ff 0%,#096dd9 100%);animation:1.15s ease-in-out infinite tooltipPronouncePulse}@keyframes tooltipPronouncePulse{0%{transform:scale(1);box-shadow:0 8px 16px #1890ff47}50%{transform:scale(1.08);box-shadow:0 10px 22px #096dd96b}to{transform:scale(1);box-shadow:0 8px 16px #1890ff47}}.word-tooltip-tts-source{border-radius:var(--radius-sm);color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f;margin-top:6px;padding:6px 10px;font-size:12px;font-weight:500}.word-tooltip-actions{border-top:1px solid #e8e8e8;gap:8px;margin-top:8px;padding-top:8px;display:flex}.word-tooltip-actions-tts{border-top:none;margin-top:0;padding-top:0}.word-tooltip-btn-tts{flex:1;min-width:0;padding:6px 8px;font-size:11px}.word-tooltip-btn-tts.is-playing{color:#1890ff;background:#f0f7ff;border-color:#1890ff}.word-tooltip-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);color:#333;background:#fff;border:1px solid #d9d9d9;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.word-tooltip-btn:hover{color:#1890ff;background:#f0f7ff;border-color:#1890ff}.word-tooltip-btn:disabled{opacity:.6;cursor:not-allowed}.word-tooltip-btn.favorite{color:#d46b08;background:#fff7e6;border-color:#ffc53d;font-weight:600}.word-tooltip-btn.favorite:hover{color:#ad4e00;background:#ffe7ba;border-color:#ffa940}.word-tooltip-scroll-down-btn{color:#0958d9;cursor:pointer;background:#e6f4fff2;border:1px solid #91caff;border-radius:999px;margin-top:8px;margin-left:auto;padding:4px 10px;font-size:12px;line-height:1.2;display:block;position:sticky;bottom:6px;box-shadow:0 2px 8px #0958d92e}.word-tooltip-scroll-down-btn:hover{background:#bae0ff}@media (max-width:768px){.word-tooltip{border-radius:12px;min-width:170px;max-width:min(88vw,300px);padding:12px;font-size:13px}.word-tooltip-word{font-size:15px}.word-tooltip-inline-more-btn{padding:4px 8px;font-size:11px}.word-tooltip-phonetic,.translation-label{font-size:11px}.translation-text,.word-tooltip-translation-item .translation-text{font-size:13px}.word-tooltip-translation-item{margin-bottom:5px;padding:6px 10px}.word-tooltip-example-pronounce-btn{width:24px;min-width:24px;height:24px;font-size:10px}.word-tooltip-btn{padding:7px 10px;font-size:11px}.word-tooltip-btn-tts{padding:6px;font-size:10px}}@media (max-width:480px){.word-tooltip{border-radius:10px;min-width:0;max-width:min(92vw,300px);padding:10px;font-size:12px}.word-tooltip-header{gap:3px;margin-bottom:6px;padding-bottom:6px}.word-tooltip-header-main{gap:8px}.word-tooltip-word{font-size:14px}.word-tooltip-inline-more-btn{padding:3px 7px;font-size:10px}.word-tooltip-translation-item{border-left-width:2px;padding:6px 8px}.word-tooltip-translation-item .translation-source{padding:2px 6px;font-size:10px}.word-tooltip-more{margin-top:6px;margin-bottom:6px;padding:8px 10px}.word-tooltip-btn{gap:3px;padding:6px 8px;font-size:10px}.word-tooltip-actions{gap:6px}.word-tooltip-btn-tts{padding:5px 4px;font-size:10px}.word-tooltip-scroll-down-btn{padding:3px 8px;font-size:10px}}
.translatable-text{cursor:text;-webkit-user-select:text;user-select:text}
.highlightable-text{-webkit-user-select:text;user-select:text;position:relative}.highlighted-text{color:inherit;background-color:#ffeb3b;border-radius:2px;padding:2px 0;box-shadow:0 1px 2px #ffeb3b4d}.highlight-toolbar{z-index:10001;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#f5f5f5;border:1px solid #d9d9d9;gap:0;margin-top:12px;padding:8px 4px;animation:.2s ease-out fadeInUp;display:flex;position:fixed;transform:translate(-50%)}.highlight-toolbar-arrow{border-bottom:6px solid #f5f5f5;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.highlight-toolbar-btn{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px 12px;display:flex}.highlight-toolbar-btn:hover{background:#0000000d}.toolbar-icon{font-size:18px;line-height:1}.toolbar-label{color:#666;white-space:nowrap;font-size:12px;font-weight:500}.highlight-toolbar-btn:hover .toolbar-label{color:#333}.highlight-note-indicator{opacity:.7;cursor:help;margin-left:4px;font-size:12px}.note-modal-overlay{z-index:10002;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.note-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.note-modal-header{border-bottom:1px solid var(--theme-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.note-modal-header h4{color:var(--theme-text-primary);margin:0;font-size:18px;font-weight:600}.note-modal-close{color:#999;cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.note-modal-close:hover{color:#333;background:#f5f5f5}.note-modal-body{padding:20px}.note-textarea{border:2px solid var(--theme-border);border-radius:var(--radius-md);resize:vertical;box-sizing:border-box;width:100%;min-height:120px;transition:all var(--transition-fast);padding:12px;font-family:inherit;font-size:14px}.note-textarea:focus{border-color:var(--theme-accent);outline:none;box-shadow:0 0 0 3px #1890ff1a}.note-modal-footer{border-top:1px solid var(--theme-border);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.note-save-btn,.note-cancel-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 20px;font-size:14px;font-weight:500}.note-save-btn{background:var(--theme-accent);color:#fff;box-shadow:var(--shadow-sm)}.note-save-btn:hover{box-shadow:var(--shadow-md);background:#40a9ff;transform:translateY(-1px)}.note-cancel-btn{color:#666;background:#f5f5f5}.note-cancel-btn:hover{color:#333;background:#e0e0e0}@media (max-width:768px){.highlight-toolbar{border-radius:16px;max-width:calc(100vw - 16px);margin-top:10px;padding:6px 4px}.highlight-toolbar-btn{gap:3px;min-width:52px;padding:6px 8px}.toolbar-icon{font-size:16px}.toolbar-label{font-size:11px}}@media (max-width:480px){.highlight-toolbar{border-radius:14px;max-width:calc(100vw - 12px);margin-top:8px;padding:4px 3px}.highlight-toolbar-btn{gap:2px;min-width:46px;padding:5px 6px}.toolbar-icon{font-size:14px}.toolbar-label{font-size:10px}}