/* ========================================
   正文图片 - 自适应比例
   让图片在任何屏幕下保持比例，不拉伸不变形
   ======================================== */

/* ---------- 正文中的所有图片 ---------- */
.project-details-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 4px;
}

/* ---------- 带 width/height 属性的图片（强制覆盖） ---------- */
.project-details-content img[width],
.project-details-content img[height] {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ---------- 图片容器（防止图片溢出） ---------- */
.project-details-content p img,
.project-details-content div img {
    max-width: 100% !important;
    height: auto !important;
}

/* ---------- 多图并排时自动换行 ---------- */
.project-details-content img + img {
    margin-top: 8px;
}

/* ---------- 图片居中（可选） ---------- */
.project-details-content .image-center,
.project-details-content p:has(img) {
    text-align: center;
}

/* ---------- 移动端优化 ---------- */
@media (max-width: 768px) {
    .project-details-content img {
        border-radius: 4px;
    }
}