```html
<!-- 默认自定义头部 -->  
<style>
/*隐藏底部openlsit版权信息*/
.footer span,.footer a:nth-of-type(1){
  display:none;
}
</style>
```


```html
<!-- 默认自定义头部 -->  
<!-- 引入 polyfill -->  
<script src="https://polyfill.alicdn.com/v3/polyfill.min.js?features=String.prototype.replaceAll"></script>  
  
<!-- 引入字体 -->  
<link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-webfont@1.1.0/lxgwwenkai-regular.css" />  
  
<style>  
  /*Logo图片*/ 
  .header-left img { filter: drop-shadow(0px 0px 20px rgb(9, 187, 189)); filter: brightness(1.5); }
  
  
    /* 背景设置 */  
    .hope-ui-dark, .hope-ui-light {  
        background-image: url('https://pan.lcxm.site/d/%E7%81%B5%E5%88%9B%E7%9B%98-%E4%B8%BB%E7%9B%AE%E5%BD%95/%E7%81%B5%E5%88%9B%E7%9B%98%E7%B3%BB%E7%BB%9F%E6%96%87%E4%BB%B6/background4.png?sign=q5pQCi5TXFxY1f9ULk-Y2y4pHeIc7yulTy2e8ai_GJI=:0') !important;  
        background-size: cover;  
        background-attachment: fixed;  
        background-position: center;  
    }  
      
    /*主列表白天模式透明*/  
    .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background-color: rgba(255, 255, 255, 0.3) !important;  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
    /*主列表夜间模式透明*/  
    .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background-color: rgba(0, 0, 0, 0.3) !important;  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
    /*readme白天模式透明*/  
    .hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background-color: rgba(255, 255, 255, 0.3) !important;  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
    /*readme夜间模式透明*/  
    .hope-c-PJLV.hope-c-PJLV-iiuDLME-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background-color: rgba(0, 0, 0, 0.3) !important;  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
  
    /*顶部*/  
    #root > .header {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background: rgba(255, 255, 255, 0); /* 透明背景色 */  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
  
    /*导航条*/  
    /*白天模式*/  
    .hope-ui-light .body > .nav {  
        background-color: rgba(255, 255, 255, 0.3);  
        border-radius: var(--hope-radii-xl);  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
    /*夜间模式*/  
    .hope-ui-dark .body > .nav {  
        background-color: rgba(0, 0, 0, 0.3);  
        border-radius: var(--hope-radii-xl);  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
     
    /*隐藏导航条遮罩*/  
    .body > .nav::after {  
        display: none;  
    }  
  
    /*右上视图切换菜单*/  
    /*白天模式*/  
    .hope-ui-light .hope-c-PJLV-iSMXDf-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background: rgba(255, 255, 255, 0.3); /* 透明背景色 */  
        border-radius: 10px;  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
    /*夜间模式*/  
    .hope-ui-dark .hope-c-PJLV-iSMXDf-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background: rgba(0, 0, 0, 0.3); /* 透明背景色 */  
        border-radius: var(--hope-radii-xl);  
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */  
    }  
  
    /*右下角侧边栏按钮透明 第一个是白天 第二个是夜间*/  
    .hope-ui-light .hope-c-PJLV-ijgzmFG-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background-color: rgba(255, 255, 255, 0.3) !important;  
    }  
    .hope-ui-dark .hope-c-PJLV-ijgzmFG-css {  
        backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */  
        -webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */  
        background-color: rgba(0, 0, 0, 0.5) !important;  
    }  
    /*白天模式代码块透明*/  
    .hope-ui-light pre {  
        background-color: rgba(255, 255, 255, 0.1) !important;  
    }  
    /*夜间模式代码块透明*/  
    .hope-ui-dark pre {  
        background-color: rgba(255, 255, 255, 0) !important;  
    }  
  
    /*底部CSS，.App .table这三个一起的*/  
    dibu {  
        border-top: 0px;  
        position: absolute;  
        bottom: 0;  
        width: 100%;  
        margin: 0px;  
        padding: 0px;  
    }  
    .App {  
        min-height: 85vh;  
    }  
    .table {  
        margin: auto;  
    }  
  
    
    /*全局字体*/  
    * {  
        font-family: LXGW WenKai;  
    }  
    * {  
        font-weight: bold;  
    }  
    body {  
        font-family: LXGW WenKai;  
    }  
</style>
```


```html
<!-- 延迟加载 -->  
<div id="customize" style="display: none;">  
    <div>  
        <br />  
        <center class="dibu">  
            <div style=" line-height: 20px;font-size: 20pt;font-weight: bold;">  
                <span>  
                    "  
                    <span style="color: rgb(154, 216, 166); font-weight: bold;" id="hitokoto">  
                        <a href="#" id="hitokoto_text">  
                            "灵创新媒实验室欢迎您！"  
                        </a>  
                    </span> "  
                </span>  
            </div>  
  
            <!-- 底部链接 -->  
            <div style="font-size: 13px; font-weight: bold;">  
                <span class="nav-item">  
                    <a class="nav-link" href="mailto:xiaoming@xmdblog.com" target="_blank">  
                        <i class="fa-duotone fa-envelope-open" style="color:#409EFF" aria-hidden="true">  
                        </i>  
                        邮箱 |  
                    </a>  
                </span>  
                <span class="nav-item">  
                    <a class="nav-link" href="pan.xmdblog.com" target="_blank">  
                        <i class="fa fa-cloud-download" style="color:#409EFF;" aria-hidden="true">  
                        </i>  
                        云盘 |  
                    </a>  
                </span>  
                <!--后台入口-->  
                <span class="nav-item">  
                    <a class="nav-link" href="/@manage" target="_blank">  
                        <i class="fa-solid fa-folder-gear" style="color:#409EFF;" aria-hidden="true">  
                        </i>  
                        管理 |  
                    </a>  
                </span>  
				<br />  
                <br />  
				<!--添加备案信息-->  
                <span class="nav-item">  
                    <a class="nav-link" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">  
                        <i class="fa-solid fa-shield-check" style="color:#409EFF;" aria-hidden="true">  
                        </i>  
                        沪ICP备2024050492号-1  
                    </a>  
                </span>  
            </div>  
        </center>  
        <br />  
    </div>  
  
<!--延迟加载范围到这里结束-->  
</div>  
  
<!-- 延迟加载JS -->  
<script>  
    let interval = setInterval(() => {  
        if (document.querySelector(".footer")) {  
            document.querySelector("#customize").style.display = "";  
            clearInterval(interval);  
        }  
    }, 200);  
</script>
```

```html
<script type="text/javascript">   function show_runtime() {       window.setTimeout("show_runtime()", 1000);       X = new Date("3/30/2025 12:12:12"); /*开始时间*/       Y = new Date();       T = (Y.getTime() - X.getTime());       M = 24 * 60 * 60 * 1000;       a = T / M;       A = Math.floor(a);       b = (a - A) * 24;       B = Math.floor(b);       c = (b - B) * 60;       C = Math.floor((b - B) * 60);       D = Math.floor((c - C) * 60);       runtime_span.innerHTML = "本站已运行 " + A + " 天 " + B + " 小时 " + C + " 分 " + D + " 秒 "   }   show_runtime(); </script>
```