added 工具栏

themes/Ying/assets/css/main.css

@@ -2857,51 +2857,80 @@ img[atk-emoticon] {
 /* GenericOutput */ [data-theme="dark"] .chroma .go { color:#44475a }
 /* GenericPrompt */ [data-theme="dark"] .chroma .gp {  }
 
-/* Back to Top Button */
-#back-to-top {
+/* Floating Tools */
+.floating-tools {
     position: fixed;
     bottom: 30px;
     right: 30px;
+    z-index: 2147483647;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    align-items: center;
+}
+
+.floating-tools a {
     width: 40px;
     height: 40px;
-    background-color: var(--bankuai-color);
-    color: var(--text-content-color);
+    background-color: rgba(255, 255, 255, 0.6);
+    color: #333;
     border-radius: 50%;
     text-align: center;
     line-height: 40px;
     font-size: 24px;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
     cursor: pointer;
-    z-index: 2147483647;
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 0.3s, visibility 0.3s, background-color 0.3s, transform 0.3s;
+    text-decoration: none;
     display: flex;
     justify-content: center;
     align-items: center;
-    text-decoration: none;
+    transition: all 0.3s;
+    backdrop-filter: blur(10px) saturate(180%);
+    -webkit-backdrop-filter: blur(10px) saturate(180%);
+    border: 1px solid rgba(255, 255, 255, 0.4);
+}
+
+.floating-tools a:hover {
+    background-color: rgba(255, 255, 255, 0.85);
+    color: var(--erji-color);
+    transform: translateY(-3px);
+    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
+}
+
+[data-theme="dark"] .floating-tools a {
+    background-color: rgba(30, 30, 30, 0.6);
+    color: #e5e7eb;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+[data-theme="dark"] .floating-tools a:hover {
+    background-color: rgba(60, 60, 60, 0.8);
+    color: #fff;
+}
+
+/* Back to Top Button */
+#back-to-top {
+    opacity: 0;
+    visibility: hidden;
+    height: 0;
+    width: 0;
+    margin: 0;
+    overflow: hidden;
+    transform: scale(0);
 }
 
 #back-to-top.show {
     opacity: 1;
     visibility: visible;
+    height: 40px;
+    width: 40px;
+    margin-top: 0;
+    transform: scale(1);
 }
 
-#back-to-top:hover {
-    background-color: var(--erji-color);
-    color: #fff;
-    transform: translateY(-3px);
-}
-
-[data-theme="dark"] #back-to-top {
-    background-color: var(--bankuai-dark-color);
-    color: var(--text-content-dark-color);
-    box-shadow: 0 2px 5px rgba(255,255,255,0.1);
-}
-
-[data-theme="dark"] #back-to-top:hover {
-    background-color: #444;
-    color: #fff;
+#back-to-top.show:hover {
+    transform: scale(1) translateY(-3px);
 }
 /* GenericStrong */ [data-theme="dark"] .chroma .gs {  }
 /* GenericSubheading */ [data-theme="dark"] .chroma .gu { font-weight:bold }