.auto-highlight-text{-webkit-user-select:text;user-select:text;position:relative}.auto-highlighted-word{color:#333;background-color:#ffeb3b;border-radius:3px;padding:2px 4px;font-weight:500;animation:.5s ease-in-out highlightPulse;box-shadow:0 1px 3px #ffeb3b66}@keyframes highlightPulse{0%{background-color:#fff176;box-shadow:0 0 #ffeb3bb3}50%{background-color:#ffeb3b;box-shadow:0 0 0 4px #ffeb3b4d}to{background-color:#ffeb3b;box-shadow:0 1px 3px #ffeb3b66}}
.question-container{margin-top:20px}.question-header-line{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.question-title-group{align-items:center;gap:10px;min-width:0;display:flex}.question-header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.translation-toggle-btn,.clear-highlights-btn,.font-size-btn{border:1px solid var(--theme-border);border-radius:var(--radius-md);background-color:var(--theme-card-bg);color:var(--theme-text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-sm);padding:8px 16px;font-size:13px;font-weight:500}.font-size-controls{background-color:var(--theme-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--theme-border);align-items:center;gap:4px;padding:4px 8px;display:flex}.font-size-btn{min-width:36px;padding:4px 10px;font-size:14px;font-weight:600}.font-size-btn:hover:not(:disabled){background-color:var(--theme-bg-tertiary);border-color:var(--theme-accent);color:var(--theme-accent)}.font-size-btn:disabled{opacity:.4;cursor:not-allowed}.font-size-display{color:var(--theme-text-secondary);text-align:center;min-width:40px;font-size:12px;font-weight:500}.clear-highlights-btn{color:#ff4d4f;background-color:#fff2f0;border-color:#ffccc7}.clear-highlights-btn:hover{color:#cf1322;box-shadow:var(--shadow-md);background-color:#ffccc7;border-color:#ff4d4f;transform:translateY(-1px)}.translation-toggle-btn:hover{background-color:var(--theme-bg-secondary);border-color:var(--theme-accent);color:var(--theme-accent)}.translation-toggle-btn:active{transform:scale(.98)}.question-title-text{color:var(--theme-text-primary);margin:0;padding-top:5px;font-size:18px;font-weight:500;line-height:1.6;transition:color .3s}.question-image{border-radius:var(--radius-lg);max-width:80%;max-height:450px;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid #f0f0f0;margin:0 auto 25px;display:block}.question-image:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.options-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.option-item{border:1px solid var(--theme-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--theme-card-bg);box-sizing:border-box;width:100%;max-width:800px;color:var(--theme-text-primary);box-shadow:var(--shadow-sm);align-items:center;padding:14px 18px;display:flex}.option-item:hover{box-shadow:var(--shadow-md);background:var(--theme-bg-secondary);border-color:#40a9ff;transform:translateY(-2px)}.option-text{color:var(--theme-text-primary);margin:0;line-height:1.5;transition:color .3s}.option-item.selected{border-color:var(--theme-accent);background-color:var(--theme-bg-secondary)}.option-item.correct-answer{background-color:var(--theme-bg-secondary);color:#52c41a;border-color:#52c41a;font-weight:700}.option-item.incorrect-answer{background-color:var(--theme-bg-secondary);color:#ff4d4f;border-color:#ff4d4f;font-weight:700}.explanation-box{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);color:var(--theme-text-primary);border-radius:8px;margin-top:25px;padding:15px;transition:background-color .3s,border-color .3s,color .3s}.explanation-box h4{margin-bottom:10px;font-weight:400}.explanation-box .explanation-analysis{line-height:1.7}.correct-answer-label,.correct-answer-text{color:#389e0d;font-weight:700}.analysis-label{font-weight:700}.translation-block{color:var(--theme-text-primary);background-color:var(--theme-bg-secondary);border-left:4px solid var(--theme-accent);border-radius:6px;margin:8px 0;padding:12px 15px;font-size:15px;line-height:1.6;transition:background-color .3s,color .3s}.translation-block.context-translation{margin-top:20px;margin-bottom:15px}.translation-block.question-translation{margin-bottom:20px;font-weight:700}.translation-block,.translation-block *,.translation-block div,.translation-block span,.translation-block p{color:var(--theme-text-primary)!important}[data-theme=black] .translation-block,[data-theme=black] .translation-block *,[data-theme=black] .translation-block div,[data-theme=black] .translation-block span{font-weight:500;color:#fff!important}.translation-block [style*="color: var(--theme-accent)"]{color:var(--theme-accent)!important}.translation-block [style*="color: #faad14"]{color:#faad14!important}.translation-block.option-translation{background-color:var(--theme-bg-tertiary);color:var(--theme-text-secondary);border-left-color:var(--theme-border);margin-top:5px;margin-bottom:10px;margin-left:20px;font-size:14px}.bilingual-pairs-block{flex-direction:column;gap:10px;display:flex}.bilingual-pair{background:color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent) 10%);border:1px solid color-mix(in srgb, var(--theme-border) 75%, var(--theme-accent) 25%);border-radius:8px;padding:8px 10px}.bilingual-fr{color:var(--theme-text-primary);line-height:1.65}.bilingual-zh{color:var(--theme-text-secondary);margin-top:4px;line-height:1.65}.bilingual-stacked{flex-direction:column;gap:0;display:flex}.bilingual-stack-fr,.explanation-stack-fr{background:color-mix(in srgb, var(--theme-card-bg) 90%, var(--theme-accent) 10%);border:1px solid color-mix(in srgb, var(--theme-border) 75%, var(--theme-accent) 25%);color:var(--theme-text-primary);border-radius:8px;padding:8px 10px;line-height:1.65}.bilingual-stack-translate,.explanation-stack-translate{color:var(--theme-text-secondary);background:var(--theme-bg-tertiary);border:1px solid var(--theme-border);border-radius:8px;margin-top:10px;padding:8px 10px;line-height:1.65}.action-bar{border-top:1px solid var(--theme-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;padding-top:20px;transition:border-color .3s;display:grid}.action-bar-secondary{border-top:none;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;padding-top:0}.action-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--theme-border);background-color:var(--theme-card-bg);width:100%;min-width:0;color:var(--theme-text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);text-align:center;padding:10px 14px;font-size:14px;font-weight:500}.action-btn:hover{color:#1890ff;border-color:#1890ff}.action-btn.question-favorite-btn:hover{color:#faad14;border-color:#faad14}.action-btn.question-favorite-btn.favorited{color:#d46b08;background:#fff7e6;border-color:#ffc53d}.action-btn.question-favorite-btn.favorited:hover{background:#ffe7ba;border-color:#ffa940}.action-btn:disabled{border-color:var(--theme-border);color:var(--theme-text-tertiary);cursor:not-allowed;background-color:var(--theme-bg-secondary)}.action-btn.submit-btn{color:#fff;background:#1890ff;border-color:#1890ff;font-weight:600}.action-btn.submit-btn:hover{background:#40a9ff;border-color:#40a9ff;box-shadow:0 2px 8px #1890ff4d}.action-btn.submit-btn:active{background:#096dd9;border-color:#096dd9}@media (max-width:1024px){.action-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px;padding-top:18px}.action-btn{padding:9px 12px;font-size:13px}}@media (max-width:768px){.action-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:15px}.action-bar-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-btn{width:100%;min-width:0;max-width:none;padding:10px 12px;font-size:13px}.question-header-line{flex-direction:column;align-items:stretch;gap:8px}.question-title-group{justify-content:space-between;align-items:center;gap:8px;width:100%}.question-title-text{padding-top:0}.question-header-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.question-header-controls .clear-highlights-btn,.question-header-controls .translation-toggle-btn{text-align:center;justify-content:center;align-items:center;width:100%;display:inline-flex}.translation-toggle-btn,.clear-highlights-btn{padding:8px 10px;font-size:12px}.font-size-controls{gap:4px;padding:4px 8px}.font-size-btn{min-width:34px;padding:4px 10px;font-size:13px}.font-size-display{min-width:40px;font-size:12px}}@media (max-width:480px){.action-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px;padding-top:12px}.action-btn{border-radius:10px;width:100%;min-width:0;max-width:none;padding:8px 9px;font-size:12px}.question-header-controls{grid-template-columns:1fr;gap:6px}.question-title-group{gap:6px}.translation-toggle-btn,.clear-highlights-btn{min-width:0;padding:6px 9px;font-size:11px}.font-size-controls{padding:3px 6px}.font-size-btn{min-width:30px;padding:3px 8px;font-size:12px}.font-size-display{min-width:34px;font-size:11px}}@media (max-width:360px){.action-bar{gap:6px}.action-btn{width:100%;min-width:0;max-width:none;padding:7px 8px;font-size:11px}.action-btn.favorite-btn{padding:8px 10px;font-size:11px}}
.question-nav-container{background-color:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);margin-bottom:25px;padding:20px}.question-nav-container.collapsed{padding:10px 15px}.question-nav-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.nav-header-buttons{align-items:center;gap:8px;display:flex}.nav-title{color:var(--theme-text-primary);font-size:16px;font-weight:600}.nav-toggle-btn{border:1px solid var(--theme-border);cursor:pointer;color:var(--theme-text-secondary);background:0 0;border-radius:4px;justify-content:center;align-items:center;min-width:32px;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.nav-toggle-btn:hover{background-color:var(--theme-bg-secondary);border-color:var(--theme-accent);color:var(--theme-accent)}.sidebar-toggle-btn-in-nav{border:1px solid var(--theme-border);cursor:pointer;color:var(--theme-text-secondary);background:0 0;border-radius:4px;justify-content:center;align-items:center;min-width:32px;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.sidebar-toggle-btn-in-nav:hover{background-color:var(--theme-bg-secondary);border-color:var(--theme-accent);color:var(--theme-accent)}.question-nav-container.collapsed .question-nav-header{margin-bottom:0}.question-nav-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:10px;display:grid}.nav-btn{aspect-ratio:1;border:1px solid var(--theme-border);border-radius:var(--radius-md);background-color:var(--theme-card-bg);cursor:pointer;width:100%;transition:all var(--transition-fast);color:var(--theme-text-primary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:5px;font-size:14px;font-weight:500;display:flex}.nav-btn:hover{border-color:var(--theme-accent);color:var(--theme-accent)}.nav-btn.correct{color:#fff!important;background-color:#52c41a!important;border-color:#49b115!important}.nav-btn.incorrect{color:#fff!important;background-color:#ff4d4f!important;border-color:#e83a3c!important}.nav-btn.current{border-color:var(--theme-accent);background-color:var(--theme-bg-secondary);color:var(--theme-accent)}.nav-btn.current.correct{color:#fff!important;background-color:#52c41a!important;border-color:#49b115!important}.nav-btn.current.incorrect{color:#fff!important;background-color:#ff4d4f!important;border-color:#e83a3c!important}.nav-btn.not-answered{background-color:var(--theme-card-bg);color:var(--theme-text-secondary);border-color:var(--theme-border)}.nav-btn.locked{background-color:var(--theme-bg-secondary);color:var(--theme-text-tertiary);cursor:not-allowed;opacity:.6;position:relative}.nav-btn.locked:hover{background-color:var(--theme-bg-secondary);border-color:var(--theme-border)}.lock-icon{font-size:10px;position:absolute;top:2px;right:2px}.nav-legend{color:var(--theme-text-tertiary);justify-content:center;gap:20px;margin-top:15px;font-size:13px;transition:color .3s;display:flex}.legend-item{align-items:center;display:flex}.legend-box{border:1px solid var(--theme-border);border-radius:3px;width:14px;height:14px;margin-right:6px;transition:border-color .3s}.legend-box.correct{background-color:#52c41a}.legend-box.incorrect{background-color:#ff4d4f}.legend-box.not-answered{background-color:var(--theme-card-bg);border:1px solid var(--theme-border)}