.walk-screen { padding-left: 0; padding-right: 0; } .map-box { height: 450rpx; position: relative; overflow: hidden; } .map-tag { position: absolute; top: 25rpx; left: 30rpx; background: white; color: #b95738; padding: 12rpx 21rpx; border-radius: 99rpx; font-size: 23rpx; box-shadow: 0 8rpx 25rpx #604a4022; } .session { margin: -30rpx 25rpx 0; position: relative; z-index: 2; padding: 32rpx; } .session-title { font-size: 35rpx; font-weight: 600; margin: 12rpx 0 30rpx; } .stats { display: flex; border-bottom: 2rpx solid #ece2d8; padding-bottom: 25rpx; } .stats > view { flex: 1; border-right: 2rpx solid #ece2d8; padding-left: 22rpx; } .stats > view:first-child { padding-left: 0; } .stats > view:last-child { border: 0; } .stats strong { display: block; font-size: 38rpx; } .stats text { font-size: 22rpx; color: #886c5f; } .picker-title { font-weight: 600; margin: 26rpx 0 18rpx; } .main-button { margin-top: 30rpx; } .actions { display: flex; gap: 14rpx; margin-top: 28rpx; } .actions button { flex: 1; } .share-row { display: flex; justify-content: space-between; align-items: center; margin-top: 28rpx; } .share-row strong, .share-row text { display: block; } .share-row text { font-size: 21rpx; color: #886c5f; max-width: 450rpx; margin-top: 5rpx; } .share-button { margin-top: 20rpx; background: #fff0e2; color: #b95738; border-radius: 20rpx; font-size: 25rpx; } .privacy { font-size: 22rpx; color: #886c5f; background: #edf2fb; border-radius: 22rpx; padding: 22rpx; margin: 20rpx 25rpx; } .location-error { color: #a4513f; font-size: 23rpx; margin-top: 22rpx; } .records-button { margin: 28rpx 25rpx 0; color: #b95738; background: #fff0e2; border-radius: 20rpx; font-size: 26rpx; } .walk-modes { margin:12rpx 32rpx 22rpx; padding:7rpx; display:flex; border-radius:99rpx; background:#f5e9de; } .mode { flex:1;padding:16rpx;text-align:center;color:#9d8779;font-size:26rpx;border-radius:99rpx; } .mode.chosen { background:#fff;color:#b95738;box-shadow:0 5rpx 15rpx #604a4010; } .recording-dot { display:inline-block;width:10rpx;height:10rpx;background:#b95738;border-radius:50%;margin-left:10rpx; }