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