style: css

This commit is contained in:
菜菜酱 2025-09-12 18:37:33 +08:00
parent 412ac92297
commit a53faecc29
1 changed files with 15 additions and 9 deletions

View File

@ -123,6 +123,7 @@
height: 100vh;
padding: 60px 32px;
box-sizing: border-box;
position: relative;
}
/* 进度容器 */
@ -133,9 +134,9 @@
/* 进度方框 */
.progress-circle {
width: 280px;
height: 280px;
border-radius: 30px;
width: 316px;
height: 316px;
border-radius: 48px;
position: relative;
display: flex;
align-items: center;
@ -147,7 +148,7 @@
.progress-fill {
position: absolute;
inset: -10px;
border-radius: 35px;
border-radius: 48px;
background: conic-gradient(#FFCF5F 0deg, #FFCF5F 0deg, transparent 0deg, transparent 360deg);
padding: 10px;
z-index: 1;
@ -156,7 +157,7 @@
.progress-inner {
width: 100%;
height: 100%;
border-radius: 30px;
border-radius: 48px;
background: white;
display: flex;
align-items: center;
@ -178,7 +179,7 @@
inset: 0;
width: 100%;
height: 100%;
border-radius: 30px;
border-radius: 48px;
z-index: 3;
}
@ -188,7 +189,7 @@
inset: 0;
width: 100%;
height: 100%;
border-radius: 30px;
border-radius: 48px;
background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
display: flex;
align-items: center;
@ -200,7 +201,7 @@
.progress-overlay {
position: absolute;
inset: 0;
border-radius: 30px;
border-radius: 48px;
background: linear-gradient(
135deg,
rgb(0 0 0 / 20%) 0%,
@ -215,7 +216,7 @@
.scan-light {
position: absolute;
inset: 0;
border-radius: 30px;
border-radius: 48px;
background: linear-gradient(
90deg,
transparent 0%,
@ -309,6 +310,11 @@
/* 提示区域 */
.tips-section {
text-align: center;
position: absolute;
bottom: 150px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.tips-label {