62 lines
1.7 KiB
CSS
62 lines
1.7 KiB
CSS
body{
|
|
background:#EEF5F9 !important;
|
|
}
|
|
.gerp-container {
|
|
background: linear-gradient(to left, #7b4397, #2196f3);
|
|
background-size: 200% 200%; /* 扩大背景尺寸以实现平滑过渡 */
|
|
animation: gradientRotation 10s ease infinite, breathing 8s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes gradientRotation {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
|
|
@keyframes breathing {
|
|
0%, 100% {
|
|
opacity: 0.9;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.left-nav{
|
|
background:#fff !important;
|
|
}
|
|
|
|
.left-nav a {
|
|
color: #686a76 !important;
|
|
}
|
|
|
|
.left-nav a.active, .left-nav a:hover {
|
|
background: linear-gradient(135deg, #7c8ce4 0%, #6b7ee9 20%, #5a70ee 40%, #2196f3 50%, #1a89e6 60%, #157dd9 80%, #0f71cc 100%) !important;
|
|
background-size: 200% 200% !important;
|
|
animation: goldFlow 6s ease infinite !important;
|
|
color: #fff !important;
|
|
border-color: #7b4397 !important;
|
|
box-shadow: 0 0 15px rgba(124, 140, 228, 0.5), inset 0 0 10px rgba(33, 150, 243, 0.3) !important;
|
|
}
|
|
|
|
.left-nav a:hover{
|
|
background: linear-gradient(135deg, #7c8ce4 0%, #6b7ee9 20%, #5a70ee 40%, #2196f3 50%, #1a89e6 60%, #157dd9 80%, #0f71cc 100%) !important;
|
|
background-size: 200% 200% !important;
|
|
animation: goldFlow 6s ease infinite !important;
|
|
color: #fff !important;
|
|
border-color: #7b4397 !important;
|
|
box-shadow: 0 0 15px rgba(124, 140, 228, 0.5), inset 0 0 10px rgba(33, 150, 243, 0.3) !important;
|
|
}
|
|
.gerp-container .logo a{
|
|
background: rgba(0,0,0,0) !important;
|
|
}
|
|
|
|
summary.collapse-name::before {
|
|
--collapse-bg: linear-gradient(to left, #7c8ce4, #2196f3);
|
|
} |