@charset "UTF-8"; /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ .subpage-content.data-v-47bf0baf { padding-bottom: calc(96rpx + env(safe-area-inset-bottom)) !important; } .subpage-nav.data-v-47bf0baf { display: flex; align-items: center; margin-bottom: 28rpx; } .subpage-back.data-v-47bf0baf { width: 72rpx; height: 72rpx; margin-right: 20rpx; border-radius: 24rpx; display: flex; align-items: center; justify-content: center; font-size: 42rpx; color: #244a3d; background: rgba(255, 255, 255, 0.84); box-shadow: 0 18rpx 44rpx rgba(54, 77, 64, 0.08); transition: box-shadow 260ms ease, -webkit-transform 260ms cubic-bezier(0.22, 1, 0.36, 1); transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms ease; transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms ease, -webkit-transform 260ms cubic-bezier(0.22, 1, 0.36, 1); } .subpage-back.data-v-47bf0baf:active { -webkit-transform: scale(0.95); transform: scale(0.95); box-shadow: 0 12rpx 26rpx rgba(54, 77, 64, 0.08); } .subpage-title-wrap.data-v-47bf0baf { flex: 1; } .subpage-title.data-v-47bf0baf { display: block; font-size: 44rpx; font-weight: 700; color: #1f2c28; } .subpage-subtitle.data-v-47bf0baf { display: block; margin-top: 10rpx; font-size: 24rpx; color: #5f6d65; line-height: 1.7; } .subpage-card.data-v-47bf0baf { background: rgba(253, 255, 252, 0.9); border: 1rpx solid rgba(255, 255, 255, 0.8); border-radius: 36rpx; box-shadow: 0 24rpx 64rpx rgba(54, 77, 64, 0.1); border-color: rgba(210, 191, 156, 0.16); padding: 34rpx; margin-bottom: 24rpx; transition: box-shadow 320ms ease, border-color 320ms ease, -webkit-transform 320ms cubic-bezier(0.22, 1, 0.36, 1); transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 320ms ease, border-color 320ms ease; transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 320ms ease, border-color 320ms ease, -webkit-transform 320ms cubic-bezier(0.22, 1, 0.36, 1); } .subpage-card.data-v-47bf0baf:active { -webkit-transform: translateY(2rpx) scale(0.996); transform: translateY(2rpx) scale(0.996); box-shadow: 0 18rpx 36rpx rgba(54, 77, 64, 0.08); } .subpage-hero.data-v-47bf0baf { position: relative; overflow: hidden; padding: 36rpx; margin-bottom: 28rpx; transition: box-shadow 360ms ease, -webkit-transform 360ms cubic-bezier(0.22, 1, 0.36, 1); transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 360ms ease; transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 360ms ease, -webkit-transform 360ms cubic-bezier(0.22, 1, 0.36, 1); } .subpage-hero.data-v-47bf0baf:active { -webkit-transform: translateY(-4rpx); transform: translateY(-4rpx); box-shadow: 0 22rpx 42rpx rgba(54, 77, 64, 0.1); } .subpage-hero.data-v-47bf0baf::before { content: ""; position: absolute; right: -80rpx; top: -24rpx; width: 300rpx; height: 300rpx; border-radius: 50%; background: radial-gradient(circle, rgba(100, 140, 118, 0.055), rgba(100, 140, 118, 0)); -webkit-animation: lfFloatSoft 10.8s ease-in-out infinite; animation: lfFloatSoft 10.8s ease-in-out infinite; } .subpage-hero.data-v-47bf0baf::after { content: ""; position: absolute; right: 26rpx; top: 36rpx; width: 168rpx; height: 168rpx; border-radius: 50%; border: 2rpx solid rgba(210, 191, 156, 0.12); -webkit-animation: lfPulseSoft 8.4s ease-in-out infinite; animation: lfPulseSoft 8.4s ease-in-out infinite; } .hero-kicker.data-v-47bf0baf { position: relative; z-index: 2; display: inline-block; font-size: 20rpx; letter-spacing: 4rpx; color: rgba(143, 118, 86, 0.82); -webkit-animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.08s both; animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.08s both; } .hero-title.data-v-47bf0baf { position: relative; z-index: 2; display: block; margin-top: 14rpx; font-size: 40rpx; line-height: 1.35; font-weight: 700; -webkit-animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both; animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both; } .hero-desc.data-v-47bf0baf { position: relative; z-index: 2; display: block; margin-top: 14rpx; font-size: 24rpx; line-height: 1.8; color: #5f6d65; -webkit-animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.24s both; animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.24s both; } .meta-grid.data-v-47bf0baf { display: flex; flex-wrap: wrap; margin: 18rpx -8rpx 0; } .meta-pill.data-v-47bf0baf { margin: 8rpx; 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); transition: box-shadow 240ms ease, -webkit-transform 240ms ease; transition: transform 240ms ease, box-shadow 240ms ease; transition: transform 240ms ease, box-shadow 240ms ease, -webkit-transform 240ms ease; } .meta-pill.data-v-47bf0baf:active { -webkit-transform: scale(0.97); transform: scale(0.97); } .meta-pill.rose.data-v-47bf0baf { 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); } .info-list.data-v-47bf0baf { padding: 8rpx 0; } .info-row.data-v-47bf0baf { display: flex; justify-content: space-between; align-items: flex-start; padding: 18rpx 0; border-bottom: 1rpx solid rgba(100, 140, 118, 0.08); } .info-row.data-v-47bf0baf:last-child { border-bottom: 0; padding-bottom: 0; } .info-label.data-v-47bf0baf { width: 160rpx; font-size: 24rpx; color: #5f6d65; } .info-value.data-v-47bf0baf { flex: 1; text-align: right; font-size: 24rpx; line-height: 1.5; color: #1f2c28; font-weight: 400; } .section-gap.data-v-47bf0baf { margin-bottom: 28rpx; } .soft-panel.data-v-47bf0baf { padding: 24rpx; border-radius: 28rpx; background: rgba(210, 191, 156, 0.1); box-shadow: 0 18rpx 44rpx rgba(54, 77, 64, 0.08); transition: box-shadow 280ms ease, -webkit-transform 280ms ease; transition: transform 280ms ease, box-shadow 280ms ease; transition: transform 280ms ease, box-shadow 280ms ease, -webkit-transform 280ms ease; } .cta-row.data-v-47bf0baf { display: flex; gap: 18rpx; margin-top: 8rpx; -webkit-animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.18s both; animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.18s both; } .cta-row .primary-button.data-v-47bf0baf, .cta-row .secondary-button.data-v-47bf0baf { flex: 1; width: 0; min-width: 0; height: 92rpx; padding: 0 24rpx; justify-content: center; text-align: center; border-radius: 44rpx; } .cta-row .primary-button.data-v-47bf0baf { box-shadow: 0 24rpx 54rpx rgba(36, 74, 61, 0.16); } .cta-row .secondary-button.data-v-47bf0baf { background: rgba(255, 255, 255, 0.92); border-color: rgba(210, 191, 156, 0.24); box-shadow: 0 16rpx 34rpx rgba(54, 77, 64, 0.07); } .empty-tip.data-v-47bf0baf { text-align: center; font-size: 24rpx; color: #5f6d65; } .empty-card.data-v-47bf0baf { text-align: center; } .empty-title.data-v-47bf0baf, .empty-desc.data-v-47bf0baf { display: block; } .empty-title.data-v-47bf0baf { font-size: 32rpx; font-weight: 700; color: #1f2c28; } .empty-desc.data-v-47bf0baf { margin-top: 14rpx; font-size: 24rpx; line-height: 1.8; color: #5f6d65; } .empty-button.data-v-47bf0baf { width: 100%; margin-top: 28rpx; -webkit-animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both; animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both; } /* 统一二级/三级页面文字层级 */ .hero-kicker.data-v-47bf0baf, .address-kicker.data-v-47bf0baf, .wish-badge.data-v-47bf0baf, .auth-kicker.data-v-47bf0baf { font-size: 20rpx; letter-spacing: 4rpx; } .wish-name.data-v-47bf0baf, .order-name.data-v-47bf0baf, .address-main.data-v-47bf0baf, .setting-title.data-v-47bf0baf, .flow-title.data-v-47bf0baf, .panel-title.data-v-47bf0baf { font-size: 30rpx; line-height: 1.5; font-weight: 700; color: #1f2c28; } .wish-desc.data-v-47bf0baf, .product-desc.data-v-47bf0baf, .detail-copy.data-v-47bf0baf, .spec-item.data-v-47bf0baf, .address-detail.data-v-47bf0baf, .setting-desc.data-v-47bf0baf, .flow-desc.data-v-47bf0baf, .panel-desc.data-v-47bf0baf, .empty-desc.data-v-47bf0baf, .note-desc.data-v-47bf0baf { font-size: 24rpx; line-height: 1.8; color: #5f6d65; } .wish-price.data-v-47bf0baf, .order-amount.data-v-47bf0baf, .product-price.data-v-47bf0baf { font-weight: 700; color: #244a3d; } .product-card.data-v-47bf0baf { display: flex; padding: 28rpx; margin-bottom: 24rpx; } .product-art.data-v-47bf0baf { width: 180rpx; height: 180rpx; border-radius: 28rpx; flex-shrink: 0; position: relative; display: flex; align-items: center; justify-content: center; background: rgba(241, 246, 241, 0.96); border: 1rpx solid rgba(120, 146, 121, 0.14); box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, 0.65); overflow: hidden; } .product-art-ring.data-v-47bf0baf { width: 96rpx; height: 96rpx; border-radius: 50%; border: 1rpx solid rgba(120, 146, 121, 0.18); background: rgba(255, 255, 255, 0.45); -webkit-animation: lfPulseSoft 5.2s ease-in-out infinite; animation: lfPulseSoft 5.2s ease-in-out infinite; } .product-art-label.data-v-47bf0baf { position: absolute; font-size: 24rpx; letter-spacing: 4rpx; color: #244a3d; font-weight: 600; } .product-art.data-v-47bf0baf::before { content: ""; position: absolute; right: -30rpx; top: -30rpx; width: 120rpx; height: 120rpx; border-radius: 50%; background: radial-gradient(circle, rgba(210, 191, 156, 0.22), rgba(210, 191, 156, 0)); -webkit-animation: lfFloatSoft 9.8s ease-in-out infinite; animation: lfFloatSoft 9.8s ease-in-out infinite; } .product-copy.data-v-47bf0baf { flex: 1; margin-left: 22rpx; } .product-name.data-v-47bf0baf, .product-spec.data-v-47bf0baf, .product-qty.data-v-47bf0baf, .product-amount.data-v-47bf0baf { display: block; } .product-name.data-v-47bf0baf { font-size: 30rpx; line-height: 1.5; font-weight: 700; } .product-spec.data-v-47bf0baf, .product-qty.data-v-47bf0baf { margin-top: 14rpx; font-size: 24rpx; line-height: 1.7; color: #5f6d65; } .product-amount.data-v-47bf0baf { margin-top: 18rpx; font-size: 34rpx; font-weight: 700; color: #244a3d; }