1 line
6.6 KiB
Plaintext
1 line
6.6 KiB
Plaintext
.product-page{padding:0 32rpx 512rpx}.page-header{margin-bottom:24rpx;padding:0 24rpx 24rpx;position:relative;z-index:10}.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:80rpx;-webkit-justify-content:center;justify-content:center;left:30rpx;position:fixed;width:80rpx;z-index:41}.back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.back-arrow{color:var(--text-primary);font-size:44rpx;font-weight:600;line-height:1}.nav-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:600;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:80rpx}.hero-section{width:100%}.hero-swiper{height:560rpx}.hero-block{background:var(--bg-muted);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);height:100%;overflow:hidden;position:relative}.hero-image{height:100%;width:100%}.hero-block-fallback{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(290deg,var(--accent-primary-strong),var(--accent-secondary));background:linear-gradient(160deg,var(--accent-primary-strong),var(--accent-secondary));display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.hero-fallback-icon{height:140rpx;margin-bottom:24rpx;width:140rpx}.detail-card{margin-top:24rpx;padding:32rpx}.price-line{-ms-flex-align:end;-ms-flex-pack:justify;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between}.price-left{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.detail-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;line-height:1.3}.detail-desc{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4;margin-top:8rpx}.price-right{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;text-align:right}.price{color:var(--accent-primary);display:block;font-size:40rpx;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.price-old{color:var(--text-muted);display:block;font-size:24rpx;font-variant-numeric:tabular-nums;margin-top:6rpx;text-decoration:line-through}.spec-row{-ms-flex-align:start;-ms-flex-pack:justify;-webkit-align-items:flex-start;align-items:flex-start;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}.spec-row:last-child{border-bottom:none;padding-bottom:0}.spec-key{color:var(--text-secondary);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:26rpx}.spec-value{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:26rpx;font-weight:600;text-align:right;word-break:break-all}.detail-card .section-title{font-size:32rpx;font-weight:700;margin-bottom:24rpx}.detail-text{color:var(--text-secondary);display:block;font-size:28rpx;line-height:1.8}.bottom-action-bar{gap:20rpx;padding-left:32rpx;padding-right:32rpx}.bottom-action-bar .price-summary{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.summary-label{color:var(--text-secondary);display:block;font-size:22rpx}.summary-price{color:var(--accent-primary);display:block;font-size:36rpx;font-variant-numeric:tabular-nums;font-weight:700}.summary-original{color:var(--text-muted);display:block;font-size:22rpx;font-variant-numeric:tabular-nums;margin-top:2rpx;text-decoration:line-through}.bottom-action-bar .btn-primary,.bottom-action-bar .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;line-height:1.2;padding:28rpx 0;text-align:center}.modal-overlay{-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;padding:48rpx;z-index:1000}.modal-card{max-width:640rpx;padding:40rpx;width:100%}.modal-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:24rpx;text-align:center}.modal-product{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:32rpx}.modal-icon-img{height:48rpx;width:48rpx}.modal-name{color:var(--text-primary);font-size:32rpx;font-weight:600}.quantity-row{-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:32rpx}.qty-label{color:var(--text-secondary);font-size:28rpx}.qty-control{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx}.qty-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:32rpx;font-weight:600;height:60rpx;-webkit-justify-content:center;justify-content:center;width:60rpx}.qty-num{color:var(--text-primary);font-size:32rpx;font-weight:700;min-width:48rpx;text-align:center}.modal-total{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-top:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx;padding-top:24rpx}.total-label{color:var(--text-secondary);font-size:28rpx}.total-price{color:var(--accent-primary);font-size:36rpx;font-variant-numeric:tabular-nums;font-weight:800}.modal-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.modal-actions .btn-primary,.modal-actions .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;padding:24rpx 0;text-align:center} |