feat(account): add glowing animation to pro banner trial button in light theme

This commit is contained in:
troyeguo committed 2026-09-15 14:43:16 +08:00
1 parent ce854c31e3
commit c9b3ac57cb
1 file changed
+16 -7
@@ -681,19 +681,25 @@
:root[data-theme="dark"] .pro-banner-btn-trial {
color: rgba(235, 235, 235, 1);
}
@keyframes pro-banner-btn-trial-glow {
to {
box-shadow: 0 0 10px 2px rgba(90, 120, 220, 0.45);
}
}
.pro-banner-btn-trial::before {
content: "";
position: absolute;
inset: -1px;
inset: -2px;
border-radius: inherit;
padding: 1px;
padding: 2px;
background: conic-gradient(
from var(--pro-banner-btn-trial-angle),
rgba(0, 0, 0, 0.35),
rgba(0, 0, 0, 1) 90deg,
rgba(0, 0, 0, 0.35) 180deg,
rgba(90, 120, 220, 0.9) 270deg,
rgba(0, 0, 0, 0.35)
rgba(32, 33, 36, 0.4),
rgba(32, 33, 36, 1) 60deg,
rgba(32, 33, 36, 0.4) 130deg,
rgba(77, 112, 235, 1) 230deg,
rgba(150, 90, 235, 1) 270deg,
rgba(32, 33, 36, 0.4)
);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
@@ -721,6 +727,9 @@
--pro-banner-btn-trial-angle: 360deg;
}
}
:root[data-theme="light"] .pro-banner-btn-trial {
animation: pro-banner-btn-trial-glow 1.8s ease-in-out infinite alternate;
}
/* AI Setting styles */
.ai-setting-form-row {