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

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 {