Compare commits

...

2 Commits

Author SHA1 Message Date
菜菜酱 a53faecc29 style: css 2025-09-12 18:37:33 +08:00
菜菜酱 412ac92297 style: css 2025-09-12 18:29:38 +08:00
1 changed files with 18 additions and 12 deletions

View File

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