@charset "UTF-8"; /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ .pickup-code-card.data-v-ea338974 { background: rgba(253, 255, 252, 0.92); border: 1rpx solid rgba(255, 255, 255, 0.8); border-radius: 36rpx; box-shadow: 0 24rpx 64rpx rgba(54, 77, 64, 0.1); padding: 32rpx; margin-bottom: 24rpx; } .pickup-code-head.data-v-ea338974 { display: flex; align-items: flex-start; justify-content: space-between; gap: 20rpx; } .pickup-code-kicker.data-v-ea338974, .pickup-code-title.data-v-ea338974, .pickup-code-status.data-v-ea338974, .pickup-code-text.data-v-ea338974, .pickup-code-desc.data-v-ea338974 { display: block; } .pickup-code-kicker.data-v-ea338974 { font-size: 20rpx; letter-spacing: 4rpx; color: rgba(143, 118, 86, 0.82); } .pickup-code-title.data-v-ea338974 { margin-top: 12rpx; font-size: 30rpx; font-weight: 700; color: #1f2c28; } .pickup-code-status.data-v-ea338974 { display: inline-flex; align-items: center; justify-content: center; padding: 10rpx 20rpx; border-radius: 999rpx; background: rgba(210, 191, 156, 0.16); color: #244a3d; font-size: 22rpx; border: 1rpx solid rgba(255, 255, 255, 0.2); box-shadow: 0 10rpx 24rpx rgba(82, 101, 90, 0.08); border-color: rgba(210, 191, 156, 0.14); white-space: nowrap; } .pickup-code-status.used.data-v-ea338974 { display: inline-flex; align-items: center; justify-content: center; padding: 10rpx 20rpx; border-radius: 999rpx; background: rgba(182, 142, 154, 0.16); color: #244a3d; font-size: 22rpx; border: 1rpx solid rgba(255, 255, 255, 0.2); box-shadow: 0 10rpx 24rpx rgba(82, 101, 90, 0.08); border-color: rgba(182, 142, 154, 0.14); } .pickup-code-panel.data-v-ea338974 { display: flex; justify-content: center; margin-top: 28rpx; } .qr-frame.data-v-ea338974 { padding: 22rpx; border-radius: 40rpx; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 247, 0.98)); box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, 0.92), 0 20rpx 42rpx rgba(54, 77, 64, 0.08); } .qr-board.data-v-ea338974 { position: relative; width: 430rpx; height: 430rpx; padding: 18rpx; display: grid; grid-template-columns: repeat(29, 1fr); gap: 2rpx; border-radius: 28rpx; background: #ffffff; } .qr-cell.data-v-ea338974 { border-radius: 2rpx; background: white; } .qr-cell.filled.data-v-ea338974 { background: #111111; } .qr-center-badge.data-v-ea338974 { position: absolute; left: 50%; top: 50%; width: 86rpx; height: 86rpx; margin-left: -43rpx; margin-top: -43rpx; border-radius: 26rpx; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #ffffff, #f3f6f1); border: 8rpx solid #ffffff; box-shadow: 0 10rpx 24rpx rgba(54, 77, 64, 0.08); } .qr-center-text.data-v-ea338974 { font-size: 24rpx; font-weight: 700; letter-spacing: 4rpx; color: #244a3d; } .pickup-code-text.data-v-ea338974 { margin-top: 24rpx; text-align: center; font-size: 28rpx; font-weight: 700; letter-spacing: 4rpx; color: #244a3d; } .pickup-code-desc.data-v-ea338974 { margin-top: 14rpx; text-align: center; font-size: 23rpx; line-height: 1.8; color: #5f6d65; }