/* 检查结果图片放大部分样式 */
.img-container {
    position: relative;
    display: inline-block;
}

.zoom-img-container {
    display: none;
    position: fixed; /* 将位置设置为固定，使其相对于视口定位 */
    top: 50%; /* 将顶部位置设置为视口的50%，使其在垂直方向上居中 */
    left: 50%; /* 将左侧位置设置为视口的50%，使其在水平方向上居中 */
    transform: translate(-50%, -50%); /* 使用 transform 属性将容器向左上角移动，以便完全居中 */
    z-index: 9999; /* 设置较高的 z-index 值以确保放大图片在其他内容之上 */
}

.img-container:hover .zoom-img-container {
    display: block;
}

.img-container:hover .zoom-img-container img {
    width: 400px; /* Adjust the width of the zoomed image as needed */
    height: auto;
}

/* 顶部导航样式 */
.navbar .navbar-brand:hover {
    transform: rotate(-5deg) scale(1.1)
}

/* admin页面导航样式 */