.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: #288363; padding: 12rpx 21rpx; border-radius: 99rpx; font-size: 23rpx; box-shadow: 0 8rpx 25rpx #173e3622; } .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 #edf1eb; padding-bottom: 25rpx; } .stats > view { flex: 1; border-right: 2rpx solid #e9efea; 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: #99aa9d; } .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: #90a199; max-width: 450rpx; margin-top: 5rpx; } .share-button { margin-top: 20rpx; background: #e6f1e8; color: #267d59; border-radius: 20rpx; font-size: 25rpx; } .privacy { font-size: 22rpx; color: #739180; background: #e9f3e7; 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: #2d8261; background: #e6f1e8; border-radius: 20rpx; font-size: 26rpx; }