v1.4 & fix cdn & fix ico

css/font.css

@@ -1,10 +1,3 @@
-@font-face {
-    font-family: "iconfont";
-    src: url('../font/font_2831425_80aedhvquju.woff2') format('woff2'),
-        url('../font/font_2831425_80aedhvquju.woff') format('woff'),
-        url('../font/font_2831425_80aedhvquju.ttf') format('truetype');
-}
-
 @font-face {
     font-family: "Pacifico-Regular";
     src: url('../font/Pacifico-Regular.ttf');
@@ -15,6 +8,19 @@
     src: url('../font/UnidreamLED.ttf');
 }
 
+@font-face {
+    font-family: "PingFangSC";
+    src: url('../font/PingFangSC.woff2');
+}
+
+@font-face {
+    font-family: "iconfont";
+    /* Project id 2831425 */
+    src: url('../font/font_2831425_ekwvaabvo8l.woff2') format('woff2'),
+        url('../font/font_2831425_ekwvaabvo8l.woff') format('woff'),
+        url('../font/font_2831425_ekwvaabvo8l.ttf') format('truetype');
+}
+
 .iconfont {
     font-family: "iconfont" !important;
     font-size: 16px;
@@ -23,6 +29,70 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-undo:before {
+    content: "\e875";
+}
+
+.icon-wrench-fill:before {
+    content: "\e86e";
+}
+
+.icon-plus:before {
+    content: "\e653";
+}
+
+.icon-right:before {
+    content: "\e613";
+}
+
+.icon-right-copy:before {
+    content: "\ebd4";
+}
+
+.icon-times:before {
+    content: "\e857";
+}
+
+.icon-bars:before {
+    content: "\e61f";
+}
+
+.icon-link:before {
+    content: "\e603";
+}
+
+.icon-close:before {
+    content: "\e656";
+}
+
+.icon-photo:before {
+    content: "\ebd3";
+}
+
+.icon-navigation1:before {
+    content: "\e637";
+}
+
+.icon-cloud:before {
+    content: "\e624";
+}
+
+.icon-lab:before {
+    content: "\e88d";
+}
+
+.icon-blog-solid:before {
+    content: "\e631";
+}
+
+.icon-comment-alt-lines:before {
+    content: "\e679";
+}
+
+.icon-music-list:before {
+    content: "\e699";
+}
+
 .icon-youxiang:before {
     content: "\e605";
 }

css/lantern.css

@@ -220,4 +220,10 @@
         width: 8px;
         height: 16px
     }
+}
+
+@media screen and (max-width:720px) {
+    .lantern__warpper {
+        display: none;
+    }
 }

css/mobile.css

@@ -50,12 +50,22 @@
     span.img-text {
         font-size: 1.75rem;
     }
+
+    /*链接卡片文字*/
+    span.link-name {
+        display: none !important;
+    }
+
+    .link-card i {
+        margin-left: 10px !important;
+        margin-right: 10px !important;
+    }
 }
 
 /*小于840px时*/
 @media (max-width: 840px) {
 
-    
+
     /*社交链接*/
     .social {
         max-width: 100%;
@@ -123,6 +133,17 @@
     }
     */
 
+    /*链接卡片*/
+    .link-card {
+        align-items: center !important;
+        flex-direction: column !important;
+        justify-content: center !important;
+    }
+
+    span.link-name {
+        display: block !important;
+    }
+
     /*菜单栏按钮*/
     .menu {
         display: flex;
@@ -169,6 +190,7 @@
 
 /* 大于992px时 */
 @media (min-width: 992px) {
+
     /*时钟显示*/
     span#win_text,
     span#win_speed {
@@ -178,6 +200,7 @@
 
 /* 大于1400px时 */
 @media (min-width: 1400px) {
+
     /*时钟显示*/
     span#win_text,
     span#win_speed {
@@ -222,10 +245,14 @@
     text-align: center;
     position: fixed;
     top: 8%;
-    font-family: 'Pacifico-Regular';
     font-size: 1.75rem;
 }
 
+/*第二屏logo*/
+.logo-text {
+    font-family: 'Pacifico-Regular' !important;
+}
+
 /*切换动画*/
 /*
 .hitokoto,

css/style.css

@@ -16,6 +16,7 @@ p {
     transition: 0.3s;
     color: #efefef;
     user-select: none;
+    font-family: 'PingFangSC';
 }
 
 a:hover {
@@ -96,19 +97,24 @@ main {
     width: 120px;
 }
 
+.main-img img:hover {
+    transform: rotate(360deg);
+}
+
 .img-title {
     width: 100%;
     margin-left: 12px;
-    font-family: Pacifico-Regular;
     transform: translateY(-8%);
 }
 
 span.img-title {
     font-size: 5rem;
+    font-family: 'Pacifico-Regular' !important;
 }
 
 span.img-text {
     font-size: 2rem;
+    font-family: 'Pacifico-Regular' !important;
 }
 
 /*简介*/
@@ -131,7 +137,11 @@ span.img-text {
 p.des-title {
     margin: 1rem 1rem;
     line-height: 2rem;
-    font-family: Pacifico-Regular;
+    font-size: 1.10rem;
+}
+
+span#change {
+    font-family: 'Pacifico-Regular' !important;
 }
 
 i.iconfont.icon-yinhao-copy {
@@ -151,6 +161,10 @@ i.iconfont.icon-yinhao-copy {
     margin: 0px 10px;
 }
 
+.social .link i:hover {
+    color: #707070;
+}
+
 #link-text {
     display: none;
     flex: 1;
@@ -165,6 +179,10 @@ i.iconfont.icon-yinhao-copy {
     backdrop-filter: blur(10px);
     padding: 20px;
     border-radius: 6px;
+    height: 165px;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
 }
 
 .hitokoto-all {
@@ -173,10 +191,15 @@ i.iconfont.icon-yinhao-copy {
     flex-direction: column;
 }
 
+.hitokoto-text {
+    font-size: 1.2rem;
+}
+
 .hitokoto-from {
     margin-top: 10px;
     font-weight: bold;
     align-self: flex-end;
+    font-size: 1.10rem;
 }
 
 /*时间卡片*/
@@ -189,21 +212,35 @@ i.iconfont.icon-yinhao-copy {
     text-align: center;
     display: flex;
     flex-direction: column;
+    height: 165px;
+    font-size: 1.10rem;
 }
 
 span.time-text {
     font-size: 3.25rem;
     letter-spacing: 2px;
-    font-family: UnidreamLED;
+    font-family: 'UnidreamLED' !important;
 }
 
-/*链接卡片*/
+/*分割线*/
 .line {
     margin: 1rem 0.25rem;
     margin-top: 2rem;
-    font-size: 1.10rem;
+    font-size: 1.2rem;
+    display: flex;
+    align-items: center;
+}
+
+span.line-text {
+    font-size: 1.35rem;
+    margin: 0px 6px;
+}
+
+i.iconfont.icon-link {
+    font-size: 1.4rem;
 }
 
+/*链接卡片*/
 .link-card {
     height: 100px;
     width: 100%;
@@ -212,15 +249,28 @@ span.time-text {
     backdrop-filter: blur(10px);
     display: flex;
     align-items: center;
-    flex-direction: column;
-    justify-content: space-evenly;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.link-card i {
+    margin-left: 0px;
+    font-size: 2.2rem;
 }
 
 .link-card:hover {
     background: rgb(0 0 0 / 40%);
     transition: 0.5s;
 }
 
+span.link-name {
+    font-size: 1.2rem;
+}
+
+.link-card:hover span.link-name {
+    font-size: 1.25rem;
+}
+
 /*更多页面*/
 .more {
     display: none !important;
@@ -276,7 +326,7 @@ span.time-text {
 }
 
 .progress-bar {
-    font-family: 'UnidreamLED';
+    font-family: 'UnidreamLED' !important;
     background-color: #efefef !important;
     color: rgb(86 77 89) !important;
     font-size: 0.95rem;
@@ -341,15 +391,24 @@ span.time-text {
 
 .closebox {
     left: auto;
-    top: 4px;
-    right: 8px;
-    font-size: 1.45rem;
+    top: 10px;
+    right: 16px;
 }
 
 .closebox:hover {
     transform: scale(1.2);
 }
 
+i.iconfont.icon-close {
+    font-size: 1.45rem;
+}
+
+/*移动端页面切换按钮*/
+i.iconfont.icon-bars,
+i.iconfont.icon-times {
+    font-size: 1.25rem;
+}
+
 /*页脚样式*/
 footer {
     text-align: center;