leefer/xiaobaifupan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine heart breath preparation and contraction

Browse Source
This commit is contained in:
leefer
2026-07-23 20:49:17 +08:00
parent fc3e7499d2
commit d520749252
4 changed files with 58 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/styles.css
+16 -8
View File
@@ -10392,7 +10392,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
box-shadow: 0 0 14px 4px rgba(255, 180, 90, 0.35);
}
.heart-incense i.is-burning { animation: heart-incense-burn 45s linear forwards; }
.heart-incense i.is-burning { animation: heart-incense-burn 45s linear 1s forwards; }
#heavenHeartPanel #beginCastingButton {
opacity: 0.35;
@@ -11001,7 +11001,9 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
border: 1px solid rgba(126, 77, 52, 0.5);
border-radius: 50%;
box-shadow: 0 0 18px rgba(194, 159, 90, 0.06);
animation: heart-breath-ripple 9s cubic-bezier(0.37, 0.01, 0.22, 1) infinite;
opacity: 0.12;
transform: scale(0.7);
animation: heart-breath-ripple 9s cubic-bezier(0.37, 0.01, 0.22, 1) 1s infinite both;
will-change: transform, opacity;
}
@@ -11031,25 +11033,26 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
background: rgba(253, 252, 248, 0.92);
box-shadow: 0 0 0 6px rgba(194, 159, 90, 0.06), 0 0 20px rgba(154, 91, 69, 0.12);
transform: translate(-50%, -50%);
animation: heart-breath-ripple-core 9s ease-in-out infinite;
animation: heart-breath-ripple-core 9s ease-in-out 1s infinite both;
}
@keyframes heart-breath-ripple {
0% { opacity: 0.12; transform: scale(0.7); }
33.333% { opacity: 0.82; transform: scale(0.94); }
55.556% { opacity: 0.82; transform: scale(0.94); }
100% { opacity: 0; transform: scale(1.22); }
100% { opacity: 0.1; transform: scale(0.62); }
}
@keyframes heart-breath-ripple-core {
0% { opacity: 0.38; box-shadow: 0 0 0 3px rgba(194, 159, 90, 0.04), 0 0 8px rgba(154, 91, 69, 0.06); }
33.333%, 55.556% { opacity: 1; box-shadow: 0 0 0 9px rgba(194, 159, 90, 0.09), 0 0 26px rgba(154, 91, 69, 0.18); }
100% { opacity: 0.3; box-shadow: 0 0 0 14px rgba(194, 159, 90, 0), 0 0 5px rgba(154, 91, 69, 0.03); }
0% { opacity: 0.38; box-shadow: 0 0 0 3px rgba(194, 159, 90, 0.04), 0 0 8px rgba(154, 91, 69, 0.06); transform: translate(-50%, -50%) scale(0.76); }
33.333%, 55.556% { opacity: 1; box-shadow: 0 0 0 9px rgba(194, 159, 90, 0.09), 0 0 26px rgba(154, 91, 69, 0.18); transform: translate(-50%, -50%) scale(1); }
100% { opacity: 0.3; box-shadow: 0 0 0 2px rgba(194, 159, 90, 0), 0 0 5px rgba(154, 91, 69, 0.03); transform: translate(-50%, -50%) scale(0.64); }
}
@keyframes heart-breath-ripple-soft {
0%, 100% { opacity: 0.24; transform: scale(0.94); }
0% { opacity: 0.24; transform: scale(0.86); }
33.333%, 55.556% { opacity: 0.68; transform: scale(0.94); }
100% { opacity: 0.18; transform: scale(0.82); }
}
#heavenHeartPanel .breathing-phase {
@@ -11064,6 +11067,11 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
transition: color 480ms ease, opacity 480ms ease;
}
#heavenHeartPanel .breathing-scene[data-phase="prepare"] .breathing-phase {
color: #858980;
opacity: 0.62;
}
#heavenHeartPanel .breathing-scene[data-phase="hold"] .breathing-phase {
color: #8a6b3e;
opacity: 0.9;