130 lines
1.9 KiB
Plaintext
130 lines
1.9 KiB
Plaintext
.input-card {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10rpx 26rpx;
|
|
background: #fffdf7;
|
|
border: 2rpx solid rgba(23, 35, 29, 0.1);
|
|
border-radius: 24rpx;
|
|
}
|
|
|
|
.input-card input {
|
|
flex: 1;
|
|
height: 86rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.input-card text {
|
|
color: #8b938e;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.mode-card {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 22rpx;
|
|
margin-bottom: 18rpx;
|
|
padding: 26rpx;
|
|
background: #fffdf7;
|
|
border: 3rpx solid transparent;
|
|
border-radius: 26rpx;
|
|
}
|
|
|
|
.mode-card.selected {
|
|
border-color: #1d6b4f;
|
|
background: #f2f8ef;
|
|
}
|
|
|
|
.mode-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 74rpx;
|
|
height: 74rpx;
|
|
background: #d9ef72;
|
|
border-radius: 22rpx;
|
|
font-size: 36rpx;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.mode-main {
|
|
flex: 1;
|
|
}
|
|
|
|
.mode-name {
|
|
font-size: 29rpx;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.mode-description {
|
|
margin-top: 8rpx;
|
|
color: #68726c;
|
|
font-size: 23rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.radio {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 42rpx;
|
|
height: 42rpx;
|
|
border: 2rpx solid #9ba39e;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
}
|
|
|
|
.selected .radio {
|
|
background: #1d6b4f;
|
|
border-color: #1d6b4f;
|
|
}
|
|
|
|
.settings-card {
|
|
padding: 0 26rpx;
|
|
background: #fffdf7;
|
|
border-radius: 28rpx;
|
|
}
|
|
|
|
.setting-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
min-height: 120rpx;
|
|
border-bottom: 2rpx solid rgba(23, 35, 29, 0.07);
|
|
}
|
|
|
|
.setting-row.no-border {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.setting-name {
|
|
font-size: 27rpx;
|
|
font-weight: 750;
|
|
}
|
|
|
|
.setting-hint {
|
|
margin-top: 7rpx;
|
|
color: #8b938e;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.setting-value {
|
|
color: #1d6b4f;
|
|
font-size: 26rpx;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.safety-check {
|
|
margin: 32rpx 4rpx;
|
|
color: #68726c;
|
|
font-size: 24rpx;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.safety-check checkbox {
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
.link {
|
|
color: #1d6b4f;
|
|
}
|