.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; }