.card-manuscript{background-color:var(--color-bg-card, #fdfbf2);border:1px solid var(--color-border-subtle, #dee2e6);border-radius:0;box-shadow:0 4px 20px #0000000a;transition:all .3s ease;position:relative}.quiz-card-link.is-active{border:2px solid var(--color-chinese-seal-red, #b31010);background-color:var(--color-bg-section, #f6f3e4);margin-bottom:2rem}.quiz-card-link.is-active .active-badge{display:block!important;position:absolute;bottom:-24px;left:-2px;background-color:var(--color-chinese-seal-red, #b31010);color:#fff;padding:4px 12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:0;z-index:20}.card-manuscript:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.quiz-card{max-width:950px;width:100%;margin:0 auto;border-radius:0;padding:0;background-color:#fff;border:1px solid var(--color-border-subtle, #dee2e6);box-shadow:0 4px 20px #0000000a}.quiz-header-custom{padding:2.5rem 2rem;background-color:var(--color-bg-section, #f6f3e4);border-bottom:1px solid var(--color-border-subtle, #dee2e6)}.quiz-header-custom h1{font-family:var(--font-title, serif);font-size:1.8rem;color:var(--color-text-title, #000000);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:-.02em}.quiz-header-custom h1 span{font-size:1.1rem;color:var(--color-text-secondary, #495057);margin-left:.5rem;font-weight:400;letter-spacing:normal;text-transform:none}.quiz-header-custom .sub{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary, #495057);font-weight:700;opacity:.8}.progress-area{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;border-bottom:1px solid var(--color-border-subtle, #dee2e6);background-color:#fff;font-size:.8rem;flex-wrap:wrap;gap:1rem}.shuffle-note{font-style:italic;color:var(--color-text-secondary, #495057);opacity:.7;margin-left:.5rem}.score-badge{background-color:#15803d;color:#fff;padding:.3rem 1.2rem;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.incorrect-badge{background-color:var(--color-chinese-seal-red, #b31010);color:#fff;padding:.3rem 1.2rem;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.unanswered-badge{background-color:#b0a88c;color:#fff;padding:.3rem 1.2rem;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.result-score{font-family:var(--font-title, serif);font-size:5rem;color:var(--color-text-title, #000000);margin-bottom:.2rem;line-height:1}.feedback-message{background-color:var(--color-bg-section, #f6f3e4);border:1px solid var(--color-border-subtle, #dee2e6);padding:1.5rem;margin:1.5rem 0;font-size:.95rem;color:var(--color-text-title, #000000);line-height:1.6}.opt-btn{display:flex;width:100%;align-items:center;text-align:left;padding:1.25rem;border:1px solid var(--color-border-subtle, #dee2e6);background-color:#fff;transition:all .2s ease;color:var(--color-text-title, #000000);margin-bottom:1rem;cursor:pointer;font-size:1rem}.opt-btn:hover{border-color:var(--color-chinese-seal-red, #b31010)}.opt-btn-indicator{min-width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle, #dee2e6);margin-right:1.2rem;font-size:.7rem;font-weight:700;transition:all .2s ease}.opt-btn:hover .opt-btn-indicator{background-color:var(--color-chinese-seal-red, #b31010);border-color:var(--color-chinese-seal-red, #b31010);color:#fff}.restart-btn{display:inline-block;padding:1.2rem 3rem;background-color:transparent;border:1px solid var(--color-text-title, #000000);color:var(--color-text-title, #000000);text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;margin-top:1rem}.restart-btn:hover{background-color:var(--color-text-title, #000000);color:#fff}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-subtle, #dee2e6)}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.opt-btn.is-correct{border-color:#15803d!important;background-color:#f0fdf4!important}.opt-btn.is-correct .opt-btn-indicator{background-color:#15803d!important;border-color:#15803d!important;color:#fff!important}.opt-btn.is-incorrect{border-color:var(--color-chinese-seal-red, #b31010)!important;background-color:#fef2f2!important}.opt-btn.is-incorrect .opt-btn-indicator{background-color:var(--color-chinese-seal-red, #b31010)!important;border-color:var(--color-chinese-seal-red, #b31010)!important;color:#fff!important}.opt-btn.is-locked{cursor:not-allowed;opacity:.8}.locked-notice{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--color-text-secondary, #495057);margin-top:1.5rem;letter-spacing:.05em}.next-btn{margin-top:1.5rem;padding:.8rem 2rem;background-color:var(--color-text-title, #000);color:#fff;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;border:none;transition:opacity .2s}.next-btn:hover{opacity:.9}.timer-container{width:100%;height:4px;background-color:#eee;margin-bottom:1rem;overflow:hidden}.timer-bar{height:100%;background-color:var(--color-chinese-seal-red, #b31010);width:100%;transition:width 1s linear}.timer-text{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-chinese-seal-red, #b31010);margin-bottom:.5rem;display:block;text-align:right}.status-unanswered{background-color:#b0a88c!important;color:#fff!important}.auto-next-notice{margin-top:1.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary, #495057);font-style:italic;display:flex;align-items:center;gap:.5rem;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.next-btn{display:none!important}