重写目录样式；适配新域名

templates/assets/css/mobile.css

@@ -303,6 +303,7 @@
     .moment_cat_nav,
     .posts_cat_nav,
     .photos_cat_nav,
+    .douban_cat_nav,
     .friends_cat_nav {
         padding: 15px;
     }
@@ -742,30 +743,42 @@
     }
 
     /* 手机端文章目录调整 */
-    h3.listree-titles {
-        font-size: 0.8rem;
-        padding: 9px 0;
-        margin: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
+    .listree-box {
+        left: 40px;
+        right: 12px;
+        max-width: 85vw;
+        max-height: calc(100vh - 96px);
+        margin-left: 0;
+        border-radius: 12px;
+        transform: translate3d(0, -8px, 0) scale(.98);
+        transform-origin: top center;
     }
 
-    #listree-ol li a {
-        font-size: 0.8rem;
+    .listree-box.is-open {
+        transform: translate3d(0, 0, 0) scale(1);
     }
 
     #listree-ol {
-        margin: 10px 0 15px -10px;
-        padding-right: 15px;
+        max-height: min(56vh, 420px);
+        margin: 0;
+        padding: 10px 8px 12px;
     }
 
     #listree-ol li {
-        line-height: 1.2;
-        margin-top: 6px;
+        line-height: inherit;
+        margin: 2px 0;
         list-style: none;
     }
 
+    #listree-ol li a {
+        font-size: 0.82rem;
+        padding: 7px 9px 7px 10px;
+    }
+
+    .toc_nav .listree-btn.is-active i {
+        transform: rotate(90deg);
+    }
+
     /* 手机端底部音乐按钮颜色 */
     .footer_menu a.playing-music,
     .footer_menu a.playing-music i,
@@ -773,7 +786,11 @@
         color: #4CAF50;
     }
 
+    /* 手机端顶部工具按钮 */
+    .top_tool a {
+        padding: 6px;
+        display: flex;
+    }
 
 
-
-}
+}