1 line
6.3 KiB
Plaintext
1 line
6.3 KiB
Plaintext
.shop-detail-page{background:#1c1612;bottom:0;left:0;position:fixed;right:0;top:0}.shop-hero-fixed{height:65vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.shop-hero-clip{bottom:0;left:0;position:absolute;right:0;top:0;will-change:height,transform}.shop-hero-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;will-change:top}.shop-hero-overlay{bottom:0;height:55%;left:0;pointer-events:none;position:absolute;right:0}.shop-hero-info{bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8rpx;left:0;padding:80rpx 40rpx 24rpx;position:absolute;right:0;z-index:2}.shop-hero-title{color:#f0e6d8;font-size:40rpx;font-weight:700;line-height:1.3}.shop-hero-subtitle{color:#b0a395;font-size:22rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-hero-price-row{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-top:6rpx}.shop-hero-price{color:#ff9a9e;font-size:44rpx;font-weight:700}.shop-hero-original{color:#8a7e72;font-size:26rpx;text-decoration:line-through}.shop-scroll{position:relative;z-index:3}.shop-content{min-height:100vh;will-change:transform}.shop-band{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10rpx;padding:40rpx 40rpx 32rpx;position:-webkit-sticky;position:sticky;top:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;will-change:opacity;z-index:4}.shop-band-title{color:#f0e6d8;font-size:44rpx;font-weight:700;line-height:1.3}.shop-band-subtitle{color:#b0a395;font-size:24rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-band-price-row{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-top:6rpx}.shop-band-price{color:#ff9a9e;font-size:48rpx;font-weight:700}.shop-band-original{color:#8a7e72;font-size:26rpx;text-decoration:line-through}.shop-detail-body{padding:32rpx 40rpx 60rpx;will-change:opacity,transform}.shop-section{margin-bottom:32rpx}.shop-section-title{color:#f0e6d8;display:block;font-size:34rpx;font-weight:700;margin:28rpx 0 20rpx;padding-left:20rpx;position:relative}.shop-section-title::before{background:-webkit-gradient(linear,left top,left bottom,from(#ff9a9e),to(#fecfef));background:-webkit-linear-gradient(top,#ff9a9e,#fecfef);background:linear-gradient(180deg,#ff9a9e,#fecfef);border-radius:4rpx;bottom:6rpx;content:"";left:0;position:absolute;top:6rpx;width:6rpx}.shop-section-text{color:#c4b8a8;display:block;font-size:28rpx;line-height:1.75}.shop-divider{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.08)),to(transparent));background:-webkit-linear-gradient(left,transparent,hsla(0,0%,100%,.08),transparent);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);height:2rpx;margin:40rpx 0}.shop-tag-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx;margin:20rpx 0}.shop-tag{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(255,154,158,.12);border:1rpx solid rgba(255,154,158,.2);border-radius:40rpx;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:22rpx;font-weight:500;-webkit-justify-content:center;justify-content:center;padding:10rpx 28rpx}.shop-tag-text{color:#ff9a9e}.shop-spec-table{border-collapse:collapse;border-radius:16rpx;font-size:26rpx;overflow:hidden;width:100%}.shop-spec-row{border-bottom:1rpx solid hsla(0,0%,100%,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20rpx 24rpx}.shop-spec-row:last-child{border-bottom:none}.shop-spec-key{color:#8a7e72;font-size:24rpx;font-weight:500;width:35%}.shop-spec-val{color:#e8e0d6;-webkit-flex:1;-ms-flex:1;flex:1;word-break:break-all}.shop-bottom-spacer{height:200rpx}.shop-back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(16rpx) saturate(1.4);-webkit-backdrop-filter:blur(16rpx) saturate(1.4);background:rgba(0,0,0,.35);border:1rpx solid hsla(0,0%,100%,.12);border-radius:50%;-webkit-box-shadow:0 2rpx 16rpx rgba(0,0,0,.25);box-shadow:0 2rpx 16rpx rgba(0,0,0,.25);display:-webkit-flex;display:-ms-flexbox;display:flex;height:80rpx;-webkit-justify-content:center;justify-content:center;left:24rpx;position:fixed;top:calc(env(safe-area-inset-top, 20rpx) + 20rpx);-webkit-transition:opacity .2s ease,-webkit-transform .15s ease;transition:opacity .2s ease,-webkit-transform .15s ease;transition:opacity .2s ease,transform .15s ease;transition:opacity .2s ease,transform .15s ease,-webkit-transform .15s ease;width:80rpx;z-index:50}.shop-back-btn:active{-webkit-transform:scale(.92);-ms-transform:scale(.92);transform:scale(.92)}.shop-back-arrow{color:hsla(0,0%,100%,.85);font-size:36rpx;line-height:1}.shop-cta-bar{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;backdrop-filter:blur(16rpx) saturate(1.2);-webkit-backdrop-filter:blur(16rpx) saturate(1.2);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;left:0;padding:20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom, 0rpx));position:fixed;right:0;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;z-index:60}.shop-cta-price-col{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12rpx}.shop-cta-price{color:#ff9a9e;font-size:40rpx;font-weight:700}.shop-cta-original{color:#8a7e72;font-size:24rpx;text-decoration:line-through}.shop-cta-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,#ff9a9e,#fecfef 99%);background:linear-gradient(135deg,#ff9a9e,#fecfef 99%);border-radius:50rpx;color:#5c3a3a;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;max-width:260rpx;padding:24rpx 48rpx;text-align:center}.shop-cta-btn-text{color:inherit;font-weight:600} |