zqlit/blog
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化加载卡顿问题，最稳定版本

Browse Source
This commit is contained in:
Vaica committed 2026-06-02 16:26:38 +08:00
1 parent fadefdc0a1
commit 8c1ee075e8
3 files changed
+71 -111
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

themes/Ying/assets/css/main.css
+24 -30
View File
@@ -3504,66 +3504,60 @@ input[type=submit] {
/* GenericOutput */ [data-theme="dark"] .chroma .go { color:#44475a }
/* GenericPrompt */ [data-theme="dark"] .chroma .gp { }
/* Floating Tools */
/* Floating Tools */
.floating-tools {
position: fixed;
bottom: 28px;
bottom: 24px;
right: 16px;
z-index: 900;
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
transform: translateZ(0);
will-change: transform;
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.floating-tools.hidden {
opacity: 0 !important;
visibility: hidden !important;
transform: translateZ(0) translateY(12px) !important;
pointer-events: none !important;
}
.floating-tools a {
width: 42px;
height: 42px;
background: rgba(255, 255, 255, 0.94);
color: rgba(24, 24, 27, 0.86);
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: rgba(24, 24, 27, 0.75);
border-radius: 50%;
font-size: 20px;
font-size: 17px;
cursor: pointer;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
-webkit-backdrop-filter: none;
backdrop-filter: none;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
transform: translateZ(0);
transition: background 0.2s ease, transform 0.2s ease;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
transition: all 0.2s ease;
}
.floating-tools a:hover {
background: #fff;
transform: translateZ(0) translateY(-2px);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
background: rgba(255, 255, 255, 0.85);
color: rgba(24, 24, 27, 0.95);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}
[data-theme="dark"] .floating-tools a {
background: rgba(30, 41, 59, 0.94);
color: rgba(241, 245, 249, 0.9);
border-color: rgba(148, 163, 184, 0.22);
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.34);
background: rgba(30, 41, 59, 0.6);
color: rgba(241, 245, 249, 0.75);
border-color: rgba(148, 163, 184, 0.15);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
[data-theme="dark"] .floating-tools a:hover {
background: rgba(51, 65, 85, 0.98);
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.42);
background: rgba(30, 41, 59, 0.85);
color: rgba(241, 245, 249, 0.95);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
/* ── ViewImage — Apple-style lightbox ── */