154 lines
2.0 KiB
Plaintext
154 lines
2.0 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 {
|
|
font-size: 24rpx;
|
|
line-height: 1.6;
|
|
color: #30465f;
|
|
}
|
|
|
|
.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--secondary {
|
|
background: #dfeaf8;
|
|
color: #173d73;
|
|
}
|
|
|
|
.card {
|
|
display: grid;
|
|
gap: 12rpx;
|
|
padding: 22rpx;
|
|
border-radius: 22rpx;
|
|
background: #f6f9fc;
|
|
}
|
|
|
|
.card--disabled {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.card__top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.card__badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
min-height: 40rpx;
|
|
padding: 0 14rpx;
|
|
border-radius: 999rpx;
|
|
background: #dce9fb;
|
|
color: #173d73;
|
|
font-size: 22rpx;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.card__type {
|
|
font-size: 22rpx;
|
|
color: #64748b;
|
|
}
|
|
|
|
.card__title {
|
|
font-size: 30rpx;
|
|
font-weight: 700;
|
|
color: #17345a;
|
|
}
|
|
|
|
.card__subtitle,
|
|
.card__meta,
|
|
.card__cta {
|
|
font-size: 24rpx;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.card__subtitle {
|
|
color: #4f627a;
|
|
}
|
|
|
|
.card__meta-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.card__meta {
|
|
color: #64748b;
|
|
}
|
|
|
|
.card__cta {
|
|
color: #173d73;
|
|
font-weight: 700;
|
|
}
|