section.cover {min-height: 45vh;}
.app-name-link img{height: 60px;}
.sidebar > h1 {margin: 20px 0 0 0;}
.sidebar{background: #eeeeee;}

.input-wrap {padding: 0 10px;}
.input-wrap input {border-radius: 5px;}
.sidebar-toggle {border-radius: 0 5px 5px 0;width: 36px;}
.content {padding-top: 0px;}

.img-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 16px; }
@media (max-width: 1024px) {.img-grid {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 767px) {.img-grid {grid-template-columns: repeat(2, 1fr);}}
.img-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 16px; }
@media (max-width: 1024px) {.img-grid {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 767px) {.img-grid {grid-template-columns: repeat(2, 1fr);}}
.image-item {position: relative;overflow: hidden;border-radius: 10px;background-color: white;width: 100%;padding-bottom: 100%; }
.image-item img {position: absolute;top: 0;left: 0;width: 100%;height: calc(100% - 0px);object-fit: contain;}
.text-container {position: absolute;bottom: 0;left: 0;right: 0;background-color: #eeeeee;padding: 3px;box-sizing: border-box;text-align: center;}

body {background-color: #f9f9f9;}
.medium-zoom-overlay {background-color: rgb(0 0 0 / 70%)!important;backdrop-filter: blur(2px); z-index: 1000001;}
.medium-zoom-image--opened{object-fit: contain !important;z-index: 1000002;}


.popup-container {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 
z-index: 999;
}

.popup-content {
background-color: #fff;
padding: 20px;
text-align: center;
}

.abc {
background-color: #e0e0e0;
width: 50%;
height: 50vh;
text-align: center;
padding: 10px;
border-radius: 10px;
}

.search-container {
display: flex;
align-items: center;
padding: 20px 0 40px;
border-radius: 5px;
}

.search-container input {
flex: 1;
padding: 8px;
outline: none; /* 防止输入状态下的边框 */
border: 1px solid #ddd;
border-radius: 5px;
margin-right: 5px;
}

.search-container button {
padding: 8px 15px;
border: 0px solid #007bff;
background-color: #007bff;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.sidebar ul, .sidebar ul li {line-height: 1.8;}
.sidebar ul li {padding-left: 5px;}
.sidebar .sidebar-nav {padding: 0 0 40px 15px;}

.sidebar-nav li{position:relative;margin:0;cursor:pointer}.sidebar-nav ul:not(.app-sub-sidebar)>li:not(.file)::before{content:'';display:block;position:absolute;top:7px;left:-12px;height:6px;width:6px;border-right:1px solid #505d6b;border-bottom:1px solid #505d6b;transform:rotate(-45deg);transition:transform .1s}.sidebar-nav ul:not(.app-sub-sidebar)>li.open::before{transform:rotate(45deg)}.sidebar-nav ul:not(.app-sub-sidebar)>li.collapse::before{transform:rotate(-45deg)}