feat&fix: add score display banner and update task status with animation

This commit is contained in:
adlsdztony
2025-06-05 05:07:45 +00:00
parent 2d5cee3f5c
commit 2bfb4af8b5
3 changed files with 99 additions and 0 deletions

View File

@@ -66,6 +66,65 @@ h2 { color: #0056b3; margin-top: 32px; font-size: 1.6em; }
.stat-card:nth-child(2):hover { background: linear-gradient(135deg, #e6f9ea, #d4f7db); }
.stat-card:nth-child(3) i { color: #dc3545; } /* Error - Red */
.stat-card:nth-child(3):hover { background: linear-gradient(135deg, #feeaec, #fcd8db); }
.stat-card:nth-child(4) i { color: #007bff; } /* Total - Blue */
.stat-card:nth-child(4):hover { background: linear-gradient(135deg, #f0f7ff, #e6f0fb); }
/* Score Banner Styles */
.score-banner {
border-radius: 10px;
margin: 20px 0 30px;
padding: 5px;
/* border: 2px solid rgba(255, 193, 7, 0.5); */
text-align: center;
position: relative;
overflow: hidden;
/* animation: scoreBannerGlow 3s infinite alternate; */
}
.score-banner:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
pointer-events: none;
}
.score-content {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.score-banner i {
font-size: 2.2em;
color: #ffc107;
margin-right: 15px;
/* animation: rotateIcon 6s linear infinite; */
transform-origin: center;
}
.score-label {
font-size: 1.3em;
font-weight: 600;
color: #b28704;
margin-right: 15px;
}
.score-value {
font-size: 2em;
font-weight: 700;
background: linear-gradient(90deg, #ff8f00, #ffc107);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.stat-card span {
font-size: 2em;