/*返回屏幕顶部按钮*/
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000; /* Ensures the button stays on top */
    display: block; /* Always show */
}
/*底部备案号*/
.blog-footer {
    /*padding: 2.5rem 0;*/
    /*color: #727272;*/
    text-align: center;
    /*background-color: #f9f9f9;*/
    /*border-top: .05rem solid #e5e5e5;*/
}
#header-placeholder {
    position: fixed; /* 固定位置 */
    top: 0; /* 距离顶部0 */
    left: 0; /* 距离左边0 */
    width: 100%; /* 占满宽度 */
    z-index: 1000; /* 确保在其他元素之上 */
    background-color: white; /* 背景颜色，确保内容可见 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影以区分内容 */
}
body {
    display: flex; /* 使用flex布局 */
    flex-direction: column; /* 垂直排列 */
    min-height: 100vh; /* 确保页面至少占满整个视口高度 */
    margin: 0; /* 去除默认外边距 */
}

main {
    flex: 1; /* 使main部分占据剩余空间 */
}

footer.blog-footer {
    margin-top: auto; /* 将footer推到页面底部 */
}