fixed 部署bug

themes/Ying/assets/css/main.css

@@ -210,12 +210,17 @@ code::-webkit-scrollbar {
 .code-fold-container {
     position: relative;
     margin-bottom: 1rem;
-    border-radius: 4px; /* Optional: match highlight radius */
+    border-radius: 4px;
+    display: flex;
+    flex-direction: column;
 }
 
-.code-fold-container.collapsed {
+.code-fold-container.collapsed .highlight,
+.code-fold-container.collapsed pre {
     max-height: 360px;
     overflow: hidden;
+    mask-image: linear-gradient(to bottom, black 280px, transparent 360px);
+    -webkit-mask-image: linear-gradient(to bottom, black 280px, transparent 360px);
 }
 
 /* Ensure inner code blocks don't have bottom margin when wrapped */
@@ -227,22 +232,22 @@ code::-webkit-scrollbar {
 .code-expand-btn {
     display: none;
     position: absolute;
-    bottom: -7px;
-    left: -146px;
-    width: 100%;
-    height: 80px; 
+    bottom: 10px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: auto;
+    margin: 0;
+    z-index: 10;
     text-align: center;
-    /* Gradient Background for Fade Effect */
-    background: linear-gradient(180deg, rgba(246, 248, 250, 0) 0%, rgba(246, 248, 250, 0.9) 50%, rgba(246, 248, 250, 1) 100%);
     border: none;
+    background: transparent;
     color: #586069;
     cursor: pointer;
-    z-index: 10;
     font-size: 13px;
     transition: all 0.2s;
     align-items: center;
     justify-content: center;
-    padding-top: 20px;
+    padding: 0;
 }
 
 /* Show button when collapsed */
@@ -271,7 +276,6 @@ code::-webkit-scrollbar {
 
 /* Dark Mode Support */
 [data-theme="dark"] .code-expand-btn {
-    background: linear-gradient(180deg, rgba(40, 42, 54, 0) 0%, rgba(40, 42, 54, 0.9) 50%, rgba(40, 42, 54, 1) 100%);
     color: #f8f8f2;
 }
 
@@ -2670,7 +2674,7 @@ input[type=submit] {
 .floating-tools a {
     width: 40px;
     height: 40px;
-    background-color: rgba(255, 255, 255, 0.9); /* Increased opacity */
+    background-color: rgba(255, 255, 255, 0.75); /* Frosted glass opacity */
     color: #333;
     border-radius: 50%;
     text-align: center;
@@ -2684,9 +2688,9 @@ input[type=submit] {
     align-items: center;
     /* Optimized transition: specific properties instead of all */
     transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
-    /* Removed backdrop-filter for performance */
-    /* backdrop-filter: blur(10px) saturate(180%); */
-    /* -webkit-backdrop-filter: blur(10px) saturate(180%); */
+    /* Restored backdrop-filter */
+    backdrop-filter: blur(10px) saturate(180%);
+    -webkit-backdrop-filter: blur(10px) saturate(180%);
     border: 1px solid rgba(255, 255, 255, 0.4);
 }