/* 自定义CSS以减少页面顶部的内边距，使内容向上移动 */

/* 减少header的顶部padding */
#header {
    padding: 2em 0 0.1em 0 !important;
}

/* 减少main区域的padding */
#main {
    padding: 0em 0 3em 0 !important;
}

/* 减少footer的padding */
#footer {
    padding: 3em 0 3em 0 !important;
}

/* 减少内容区域的顶部margin */
.inner h1, .inner h2, .inner h3 {
    margin-top: 0.5em !important;
}

/* 调整tiles区域的margin */
.tiles {
    margin-top: 0 !important;
}

/* 减少markdown内容的间距 */
.markdown-content h1 {
    margin-bottom: 0.5em !important;
}

.markdown-content p {
    margin: 0 0 1em 0 !important;
}

/* 图片预览弹窗样式 */
#img-modal {
  display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.8); justify-content: center; align-items: center; flex-direction: column;
}
#img-modal img { max-width: 90vw; max-height: 80vh; }
#img-modal-close, #img-modal-prev, #img-modal-next {
  position: absolute; color: #fff; font-size: 2em; cursor: pointer; user-select: none;
}
#img-modal-close { top: 20px; right: 40px; }
#img-modal-prev { top: 50%; left: 40px; transform: translateY(-50%); }
#img-modal-next { top: 50%; right: 40px; transform: translateY(-50%); }