src/components/FloatingActions.astro

@@ -56,11 +56,7 @@
     #back-to-top {
         width: 3rem;
         height: 3rem;
-        /* border: #a7a7a7 1.5px solid; */
-        border-top: var(--deep-blue) 1.5px dotted;
-        border-left: var(--deep-blue) 1.5px dotted;
-        border-right: var(--deep-blue) 2.5px solid;
-        border-bottom: var(--deep-blue) 2.5px solid;
+        border: #a7a7a7 1.5px solid;
         border-radius: 999px;
         background: rgba(255, 255, 255, 0.92);
         color: #222;
@@ -122,8 +118,7 @@
         transition:
             opacity 0.2s ease,
             transform 0.27s ease,
-            visibility 0.2s ease,
-            box-shadow 0.2s ease;
+            visibility 0.2s ease;
     }
 
     #theme-toggle-fab.show,
@@ -135,8 +130,7 @@
 
     #theme-toggle-fab.show:hover,
     #back-to-top.show:hover {
-        transform: translateY(-2.5px);
-        box-shadow: 2px 3px 0px var(--deep-blue);
+        transform: translateY(-2px);
     }
 
     :global(.dark) #theme-toggle-fab,

src/layouts/MarkdownPostLayout.astro

@@ -193,10 +193,6 @@ const t = getTranslations(lang);
     justify-content: center;
     text-decoration: none;
     border: #536493 1.5px solid;
-    border-top: #536493 2.5px dotted;
-    border-left: #536493 2.5px dotted;
-    border-right: #536493 2.5px solid;
-    border-bottom: #536493 2.5px solid;
     background: rgba(255, 255, 255, 0.92);
     color: #222;
     /* box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16); */
@@ -221,8 +217,7 @@ const t = getTranslations(lang);
   }
 
   .back-button.show:hover {
-    transform: translateY(-2.5px);
-    box-shadow: 2px 3px 0px var(--deep-blue);
+    transform: translateY(-2px);
   }
 
   .back-button:hover {
@@ -374,15 +369,16 @@ const t = getTranslations(lang);
     }
   }
 
-  details {
+
+details {
   margin: 1.5rem 0;
   overflow: hidden;
   border-top: 2px solid #1e3a5f;
   border-radius: 0 0 0.5rem 0.5rem;
   background: rgba(128, 128, 128, 0.14);
-  }
+}
 
-  details summary {
+details summary {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -391,69 +387,69 @@ const t = getTranslations(lang);
   font-weight: 600;
   user-select: none;
   list-style: none;
-  }
+}
 
-  details summary::-webkit-details-marker {
+details summary::-webkit-details-marker {
   display: none;
-  }
+}
 
-  details summary::before {
+details summary::before {
   content: "›";
   display: inline-block;
   font-size: 1.25rem;
   line-height: 1;
   transition: transform 0.2s ease;
-  }
+}
 
-  details[open] summary::before {
+details[open] summary::before {
   transform: rotate(90deg);
-  }
+}
 
-  /* 展开内容 */
-  details > :not(summary) {
+/* 展开内容 */
+details > :not(summary) {
   box-sizing: border-box;
   margin-top: 0;
   margin-bottom: 0;
   padding-right: 1rem;
-  }
+}
 
-  /* 为列表序号预留空间 */
-  details > ol,
-  details > ul {
+/* 为列表序号预留空间 */
+details > ol,
+details > ul {
   padding: 0.6rem 1rem 1rem 3rem;
-  }
+}
 
-  details li {
+details li {
   margin: 0.8rem 0;
-  }
+}
 
-  blockquote {
+blockquote {
   margin: 1.25rem 0;
   padding: 0.75rem 1rem;
   border-left: 4px solid var(--deep-red);
   background: rgba(128, 128, 128, 0.1);
   border-radius: 0 0.4rem 0.4rem 0;
-  }
+}
 
-  blockquote p {
+blockquote p {
   margin: 0;
-  }
+}
 
-  blockquote p + p {
+blockquote p + p {
   margin-top: 0.75rem;
-  }
+}
 
-  /* 块级公式：超出屏幕时只滚动公式，不撑宽整篇文章 */
-  .katex-display {
+/* 块级公式：超出屏幕时只滚动公式，不撑宽整篇文章 */
+.katex-display {
     max-width: 100%;
     overflow-x: auto;
     overflow-y: hidden;
     padding: 0.25rem 0;
     -webkit-overflow-scrolling: touch;
-  }
+}
 
-  /* 避免 KaTeX 内部元素强行把父容器撑宽 */
-  .katex-display > .katex {
+/* 避免 KaTeX 内部元素强行把父容器撑宽 */
+.katex-display > .katex {
     min-width: max-content;
-  }
+}
 </style>