/* xnx_quiz 答题样式 */

/* 答题首页 */
.xnx-quiz-index .card-title {
    font-size: 1.5rem;
}
.quiz-options{
    margin: 0 12px;
}
/* 答题进行中 */
.xnx-quiz-play .quiz-question-card {
    transition: opacity 0.2s;
}

.xnx-quiz-play .quiz-option {
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.15s;
    margin-bottom: 0.5rem;
}

.xnx-quiz-play .quiz-option:hover {
    background-color: var(--bs-tertiary-bg, #f8f9fa);
}

.xnx-quiz-play .quiz-option input[type="radio"]:checked + label,
.xnx-quiz-play .quiz-option input[type="checkbox"]:checked + label {
    font-weight: 600;
    color: var(--bs-primary, #0d6efd);
}

/* 导航点 */
.quiz-nav-dots {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    flex-wrap: wrap;
    max-width: 60%;
}

.quiz-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--bs-secondary-bg, #dee2e6);
    cursor: pointer;
    transition: background-color 0.15s, transform 0.15s;
    flex-shrink: 0;
}

.quiz-dot:hover {
    transform: scale(1.2);
}

.quiz-dot.active {
    background-color: var(--bs-primary, #0d6efd);
}

/* 答题结果 */
.quiz-result-score {
    margin: 1rem 0;
}

/* 个人中心答题页 */
.xnx-quiz-my .nav-tabs .nav-link {
    color: var(--bs-body-color, #212529);
}

.xnx-quiz-my .nav-tabs .nav-link.active {
    font-weight: 600;
}

/* 奖励规则动态行 */
.rule-row {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.5rem;
}

/* 题目选项动态行 */
.option-row {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.5rem;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .quiz-nav-dots {
        max-width: 100%;
        margin-top: 0.5rem;
    }

    .xnx-quiz-play .card-body {
        padding: 1rem;
    }

    .xnx-quiz-index .col-md-6 {
        margin-bottom: 1rem;
    }
}