/* detail页面专用布局：电脑端两列，移动端单列 */
.detail-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;          /* 两列之间间距，可自行改大小 */
    align-items: flex-start;
    margin: 1.5rem 0;
}

/* 左侧图片区域 */
.detail-flex .img_wrap {
    flex: 1;
    min-width: 300px;   /* 图片区域最小宽度 */
    max-width: 600px;   /* 限制图片最大宽度，和页面图片尺寸匹配 */
}

.detail-flex .img_wrap img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 右侧图片信息区域 */
.detail-flex .img_detail {
    flex: 0 0 360px;     /* 信息栏固定宽度，按需修改 */
    min-width: 280px;
}

/* 小屏幕（手机/平板）自动改为上下单列 */
@media (max-width: 768px) {
    .detail-flex {
        flex-direction: column;
    }
    .detail-flex .img_detail {
        flex: 1;
    }
}