:root{--quiz-bg-main: #ffffff;--quiz-bg-header: #f6f3e4;--quiz-bg-secondary: #fafafa;--quiz-text-title: #1a1a1a;--quiz-text-body: #333333;--quiz-text-muted: #6b7280;--quiz-border: #dee2e6;--quiz-accent: #b31010;--quiz-success: #15803d;--quiz-shadow: rgba(0, 0, 0, .08);--quiz-opt-bg: #ffffff;--quiz-opt-hover: #fdfbf2;--quiz-error: #e74c3c}body.dark-mode{--quiz-bg-main: #1e1e1e;--quiz-bg-header: #2a2a26;--quiz-bg-secondary: #252525;--quiz-text-title: #f3f4f6;--quiz-text-body: #e5e7eb;--quiz-text-muted: #9ca3af;--quiz-border: #374151;--quiz-shadow: rgba(0, 0, 0, .4);--quiz-opt-bg: #2d2d2d;--quiz-opt-hover: #353530}.quiz-card{width:100%;max-width:100%;margin:0;background-color:var(--quiz-bg-main);border:1px solid var(--quiz-border);box-shadow:0 10px 30px var(--quiz-shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.quiz-header-custom{padding:1rem;background-color:var(--quiz-bg-header);border-bottom:1px solid var(--quiz-border);text-align:center}.quiz-header-custom h1{font-family:serif;font-size:1rem;color:var(--quiz-text-title);text-transform:uppercase;letter-spacing:-.01em;margin-top:.25rem;margin-bottom:0}.quiz-header-custom .sub{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--quiz-text-muted)}.progress-area{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.75rem;background-color:var(--quiz-bg-main);border-bottom:1px solid var(--quiz-border);gap:1rem}.score-badge,.incorrect-badge,.unanswered-badge{padding:.4rem 1rem;font-weight:700;font-size:.75rem;color:#fff}.score-badge{background-color:var(--quiz-success)}.incorrect-badge{background-color:var(--quiz-accent)}.unanswered-badge{background-color:#6b7280}.timer-container{width:100%;height:5px;background-color:var(--quiz-border)}.timer-bar{height:100%;background-color:var(--quiz-accent);transition:width 1s linear}.timer-wrapper{height:4px;background:#eee;margin:0 0 2rem}.timer-bar-fill{height:100%;transition:width 1s linear,background-color .3s}.question-body{padding:2rem 1rem}.question-text{font-family:serif;font-size:1.6rem;line-height:1.3;color:var(--quiz-text-title);margin-bottom:2.5rem;border-left:6px solid var(--quiz-accent);padding-left:1.25rem}.options-container{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.options-container{grid-template-columns:1fr 1fr}}.opt-btn{display:flex;align-items:center;padding:1.25rem;background-color:var(--quiz-opt-bg);border:1px solid var(--quiz-border);margin-bottom:.25rem;color:var(--quiz-text-body);text-align:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.opt-btn:hover:not(.is-locked){border-color:var(--quiz-accent);background-color:var(--quiz-opt-hover);transform:translateY(-2px)}.opt-btn-indicator{min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:var(--quiz-bg-secondary);border:1px solid var(--quiz-border);margin-right:1.2rem;font-family:monospace;font-weight:700;font-size:.8rem;color:var(--quiz-text-muted)}.opt-btn.is-correct{border-color:var(--quiz-success)!important;background-color:#15803d1a!important;color:var(--quiz-success)!important}.opt-btn.is-incorrect{border-color:var(--quiz-accent)!important;background-color:#b310101a!important;color:var(--quiz-accent)!important}.answer-btn{display:flex;width:100%;align-items:center;gap:1rem;padding:1rem;margin-bottom:.8rem;border:1px solid #ddd;text-align:left;cursor:pointer}.answer-btn .bullet{font-weight:700;font-family:monospace;color:#b31010}.answer-btn.correct{border-color:#15803d;background:#f0fdf4}.answer-btn.wrong{border-color:#b31010;background:#fef2f2}.answer-btn.locked{pointer-events:none}.setup-box{background:var(--quiz-bg-main);border:1px solid var(--quiz-border);overflow:hidden;margin:2rem auto;max-width:600px}.setup-header{background-color:var(--quiz-bg-header);padding:2rem;text-align:center;border-bottom:1px solid var(--quiz-border)}.setup-body{padding:2.5rem}.setup-group{border-bottom:1px solid #eee;padding-bottom:1.5rem}.setup-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem;color:var(--quiz-text-muted);letter-spacing:.1em}.quiz-select{width:100%;padding:1rem;background-color:var(--quiz-bg-secondary);border:1px solid var(--quiz-border);color:var(--quiz-text-body);outline:none}.radio-stack{display:flex;flex-direction:column;gap:.8rem}.radio-option{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;padding:.5rem;transition:background .2s}.radio-option input[type=radio]{margin-top:.3rem;accent-color:#b31010;width:18px;height:18px}.radio-text strong{display:block;font-size:.95rem;font-family:serif}.radio-text span{font-size:.8rem;color:#666}.restart-btn{background-color:transparent;color:var(--quiz-text-title);border:1px solid var(--quiz-text-title);padding:1rem 2.5rem;font-family:var(--font-mono, monospace);font-weight:400;text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;cursor:pointer;transition:all .3s ease;width:auto;display:inline-block;margin-top:1rem}.restart-btn:hover{background-color:var(--quiz-text-title);color:var(--quiz-bg-main);box-shadow:none}.btn-primary-chinese{background:#1a1a1a;color:#fff;border:none;padding:1.2rem;font-family:monospace;text-transform:uppercase;letter-spacing:.2em;font-weight:700;cursor:pointer}.btn-primary-chinese:hover{background:#b31010}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-classic{animation:fadeIn .6s ease-out;max-width:650px;margin:0 auto;padding:2rem 1rem;text-align:center}.font-serif.text-6xl.text-black.mb-2{font-family:serif;font-size:4.5rem;font-weight:400;color:var(--quiz-text-title);margin:1rem 0 .2rem;line-height:1}.score-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--quiz-text-muted);font-weight:600;display:block;margin-bottom:3rem}.review-scroll-area{max-height:600px;overflow-y:auto;padding:0;margin-top:2rem;border-top:2px solid var(--quiz-text-title)}.review-scroll-area::-webkit-scrollbar{width:3px}.review-scroll-area::-webkit-scrollbar-track{background:transparent}.review-scroll-area::-webkit-scrollbar-thumb{background:var(--quiz-border)}.review-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--quiz-accent)}.mb-6.pb-4.border-b{border-bottom:1px solid var(--quiz-border)!important;padding:2rem 1.5rem!important;margin-bottom:0!important;transition:background-color .2s ease;display:flex;flex-direction:column;gap:1.5rem}.mb-6.pb-4.border-b:last-child{border-bottom:none!important}.review-scroll-area .text-sm.font-bold{font-family:serif;font-size:1.1rem!important;font-weight:400;line-height:1.5;margin-bottom:1.2rem!important;color:var(--quiz-text-title)}.grid.grid-cols-1.sm\:grid-cols-2.text-xs.gap-3{display:flex!important;flex-direction:column!important;gap:.8rem!important}.review-scroll-area span.text-gray-400.uppercase.font-extrabold{font-size:.65rem!important;text-transform:uppercase;letter-spacing:.15em;color:var(--quiz-text-muted);font-weight:400;display:inline-block;min-width:120px}.text-green-700{color:var(--quiz-success)!important;font-weight:500}.text-red-700{color:var(--quiz-error)!important;text-decoration:line-through;opacity:.8}.text-black.font-bold{color:var(--quiz-text-title)!important;font-weight:500}.review-scroll-area span.font-bold.bg-white{display:inline-block;padding:.5rem .75rem;border:1px solid var(--quiz-border);background:var(--quiz-bg-main);color:var(--quiz-text-body);font-size:.85rem;line-height:1.3}.next-notice{text-align:center;font-size:.8rem;text-transform:uppercase;margin-top:1.5rem;font-weight:700;color:#666}.card-manuscript{background-color:var(--color-bg-card, #fbfbf9);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}.active-badge{display:none}.card-manuscript:hover{border:2px solid var(--color-chinese-seal-red, #b31010);box-shadow:0 8px 30px #00000014}.border-chinese-seal-red{border-color:var(--color-chinese-seal-red, #b31010)}.bg-bg-section{background-color:var(--color-bg-section, #f6f3e4)}.border-border-subtle{border-color:var(--color-border-subtle, #dee2e6)}.text-text-secondary{color:var(--color-text-secondary, #495057)}.text-chinese-seal-red{color:var(--color-chinese-seal-red, #b31010)}html{scroll-behavior:smooth}.scroll-mt-20{scroll-margin-top:5rem}#quiz-engine-mount,#quiz-engine-mount *{font-family:var(--font-title, Georgia, "Times New Roman", serif)!important}