@charset "UTF-8"; /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ .subpage-content.data-v-5b2d53de { padding-bottom: calc(96rpx + env(safe-area-inset-bottom)) !important; } .subpage-nav.data-v-5b2d53de { display: flex; align-items: center; margin-bottom: 28rpx; } .subpage-back.data-v-5b2d53de { 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-5b2d53de: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-5b2d53de { flex: 1; } .subpage-title.data-v-5b2d53de { display: block; font-size: 44rpx; font-weight: 700; color: #1f2c28; } .subpage-subtitle.data-v-5b2d53de { display: block; margin-top: 10rpx; font-size: 24rpx; color: #5f6d65; line-height: 1.7; } .subpage-card.data-v-5b2d53de { 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-5b2d53de: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-5b2d53de { 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-5b2d53de:active { -webkit-transform: translateY(-4rpx); transform: translateY(-4rpx); box-shadow: 0 22rpx 42rpx rgba(54, 77, 64, 0.1); } .subpage-hero.data-v-5b2d53de::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-5b2d53de::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-5b2d53de { 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-5b2d53de { 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-5b2d53de { 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-5b2d53de { display: flex; flex-wrap: wrap; margin: 18rpx -8rpx 0; } .meta-pill.data-v-5b2d53de { 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-5b2d53de:active { -webkit-transform: scale(0.97); transform: scale(0.97); } .meta-pill.rose.data-v-5b2d53de { 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-5b2d53de { padding: 8rpx 0; } .info-row.data-v-5b2d53de { 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-5b2d53de:last-child { border-bottom: 0; padding-bottom: 0; } .info-label.data-v-5b2d53de { width: 160rpx; font-size: 24rpx; color: #5f6d65; } .info-value.data-v-5b2d53de { flex: 1; text-align: right; font-size: 24rpx; line-height: 1.5; color: #1f2c28; font-weight: 400; } .section-gap.data-v-5b2d53de { margin-bottom: 28rpx; } .soft-panel.data-v-5b2d53de { 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-5b2d53de { 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-5b2d53de, .cta-row .secondary-button.data-v-5b2d53de { 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-5b2d53de { box-shadow: 0 24rpx 54rpx rgba(36, 74, 61, 0.16); } .cta-row .secondary-button.data-v-5b2d53de { 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-5b2d53de { text-align: center; font-size: 24rpx; color: #5f6d65; } .empty-card.data-v-5b2d53de { text-align: center; } .empty-title.data-v-5b2d53de, .empty-desc.data-v-5b2d53de { display: block; } .empty-title.data-v-5b2d53de { font-size: 32rpx; font-weight: 700; color: #1f2c28; } .empty-desc.data-v-5b2d53de { margin-top: 14rpx; font-size: 24rpx; line-height: 1.8; color: #5f6d65; } .empty-button.data-v-5b2d53de { 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-5b2d53de, .address-kicker.data-v-5b2d53de, .wish-badge.data-v-5b2d53de, .auth-kicker.data-v-5b2d53de { font-size: 20rpx; letter-spacing: 4rpx; } .wish-name.data-v-5b2d53de, .order-name.data-v-5b2d53de, .address-main.data-v-5b2d53de, .setting-title.data-v-5b2d53de, .flow-title.data-v-5b2d53de, .panel-title.data-v-5b2d53de { font-size: 30rpx; line-height: 1.5; font-weight: 700; color: #1f2c28; } .wish-desc.data-v-5b2d53de, .product-desc.data-v-5b2d53de, .detail-copy.data-v-5b2d53de, .spec-item.data-v-5b2d53de, .address-detail.data-v-5b2d53de, .setting-desc.data-v-5b2d53de, .flow-desc.data-v-5b2d53de, .panel-desc.data-v-5b2d53de, .empty-desc.data-v-5b2d53de, .note-desc.data-v-5b2d53de { font-size: 24rpx; line-height: 1.8; color: #5f6d65; } .wish-price.data-v-5b2d53de, .order-amount.data-v-5b2d53de, .product-price.data-v-5b2d53de { font-weight: 700; color: #244a3d; } .setting-row.data-v-5b2d53de { display: flex; justify-content: space-between; gap: 20rpx; padding: 20rpx 0; border-bottom: 1rpx solid rgba(100, 140, 118, 0.08); transition: opacity 240ms ease, -webkit-transform 240ms ease; transition: transform 240ms ease, opacity 240ms ease; transition: transform 240ms ease, opacity 240ms ease, -webkit-transform 240ms ease; } .setting-row.data-v-5b2d53de:active { -webkit-transform: translateX(6rpx); transform: translateX(6rpx); } .setting-row.no-border.data-v-5b2d53de, .setting-row.data-v-5b2d53de:last-child { border-bottom: 0; } .setting-title.data-v-5b2d53de, .setting-desc.data-v-5b2d53de, .setting-state.data-v-5b2d53de { display: block; } .setting-title.data-v-5b2d53de { font-size: 28rpx; font-weight: 600; } .setting-desc.data-v-5b2d53de { margin-top: 10rpx; font-size: 23rpx; line-height: 1.7; color: #5f6d65; } .setting-state.data-v-5b2d53de { font-size: 24rpx; color: #d2bf9c; white-space: nowrap; }