209 lines
3.5 KiB
Plaintext
209 lines
3.5 KiB
Plaintext
.old-page {
|
|
min-height: 100vh;
|
|
padding: 24rpx;
|
|
background: #f7f5f2;
|
|
box-sizing: border-box;
|
|
}
|
|
.old-hero {
|
|
padding: 38rpx 32rpx;
|
|
border-radius: 28rpx;
|
|
color: #fff;
|
|
background: linear-gradient(135deg, #ff8c4a, #f05a28);
|
|
box-shadow: 0 16rpx 36rpx rgba(240, 90, 40, 0.2);
|
|
}
|
|
.old-hero__title {
|
|
display: block;
|
|
font-size: 40rpx;
|
|
font-weight: 800;
|
|
}
|
|
.old-hero__copy {
|
|
display: block;
|
|
margin-top: 10rpx;
|
|
font-size: 25rpx;
|
|
opacity: 0.92;
|
|
}
|
|
.old-card {
|
|
margin-top: 22rpx;
|
|
padding: 24rpx;
|
|
border: 2rpx solid #eee7df;
|
|
border-radius: 24rpx;
|
|
background: #fff;
|
|
box-shadow: 0 10rpx 24rpx rgba(67, 50, 36, 0.05);
|
|
}
|
|
.old-title {
|
|
display: block;
|
|
font-size: 31rpx;
|
|
font-weight: 800;
|
|
}
|
|
.old-muted {
|
|
display: block;
|
|
margin-top: 8rpx;
|
|
color: #77716b;
|
|
font-size: 24rpx;
|
|
line-height: 1.6;
|
|
}
|
|
.old-primary,
|
|
.old-secondary {
|
|
width: 100%;
|
|
min-height: 88rpx;
|
|
margin-top: 18rpx;
|
|
border-radius: 999rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 700;
|
|
}
|
|
.old-primary {
|
|
color: #fff;
|
|
background: linear-gradient(90deg, #ff702f, #f05a28);
|
|
}
|
|
.old-secondary {
|
|
color: #e95220;
|
|
background: #fff2ec;
|
|
border: 2rpx solid #ffd3c2;
|
|
}
|
|
.old-stats {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 12rpx;
|
|
}
|
|
.old-stat {
|
|
padding: 22rpx 8rpx;
|
|
text-align: center;
|
|
border-radius: 20rpx;
|
|
background: #fff;
|
|
}
|
|
.old-stat strong,
|
|
.old-stat text {
|
|
display: block;
|
|
}
|
|
.old-stat strong {
|
|
color: #2eaa4f;
|
|
font-size: 34rpx;
|
|
}
|
|
.old-stat text {
|
|
color: #77716b;
|
|
font-size: 21rpx;
|
|
}
|
|
.old-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 16rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
.old-grid button {
|
|
min-height: 140rpx;
|
|
margin: 0;
|
|
padding: 22rpx;
|
|
border-radius: 22rpx;
|
|
background: #fff;
|
|
text-align: left;
|
|
}
|
|
.old-grid strong,
|
|
.old-grid text {
|
|
display: block;
|
|
}
|
|
.old-grid strong {
|
|
font-size: 28rpx;
|
|
}
|
|
.old-grid text {
|
|
margin-top: 8rpx;
|
|
color: #77716b;
|
|
font-size: 22rpx;
|
|
}
|
|
.old-field {
|
|
display: block;
|
|
margin-top: 22rpx;
|
|
font-size: 25rpx;
|
|
font-weight: 700;
|
|
}
|
|
.old-field input,
|
|
.old-field textarea,
|
|
.old-field picker {
|
|
display: block;
|
|
margin-top: 10rpx;
|
|
padding: 20rpx;
|
|
border: 2rpx solid #e8e1da;
|
|
border-radius: 16rpx;
|
|
background: #fff;
|
|
font-weight: 400;
|
|
}
|
|
.old-options {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 12rpx;
|
|
margin-top: 12rpx;
|
|
}
|
|
.old-options button {
|
|
margin: 0;
|
|
padding: 12rpx 20rpx;
|
|
border: 2rpx solid #e6dfd8;
|
|
border-radius: 16rpx;
|
|
background: #fff;
|
|
font-size: 24rpx;
|
|
}
|
|
.old-options button.active {
|
|
color: #f05a28;
|
|
border-color: #f05a28;
|
|
background: #fff4ef;
|
|
}
|
|
.old-record {
|
|
display: block;
|
|
width: 100%;
|
|
margin-top: 18rpx;
|
|
padding: 24rpx;
|
|
border-radius: 22rpx;
|
|
background: #fff;
|
|
text-align: left;
|
|
}
|
|
.old-record__head {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.old-record__status {
|
|
color: #f05a28;
|
|
}
|
|
.old-trace {
|
|
margin-top: 22rpx;
|
|
padding-left: 28rpx;
|
|
border-left: 4rpx solid #ffd4c3;
|
|
}
|
|
.old-trace view {
|
|
position: relative;
|
|
margin: 0 0 26rpx;
|
|
}
|
|
.old-trace view::before {
|
|
position: absolute;
|
|
left: -38rpx;
|
|
top: 8rpx;
|
|
width: 16rpx;
|
|
height: 16rpx;
|
|
border-radius: 50%;
|
|
background: #f05a28;
|
|
content: '';
|
|
}
|
|
.old-empty {
|
|
padding: 80rpx 20rpx;
|
|
text-align: center;
|
|
color: #77716b;
|
|
}
|
|
.old-photo-grid {
|
|
display: flex;
|
|
gap: 12rpx;
|
|
flex-wrap: wrap;
|
|
margin-top: 12rpx;
|
|
}
|
|
.old-photo {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
.old-remove {
|
|
margin: 0;
|
|
color: #b33;
|
|
background: #fff;
|
|
}
|
|
.old-guide text {
|
|
display: block;
|
|
margin: 14rpx 0;
|
|
line-height: 1.7;
|
|
}
|