117 lines
1.6 KiB
Plaintext
117 lines
1.6 KiB
Plaintext
page {
|
|
min-height: 100vh;
|
|
background: linear-gradient(180deg, #eef4fb 0%, #e6eff9 100%);
|
|
}
|
|
|
|
.page {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.shell {
|
|
display: grid;
|
|
gap: 24rpx;
|
|
padding: 28rpx 24rpx 40rpx;
|
|
}
|
|
|
|
.hero,
|
|
.panel {
|
|
display: grid;
|
|
gap: 18rpx;
|
|
padding: 24rpx;
|
|
border-radius: 24rpx;
|
|
}
|
|
|
|
.hero {
|
|
background: linear-gradient(135deg, #123b72 0%, #1d5ca8 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;
|
|
line-height: 1.6;
|
|
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;
|
|
}
|
|
|
|
.field {
|
|
display: grid;
|
|
gap: 10rpx;
|
|
}
|
|
|
|
.field__label {
|
|
font-size: 22rpx;
|
|
color: #64748b;
|
|
}
|
|
|
|
.field__input {
|
|
min-height: 76rpx;
|
|
padding: 0 20rpx;
|
|
border-radius: 18rpx;
|
|
border: 2rpx solid #dce7f3;
|
|
background: #f8fbff;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.btn {
|
|
margin: 0;
|
|
min-height: 76rpx;
|
|
padding: 0 24rpx;
|
|
line-height: 76rpx;
|
|
border-radius: 18rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.btn::after {
|
|
border: 0;
|
|
}
|
|
|
|
.btn--primary {
|
|
background: #173d73;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn--secondary {
|
|
background: #dfeaf8;
|
|
color: #173d73;
|
|
}
|
|
|
|
.btn--ghost {
|
|
background: #ffffff;
|
|
color: #52657d;
|
|
border: 2rpx solid #d8e2ec;
|
|
}
|
|
|
|
.status {
|
|
font-size: 24rpx;
|
|
line-height: 1.6;
|
|
color: #30465f;
|
|
}
|