/* 修复img、video、canvas元素overflow:visible警告的样式 */
/* 参考: https://github.com/WICG/view-transitions/blob/main/debugging_overflow_on_images.md */

/* 确保img元素不会溢出边界 */
img {
    overflow: clip !important;
    overflow-clip-margin: content-box !important;
}

/* 确保video元素不会溢出边界 */
video {
    overflow: clip !important;
    overflow-clip-margin: content-box !important;
}

/* 确保canvas元素不会溢出边界 */
canvas {
    overflow: clip !important;
    overflow-clip-margin: content-box !important;
}

/* 特殊情况：如果需要圆角效果，确保正确裁剪 */
img[style*="border-radius"],
video[style*="border-radius"],
canvas[style*="border-radius"] {
    overflow: hidden !important;
}

/* 轮播图相关元素的overflow修复 */
.vueBoxImg,
.gallery-image img,
.card__cover img {
    overflow: hidden !important;
}

/* 确保所有图片容器正确处理溢出 */
.gallery-card img,
.card img,
.interview__cover img {
    overflow: hidden !important;
}