/**
 * 试卷题目内配图 - 三端全局适配（学生端/家长端/超管端）
 * - .question-text / .question-content / .hd-q-content / .wrong-question 等
 *   容器内的 <img> 都会自动套用此规则
 * - 配套逻辑：image_generate_helper.php 生成的 <img> 带 class="question-image"
 */
.question-text img,
.question-content img,
.hd-q-content img,
.wrong-question img,
.exam-question img,
.question-list img,
.question-card img,
img.question-image {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 10px 0;
    border-radius: 8px;
    border: 1px solid rgba(3, 218, 198, 0.18);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    object-fit: contain;
    cursor: zoom-in;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.question-text img:hover,
.question-content img:hover,
.hd-q-content img:hover,
.wrong-question img:hover,
img.question-image:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 24px rgba(3, 218, 198, 0.25);
    border-color: rgba(3, 218, 198, 0.5);
}
.question-text img[style*="display:none"],
.question-content img[style*="display:none"] {
    display: none !important;
}
img.question-image {
    max-height: 360px;        /* PC 端最高 360px，避免大图撑屏 */
    margin: 12px auto;        /* 居中显示 */
}
img.question-image + br,
.question-content br + img.question-image,
.question-text br + img.question-image {
    margin-top: 4px;
}
img.question-image[src*=".svg"] {
    background: transparent;  /* SVG 透明背景时不显示白底 */
}
/* 移动端：图片占满宽度，加点内边距 */
@media (max-width: 768px) {
    .question-text img,
    .question-content img,
    .hd-q-content img,
    .wrong-question img,
    img.question-image {
        max-width: calc(100vw - 48px);
        max-height: 280px;
        margin: 10px 0;
        border-radius: 6px;
    }
}
/* 超小屏幕：< 480px（家长端侧栏、错题打印等） */
@media (max-width: 480px) {
    .question-text img,
    .question-content img,
    .hd-q-content img,
    .wrong-question img,
    img.question-image {
        max-width: calc(100vw - 32px);
        max-height: 220px;
    }
}
/* 打印模式：图片保持原色，避免被深色滤镜覆盖 */
@media print {
    .question-text img,
    .question-content img,
    .hd-q-content img,
    .wrong-question img,
    img.question-image {
        max-width: 100% !important;
        max-height: none !important;
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        background: transparent !important;
    }
}