Fix 壁纸堆叠顺序问题

css/mobile.css

@@ -175,11 +175,20 @@
         font-size: 1.75rem;
     }
 
+    i.iconfont.icon-a-daohangzhiyindingwei-05,
+    i.iconfont.icon-z_shangpinheji {
+        font-size: 1.65rem;
+    }
+
     span.link-name {
         display: block !important;
         font-size: 0.85rem;
     }
 
+    .link-card:hover span.link-name {
+        font-size: 0.95rem;
+    }
+
     span.line-text,
     i.iconfont.icon-link {
         font-size: 1.05rem;

css/mobile.min.css

@@ -1 +1 @@
-@charset "utf-8";@media (max-width:1200px){.container,.container-lg,.container-md,.container-sm{max-width:1000px!important}.weekday{display:none}.music-text{max-width:170px!important}}@media (max-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:900px!important}.col.left{margin-right:.75rem}.col.right{margin-left:.75rem}.col.hitokotos{display:none}.col.times{margin-left:0}.weekday{display:inline}.main-img img{width:110px}span.img-title{font-size:4.75rem}span.img-text{font-size:1.75rem}span.link-name{display:none!important}.link-card i{margin-left:10px!important;margin-right:10px!important}}@media (max-width:840px){.social{max-width:100%;justify-content:center}#link-text{display:none!important}.link i{margin:0 20px}}@media (max-width:789px){span.img-text{display:none}}@media (max-width:768px){.main-img img{width:100px}span.img-title{font-size:4.5rem}}@media (max-width:720px){.main-left{transform:translateY(20px)}.col.left{margin-right:0}.col.right{display:none}.col.right{margin-left:0}span.img-text{display:inline}.message{max-width:100%;pointer-events:none}.link-card{height:80px!important;align-items:center!important;flex-direction:column!important;justify-content:center!important}.link-card i{font-size:1.75rem}span.link-name{display:block!important;font-size:.85rem}i.iconfont.icon-link,span.line-text{font-size:1.05rem}.menu{display:flex;justify-content:center;position:fixed;top:84%}.munu-button{padding:5px 20px;background:rgb(0 0 0 / 20%);backdrop-filter:blur(10px);border-radius:6px;font-size:1.25rem;transition:.5s;width:60px;display:flex;justify-content:center;align-items:center;height:40px}footer{font-size:.85rem}.col.hitokotos{margin-right:0}.hitokoto-from,.hitokoto-text{font-size:1.05rem}.music-text{max-width:100%!important}#music-name{font-size:1.05rem}#music-open{display:none}#cursor{background:0 0!important}}@media (max-width:390px){.main-img img{display:none}}@media (min-width:568px){.iziToast{border-radius:30px!important}}@media (min-width:720px){.menu{display:none!important}}@media (min-width:992px){span#win_speed,span#win_text{display:none}}@media (min-width:1400px){span#win_speed,span#win_text{display:inline!important}}.menus .col.left{display:none}.menus .col.right{display:block!important;transition:.5s;padding:0 .75rem}.menus .col.hitokotos{display:block}.menus .col.times{display:none}.menus .row{--bs-gutter-x:0rem}.menus .col.\32{margin:0 .75rem}.menus .logo{display:inline!important;text-align:center;position:fixed;top:8%;font-size:1.75rem}.logo-text{font-family:Pacifico-Regular!important}#link-text,.close,.hitokoto,.line,.link-card,.logo,.main-img,.message,.social,.time{animation:fade .5;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.mobile .col.hitokotos{display:none}.mobile .col.times{display:block}
+@charset "utf-8";@media (max-width:1200px){.container,.container-lg,.container-md,.container-sm{max-width:1000px!important}.weekday{display:none}.music-text{max-width:170px!important}}@media (max-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:900px!important}.col.left{margin-right:.75rem}.col.right{margin-left:.75rem}.col.hitokotos{display:none}.col.times{margin-left:0}.weekday{display:inline}.main-img img{width:110px}span.img-title{font-size:4.75rem}span.img-text{font-size:1.75rem}span.link-name{display:none!important}.link-card i{margin-left:10px!important;margin-right:10px!important}}@media (max-width:840px){.social{max-width:100%;justify-content:center}#link-text{display:none!important}.link i{margin:0 20px}}@media (max-width:789px){span.img-text{display:none}}@media (max-width:768px){.main-img img{width:100px}span.img-title{font-size:4.5rem}}@media (max-width:720px){.main-left{transform:translateY(20px)}.col.left{margin-right:0}.col.right{display:none}.col.right{margin-left:0}span.img-text{display:inline}.message{max-width:100%;pointer-events:none}.link-card{height:80px!important;align-items:center!important;flex-direction:column!important;justify-content:center!important}.link-card i{font-size:1.75rem}i.iconfont.icon-a-daohangzhiyindingwei-05,i.iconfont.icon-z_shangpinheji{font-size:1.65rem}span.link-name{display:block!important;font-size:.85rem}.link-card:hover span.link-name{font-size:.95rem}i.iconfont.icon-link,span.line-text{font-size:1.05rem}.menu{display:flex;justify-content:center;position:fixed;top:84%}.munu-button{padding:5px 20px;background:rgb(0 0 0 / 20%);backdrop-filter:blur(10px);border-radius:6px;font-size:1.25rem;transition:.5s;width:60px;display:flex;justify-content:center;align-items:center;height:40px}footer{font-size:.85rem}.col.hitokotos{margin-right:0}.hitokoto-from,.hitokoto-text{font-size:1.05rem}.music-text{max-width:100%!important}#music-name{font-size:1.05rem}#music-open{display:none}#cursor{background:0 0!important}}@media (max-width:390px){.main-img img{display:none}}@media (min-width:568px){.iziToast{border-radius:30px!important}}@media (min-width:720px){.menu{display:none!important}}@media (min-width:992px){span#win_speed,span#win_text{display:none}}@media (min-width:1400px){span#win_speed,span#win_text{display:inline!important}}.menus .col.left{display:none}.menus .col.right{display:block!important;transition:.5s;padding:0 .75rem}.menus .col.hitokotos{display:block}.menus .col.times{display:none}.menus .row{--bs-gutter-x:0rem}.menus .col.\32{margin:0 .75rem}.menus .logo{display:inline!important;text-align:center;position:fixed;top:8%;font-size:1.75rem}.logo-text{font-family:Pacifico-Regular!important}#link-text,.close,.hitokoto,.line,.link-card,.logo,.main-img,.message,.social,.time{animation:fade .5;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.mobile .col.hitokotos{display:none}.mobile .col.times{display:block}

css/style.css

@@ -47,7 +47,7 @@ a:hover {
 
 /*背景*/
 .bg-all {
-    z-index: 0;
+    z-index: -1;
     position: absolute;
     top: calc(0px + 0px);
     left: 0;

index.html

@@ -14,10 +14,10 @@
     <meta name="author" content="無名">
     <title>無名の主页</title>
     <!-- jQuery -->
-    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.5.1/jquery.min.js"></script>
     <!-- 引入样式 -->
     <link rel="stylesheet" type="text/css"
-        href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/css/bootstrap.min.css">
+        href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="./css/style.min.css">
     <link rel="stylesheet" type="text/css" href="./css/mobile.min.css">
     <link rel="stylesheet" type="text/css" href="./css/font.min.css">
@@ -27,14 +27,14 @@
     <link rel="icon" href="./favicon.ico">
     <link rel="apple-touch-icon" href="./img/icon/apple-touch-icon.png">
     <!-- Izitoast -->
-    <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/izitoast/1.4.0/css/iziToast.min.css">
+    <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/css/iziToast.min.css">
     <script type="text/javascript"
-        src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/izitoast/1.4.0/js/iziToast.min.js">
+        src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/js/iziToast.min.js">
     </script>
     <!-- Aplayer -->
-    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css"
+    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.css"
         crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js" crossorigin="anonymous"
+    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.js" crossorigin="anonymous"
         referrerpolicy="no-referrer"></script>
     <!-- IE Out -->
     <script>
@@ -464,7 +464,7 @@
     <script type="text/javascript" src="./js/set.min.js"></script>
     <script type="text/javascript" src="./js/cursor.min.js"></script>
     <script type="text/javascript"
-        src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/js/bootstrap.min.js">
+        src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/js/bootstrap.min.js">
     </script>
 </body>
 

js/main.js

@@ -73,11 +73,12 @@ if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
     link.type = 'text/css';
     head.appendChild(link);
     window.addEventListener('load', function () {
+        setTimeout(function () {
             iziToast.show({
                 timeout: 8000,
-            iconUrl: './img/icon/warn.png',
                 message: '您正在使用火狐浏览器，部分功能可能不支持'
             });
+        }, 3800);
     }, false)
 }