优化阅读体验、前台编辑、播放器等

templates/assets/css/main.css

@@ -1444,7 +1444,8 @@ a.close_local {
 
 #t_pagination,
 #pagination,
-#p_pagination {
+#p_pagination,
+#prev_pagination {
     padding: 30px;
     text-align: center;
     display: flex;
@@ -1454,7 +1455,8 @@ a.close_local {
 
 #t_pagination a,
 #pagination a,
-#p_pagination a {
+#p_pagination a,
+#prev_pagination a {
     padding: 10px 15px;
     background: var(--pix-theme);
     color: #fff;
@@ -1462,6 +1464,28 @@ a.close_local {
     display: flex;
 }
 
+#prev_pagination {
+    overflow: hidden;
+    max-height: 0;
+    opacity: 0;
+    transform: translateY(-12px);
+    padding-top: 0;
+    padding-bottom: 0;
+    border-top: 0;
+    border-bottom: 0;
+    pointer-events: none;
+    transition: max-height 0.35s ease, opacity 0.3s ease, transform 0.35s ease, padding 0.35s ease, border-color 0.35s ease;
+}
+
+#prev_pagination.is-visible {
+    max-height: 140px;
+    opacity: 1;
+    transform: translateY(0);
+    padding: 30px;
+    border-bottom: 1px solid var(--pix-background);
+    pointer-events: auto;
+}
+
 .p_item {
     padding: 40px 0;
     border-bottom: 1px solid var(--pix-background);
@@ -3837,7 +3861,7 @@ a.play_btn i {
 }
 
 .player_bar {
-    height: 3px;
+    height: 6px;
     width: 100%;
     background: #ddd;
     position: relative;
@@ -3847,7 +3871,7 @@ a.play_btn i {
 
 .player_bar .progress {
     position: absolute;
-    height: 3px;
+    height: 6px;
     background: linear-gradient(90deg, #00b34a, #00e0c7);
     left: 0;
     top: 0;
@@ -5269,7 +5293,7 @@ a.read-less-btn:hover {
 }
 
 a.m_play i {
-    font-size: 32px;
+    font-size: 28px;
     color: var(--pix-theme);
 }
 
@@ -5763,8 +5787,7 @@ span.edit_post a {
     background: rgba(235, 242, 237, 0.8);
     border-top: 1px solid #eaeaea;
     align-items: center;
-    border-top-left-radius: 20px;
-    border-top-right-radius: 20px;
+    border-radius: 0;
     height: 50px;
 }
 
@@ -5985,11 +6008,6 @@ a.change i.ri-refresh-line {
     .not_mobile {
         display: none;
     }
-
-    .footer_nav_box {
-        border-radius: 50px;
-    }
-
 }
 
 .single_wrap .comments-area,

templates/assets/css/mobile.css

@@ -481,7 +481,7 @@
         backdrop-filter: blur(0.5rem);
         -webkit-backdrop-filter: blur(0.5rem);
         background: rgb(235 242 237 / 80%);
-        border-radius: 0 0 20px 20px;
+        border-radius: 0;
         height: 50px;
     }
 
@@ -655,7 +655,6 @@
         color: #fff;
     }
 
-    .player_mod .tool,
     a.m_prev,
     a.m_next,
     .timer,
@@ -664,6 +663,59 @@
         display: none;
     }
 
+    .player_mod .tool {
+        display: block;
+        width: 100%;
+        margin: 4px 0;
+        position: relative;
+        z-index: 5;
+    }
+
+    .player_mod .top {
+        position: relative;
+        z-index: 1;
+    }
+
+    .player_mod .player_bar {
+        height: 20px;
+        background: transparent;
+        overflow: visible;
+        touch-action: none;
+    }
+
+    .player_mod .player_bar::before {
+        content: "";
+        position: absolute;
+        top: 50%;
+        left: 0;
+        right: 0;
+        height: 6px;
+        background: #ddd;
+        border-radius: 6px;
+        transform: translateY(-50%);
+        z-index: 1;
+    }
+
+    .dark .player_mod .player_bar::before {
+        background: #585858;
+    }
+
+    .player_mod .player_bar .progress {
+        height: 6px;
+        top: 50%;
+        z-index: 2;
+        transform: translateY(-50%);
+    }
+
+    .player_mod .player_dot {
+        display: block;
+        width: 13px;
+        height: 13px;
+        margin-right: -9px;
+        z-index: 9;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
+    }
+
     .player_mod .m_cover {
         width: 32px;
         height: 32px;
@@ -704,7 +756,7 @@
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        max-width: 100px;
+        max-width: 90px;
     }
 
     .single_music_header .mu_img {