diff --git a/control/frontend/src/styles.css b/control/frontend/src/styles.css index 060af36..b494ab8 100644 --- a/control/frontend/src/styles.css +++ b/control/frontend/src/styles.css @@ -363,9 +363,9 @@ input { box-shadow: 0 0 6px rgba(120, 140, 160, 0.35); } -/* 似闪非闪:短周期 + 交错相位 */ +/* 柔和呼吸闪:约 1s,交错相位,避免晃眼 */ .dot.pulse { - animation: status-flicker 0.28s steps(2, end) infinite; + animation: status-breathe 1.05s ease-in-out infinite; } .dot.pulse.d1 { @@ -373,33 +373,24 @@ input { } .dot.pulse.d2 { - animation-delay: 0.09s; - animation-duration: 0.22s; + animation-delay: 0.2s; } .dot.pulse.d3 { - animation-delay: 0.05s; - animation-duration: 0.18s; + animation-delay: 0.4s; } -@keyframes status-flicker { +@keyframes status-breathe { 0%, 100% { opacity: 1; - filter: brightness(1.35); - transform: scale(1.05); + filter: brightness(1.1); + transform: scale(1); } - 40% { - opacity: 0.15; - filter: brightness(0.7); - transform: scale(0.92); - } - 55% { - opacity: 1; - filter: brightness(1.5); - } - 70% { - opacity: 0.35; + 50% { + opacity: 0.45; + filter: brightness(0.9); + transform: scale(0.94); } }