1 line
6.3 KiB
Plaintext
1 line
6.3 KiB
Plaintext
.checkout-page{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx calc(48rpx + env(safe-area-inset-bottom))}.page-header{margin-bottom:24rpx;padding:0}.page-header-inner{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;min-height:88rpx}.back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.nav-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-placeholder{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.checkout-canvas{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:24rpx;padding:32rpx}.canvas-area{background:var(--bg-input);border:1rpx solid var(--border-strong);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;overflow:hidden;position:relative}.checkout-image{left:0;max-height:100%;max-width:100%;position:absolute;top:0}.checkout-address-card,.checkout-info{margin-bottom:24rpx;padding:32rpx}.card-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:24rpx}.info-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;padding:24rpx 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-secondary);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:28rpx}.info-value{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:500;text-align:right;word-break:break-all}.total-row{margin-top:8rpx;padding-top:24rpx}.info-total{color:var(--accent-primary);font-size:40rpx;font-variant-numeric:tabular-nums;font-weight:800}.checkout-address-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16rpx}.checkout-address-header .card-title{margin-bottom:0}.address-change{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-secondary-soft);border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:56rpx;padding:0 24rpx}.change-text{color:var(--accent-secondary);font-size:24rpx;font-weight:500}.checkout-address-body{padding-top:8rpx}.addr-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-name{color:var(--text-primary);font-size:32rpx;font-weight:700}.addr-phone{color:var(--text-secondary);font-size:24rpx}.addr-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.checkout-address-empty{padding:32rpx 0;text-align:center}.empty-text{color:var(--text-secondary);font-size:28rpx}.addr-picker-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx}.addr-picker-title{color:var(--text-primary);font-size:36rpx;font-weight:700}.addr-picker-close{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:50%;color:var(--text-secondary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:28rpx;height:64rpx;-webkit-justify-content:center;justify-content:center;width:64rpx}.addr-picker-list{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.addr-picker-item{border:1rpx solid transparent;border-radius:16rpx;padding:24rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease}.addr-picker-item + .addr-picker-item{margin-top:16rpx}.addr-picker-item.active{background:var(--accent-primary-soft);border-color:var(--accent-primary)}.addr-picker-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-picker-name{color:var(--text-primary);font-size:30rpx;font-weight:700}.addr-picker-phone{color:var(--text-secondary);font-size:24rpx}.addr-picker-default{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-primary-soft);border-radius:999rpx;color:var(--accent-primary);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:20rpx;font-weight:600;height:40rpx;padding:0 16rpx}.addr-picker-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.addr-picker-empty{color:var(--text-secondary);font-size:28rpx;padding:48rpx 32rpx;text-align:center}.addr-picker-add{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:96rpx;-webkit-justify-content:center;justify-content:center;margin-top:24rpx}.addr-picker-add-text{color:var(--accent-secondary);font-size:28rpx;font-weight:600}.bottom-action-bar .btn-primary,.bottom-action-bar .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx;font-weight:600;-webkit-justify-content:center;justify-content:center;min-height:96rpx;padding:0} |