.spec-panel-mask.data-v-c30573e9 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: flex; align-items: flex-end; } .spec-panel.data-v-c30573e9 { background: #fff; width: 100%; height: 85vh; border-radius: 24rpx 24rpx 0 0; display: flex; flex-direction: column; } .spec-panel__scroll.data-v-c30573e9 { flex: 1; padding: 32rpx 20rpx 0; overflow: hidden; } .spec-panel__loading.data-v-c30573e9 { text-align: center; padding: 60rpx 0; color: #999; font-size: 28rpx; } /* 规格分组 */ .spec-group.data-v-c30573e9 { margin-bottom: 32rpx; } .spec-group__label.data-v-c30573e9 { font-size: 30rpx; color: #333; font-weight: 600; margin-bottom: 20rpx; display: block; letter-spacing: 8rpx; } .spec-group__options.data-v-c30573e9 { display: flex; flex-wrap: wrap; gap: 16rpx; } .spec-option.data-v-c30573e9 { padding: 14rpx 32rpx; font-size: 26rpx; color: #333; background: #f5f5f5; border-radius: 8rpx; border: 2rpx solid #f5f5f5; } .spec-option--active.data-v-c30573e9 { color: #e91e63; background: #fce4ec; border-color: #e91e63; } /* 规格数据卡片 */ .spec-data-list.data-v-c30573e9 { padding-bottom: 20rpx; } .spec-data-card.data-v-c30573e9 { border: 2rpx solid #f0e0e0; width: 90%; border-radius: 16rpx; padding: 20rpx 16rpx; margin-bottom: 20rpx; background: #fff; } .spec-data-card--selected.data-v-c30573e9 { border-color: #e91e63; background: #fff5f7; } .spec-card__header.data-v-c30573e9 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16rpx; padding-bottom: 14rpx; border-bottom: 1rpx solid #f0f0f0; } .spec-card__title.data-v-c30573e9 { font-size: 26rpx; color: #333; font-weight: 600; flex-shrink: 0; } .spec-card__tags.data-v-c30573e9 { display: flex; gap: 8rpx; flex-wrap: wrap; justify-content: flex-end; } .spec-card__tag.data-v-c30573e9 { font-size: 20rpx; color: #e91e63; background: #fce4ec; padding: 4rpx 14rpx; border-radius: 6rpx; } .spec-card__grid.data-v-c30573e9 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rpx; background: #f5f5f5; border-radius: 8rpx; overflow: hidden; } .spec-card__cell.data-v-c30573e9 { background: #fff; display: flex; justify-content: space-between; align-items: center; padding: 14rpx 16rpx; } .spec-card__label.data-v-c30573e9 { font-size: 22rpx; color: #999; flex-shrink: 0; } .spec-card__value.data-v-c30573e9 { font-size: 22rpx; color: #333; font-weight: 500; margin-left: 8rpx; text-align: right; } .spec-card__footer.data-v-c30573e9 { display: flex; justify-content: flex-end; align-items: center; margin-top: 14rpx; padding-top: 14rpx; border-top: 1rpx solid #f0f0f0; gap: 12rpx; } .spec-card__total-label.data-v-c30573e9 { font-size: 26rpx; color: #e91e63; } .spec-card__total-price.data-v-c30573e9 { font-size: 34rpx; color: #e91e63; font-weight: bold; } /* 底部操作栏 */ .spec-panel__bottom.data-v-c30573e9 { padding: 20rpx 28rpx; padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05); } .spec-panel__cart-btn.data-v-c30573e9 { background: linear-gradient(to right, #FFB6C8, #FF6D9B); color: #fff; text-align: center; padding: 24rpx 0; border-radius: 44rpx; font-size: 30rpx; font-weight: 500; } .spec-panel__cart-btn--disabled.data-v-c30573e9 { background: linear-gradient(to right, #ddd, #ccc); }