115 lines
1.6 KiB
Plaintext
115 lines
1.6 KiB
Plaintext
page {
|
|
min-height: 100vh;
|
|
background: linear-gradient(180deg, #eff4fb 0%, #e8eff7 100%);
|
|
}
|
|
|
|
.page {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.shell {
|
|
display: grid;
|
|
gap: 24rpx;
|
|
padding: 28rpx 24rpx 40rpx;
|
|
}
|
|
|
|
.hero,
|
|
.panel {
|
|
display: grid;
|
|
gap: 16rpx;
|
|
padding: 24rpx;
|
|
border-radius: 24rpx;
|
|
}
|
|
|
|
.hero {
|
|
background: linear-gradient(135deg, #163a66 0%, #1f5da1 100%);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.hero__eyebrow {
|
|
font-size: 22rpx;
|
|
letter-spacing: 0.16em;
|
|
text-transform: uppercase;
|
|
color: rgba(255, 255, 255, 0.72);
|
|
}
|
|
|
|
.hero__title {
|
|
font-size: 40rpx;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.hero__desc {
|
|
font-size: 24rpx;
|
|
color: rgba(255, 255, 255, 0.84);
|
|
}
|
|
|
|
.panel {
|
|
background: rgba(255, 255, 255, 0.94);
|
|
box-shadow: 0 14rpx 32rpx rgba(40, 63, 95, 0.08);
|
|
}
|
|
|
|
.panel__title {
|
|
font-size: 30rpx;
|
|
font-weight: 700;
|
|
color: #17345a;
|
|
}
|
|
|
|
.summary,
|
|
.row__label,
|
|
.row__value,
|
|
.result-card__meta {
|
|
font-size: 24rpx;
|
|
line-height: 1.6;
|
|
color: #30465f;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
gap: 16rpx;
|
|
padding: 10rpx 0;
|
|
border-bottom: 2rpx solid #edf2f7;
|
|
}
|
|
|
|
.row:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.row__value {
|
|
font-weight: 700;
|
|
color: #17345a;
|
|
}
|
|
|
|
.result-card {
|
|
display: grid;
|
|
gap: 8rpx;
|
|
padding: 18rpx;
|
|
border-radius: 18rpx;
|
|
background: #f6f9fc;
|
|
}
|
|
|
|
.result-card__title {
|
|
font-size: 28rpx;
|
|
font-weight: 700;
|
|
color: #17345a;
|
|
}
|
|
|
|
.btn {
|
|
margin: 0;
|
|
min-height: 76rpx;
|
|
padding: 0 24rpx;
|
|
line-height: 76rpx;
|
|
border-radius: 18rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.btn::after {
|
|
border: 0;
|
|
}
|
|
|
|
.btn--ghost {
|
|
background: #ffffff;
|
|
color: #52657d;
|
|
border: 2rpx solid #d8e2ec;
|
|
}
|