166 lines
2.3 KiB
Plaintext
166 lines
2.3 KiB
Plaintext
.home-page {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hero {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 52rpx 38rpx 42rpx;
|
|
background: #183f31;
|
|
border-radius: 40rpx;
|
|
color: #fff;
|
|
}
|
|
|
|
.hero .eyebrow {
|
|
position: relative;
|
|
color: #d9ef72;
|
|
}
|
|
|
|
.hero-title {
|
|
position: relative;
|
|
margin-top: 22rpx;
|
|
font-size: 62rpx;
|
|
font-weight: 900;
|
|
line-height: 1.18;
|
|
letter-spacing: -2rpx;
|
|
}
|
|
|
|
.hero-copy {
|
|
position: relative;
|
|
width: 88%;
|
|
margin-top: 26rpx;
|
|
color: rgba(255, 255, 255, 0.76);
|
|
font-size: 27rpx;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.hero-players {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 38rpx;
|
|
color: rgba(255, 255, 255, 0.68);
|
|
font-size: 23rpx;
|
|
}
|
|
|
|
.avatar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 54rpx;
|
|
height: 54rpx;
|
|
margin-right: -12rpx;
|
|
border: 4rpx solid #183f31;
|
|
border-radius: 50%;
|
|
color: #17231d;
|
|
font-size: 20rpx;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.avatar-c {
|
|
margin-right: 24rpx;
|
|
}
|
|
|
|
.avatar-a {
|
|
background: #d9ef72;
|
|
}
|
|
|
|
.avatar-b {
|
|
background: #ef8f4a;
|
|
}
|
|
|
|
.avatar-c {
|
|
background: #f9e6c4;
|
|
}
|
|
|
|
.hero-orbit {
|
|
position: absolute;
|
|
border: 2rpx solid rgba(217, 239, 114, 0.23);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.orbit-one {
|
|
top: -120rpx;
|
|
right: -100rpx;
|
|
width: 420rpx;
|
|
height: 420rpx;
|
|
}
|
|
|
|
.orbit-two {
|
|
top: -32rpx;
|
|
right: -20rpx;
|
|
width: 220rpx;
|
|
height: 220rpx;
|
|
}
|
|
|
|
.actions {
|
|
margin-top: 28rpx;
|
|
}
|
|
|
|
.continue-card {
|
|
border-left: 10rpx solid #ef8f4a;
|
|
}
|
|
|
|
.continue-label {
|
|
margin-bottom: 10rpx;
|
|
color: #9c531e;
|
|
font-size: 22rpx;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.arrow {
|
|
font-size: 44rpx;
|
|
}
|
|
|
|
.room-meta {
|
|
margin-top: 14rpx;
|
|
color: #68726c;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.steps {
|
|
overflow: hidden;
|
|
background: #fffdf7;
|
|
border-radius: 28rpx;
|
|
}
|
|
|
|
.step {
|
|
display: flex;
|
|
gap: 24rpx;
|
|
padding: 26rpx 28rpx;
|
|
border-bottom: 2rpx solid rgba(23, 35, 29, 0.07);
|
|
}
|
|
|
|
.step:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.step-number {
|
|
color: #1d6b4f;
|
|
font-size: 22rpx;
|
|
font-weight: 900;
|
|
letter-spacing: 2rpx;
|
|
}
|
|
|
|
.step-title {
|
|
font-size: 28rpx;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.step-copy {
|
|
margin-top: 8rpx;
|
|
color: #68726c;
|
|
font-size: 24rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.safety-link {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 34rpx;
|
|
padding: 24rpx 4rpx;
|
|
color: #1d6b4f;
|
|
font-size: 25rpx;
|
|
font-weight: 700;
|
|
}
|