/* ===== Quiz ===== */
.quiz-container {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    margin: 24px 0;
}

/* 选项：自适应列数 */
.quiz-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, max-content));
    gap: 8px;
    margin-bottom: 10px;
}

.quiz-opt {
    padding: 7px 14px;
    border: 1px solid #bbb;
    border-radius: 6px;
    background: #fafafa;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    transition: background 0.15s;
}

.quiz-opt:hover:not(:disabled) { background: #e8f0fe; }
.quiz-opt:disabled { cursor: default; }

.quiz-opt--correct {
    background: #e6f4ea;
    border-color: #4caf50;
    color: #2e7d32;
}

.quiz-opt--wrong {
    background: #fdecea;
    border-color: #f44336;
    color: #c62828;
    animation: quiz-shake 0.3s;
}

@keyframes quiz-shake {
    0%, 100% { transform: translateX(0); }
    25%       { transform: translateX(-6px); }
    75%       { transform: translateX(6px); }
}

.quiz-feedback {
    font-size: 13px;
    color: #f44336;
    min-height: 18px;
    margin-bottom: 8px;
}

.quiz-skip {
    padding: 5px 12px;
    border: none;
    border-radius: 6px;
    background: #eee;
    cursor: pointer;
    font-size: 13px;
}

.quiz-skip:hover:not(:disabled) { background: #ddd; }
.quiz-skip:disabled { opacity: 0.4; cursor: default; }

/* 锁定的正文段 */
.quiz-locked {
    display: none;
}

.quiz-locked--open {
    display: block;
}