@charset "UTF-8"; /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ .mall-header.data-v-c2a5b348 { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 28rpx; } .mall-title.data-v-c2a5b348 { display: block; font-size: 44rpx; font-weight: 700; } .mall-subtitle.data-v-c2a5b348 { display: block; margin-top: 10rpx; font-size: 24rpx; color: #5f6d65; line-height: 1.7; } .feature-card.data-v-c2a5b348 { position: relative; overflow: hidden; min-height: 260rpx; margin-bottom: 28rpx; padding: 34rpx; } .feature-card.data-v-c2a5b348::after { content: ""; position: absolute; right: -82rpx; top: -10rpx; width: 380rpx; height: 380rpx; border-radius: 50%; background: radial-gradient(circle, rgba(100, 140, 118, 0.04), rgba(100, 140, 118, 0)); z-index: 0; } .feature-card.data-v-c2a5b348::before { content: ""; position: absolute; right: 6rpx; top: 60rpx; width: 220rpx; height: 220rpx; border-radius: 50%; border: 2rpx solid rgba(100, 140, 118, 0.035); z-index: 1; } .feature-copy.data-v-c2a5b348 { position: relative; z-index: 3; max-width: 100%; padding-right: 36rpx; } .feature-tag.data-v-c2a5b348 { display: inline-block; font-size: 20rpx; letter-spacing: 3rpx; color: #648c76; } .feature-title.data-v-c2a5b348 { display: block; margin: 16rpx 0 12rpx; font-size: 40rpx; font-weight: 700; line-height: 1.35; } .feature-desc.data-v-c2a5b348 { display: block; font-size: 24rpx; color: #5f6d65; line-height: 1.8; } .feature-art-wrap.data-v-c2a5b348 { position: absolute; right: -118rpx; top: -34rpx; z-index: 1; width: 420rpx; height: 420rpx; border-radius: 50%; overflow: hidden; opacity: 0.08; pointer-events: none; } .feature-art-wrap.data-v-c2a5b348::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 34% 40%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.12) 44%, rgba(255, 255, 255, 0)); } .feature-art.data-v-c2a5b348 { width: 480rpx; height: 480rpx; margin-left: -38rpx; margin-top: -28rpx; -webkit-transform: rotate(-10deg) scale(1.04); transform: rotate(-10deg) scale(1.04); -webkit-filter: saturate(0.72) brightness(1.04); filter: saturate(0.72) brightness(1.04); } .search-card.data-v-c2a5b348 { background: rgba(253, 255, 252, 0.92); 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); display: flex; align-items: center; min-height: 92rpx; margin-bottom: 24rpx; padding: 0 26rpx; } .search-icon.data-v-c2a5b348 { position: relative; width: 36rpx; height: 36rpx; margin-right: 18rpx; border: 3rpx solid rgba(182, 142, 154, 0.42); border-radius: 50%; } .search-icon.data-v-c2a5b348::after { content: ""; position: absolute; width: 16rpx; height: 3rpx; right: -8rpx; bottom: 0; background: rgba(182, 142, 154, 0.42); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 999rpx; } .search-input.data-v-c2a5b348 { flex: 1; height: 92rpx; font-size: 26rpx; color: #1f2c28; } .search-placeholder.data-v-c2a5b348 { color: #8d9992; } .category-row.data-v-c2a5b348 { display: flex; flex-wrap: wrap; margin-bottom: 28rpx; } .category-chip.data-v-c2a5b348 { padding: 16rpx 28rpx; margin: 0 16rpx 16rpx 0; border-radius: 999rpx; font-size: 24rpx; color: #5f6d65; background: rgba(255, 255, 255, 0.8); border: 1rpx solid rgba(210, 191, 156, 0.14); } .category-chip.active.data-v-c2a5b348 { color: #fff; background: #244a3d; border-color: rgba(210, 191, 156, 0.22); box-shadow: 0 10rpx 24rpx rgba(82, 101, 90, 0.08); } .product-head.data-v-c2a5b348 { margin-bottom: 18rpx; } .waterfall.data-v-c2a5b348 { display: flex; justify-content: space-between; } .waterfall-col.data-v-c2a5b348 { width: calc((100% - 18rpx) / 2); } .product-card.data-v-c2a5b348 { background: rgba(253, 255, 252, 0.92); 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); overflow: hidden; margin-bottom: 20rpx; padding: 0; } .product-cover.data-v-c2a5b348 { position: relative; padding: 24rpx; color: #fff; } .product-photo.data-v-c2a5b348, .product-cover-mask.data-v-c2a5b348 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-cover-mask.data-v-c2a5b348 { background: linear-gradient(180deg, rgba(32, 53, 45, 0.02), rgba(32, 53, 45, 0.08) 56%, rgba(32, 53, 45, 0.36) 100%); } .product-badge.data-v-c2a5b348 { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; padding: 10rpx 20rpx; border-radius: 999rpx; background: rgba(255, 255, 255, 0.2); color: #fff; 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(255, 255, 255, 0.22); } .product-cover-title.data-v-c2a5b348 { position: absolute; left: 24rpx; right: 24rpx; bottom: 24rpx; z-index: 2; font-size: 34rpx; line-height: 1.35; font-weight: 700; } .product-body.data-v-c2a5b348 { padding: 24rpx; } .product-name.data-v-c2a5b348 { display: block; font-size: 30rpx; line-height: 1.45; font-weight: 700; } .product-tags.data-v-c2a5b348 { display: flex; flex-wrap: wrap; margin-top: 16rpx; } .product-tag.data-v-c2a5b348 { 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); margin: 0 12rpx 12rpx 0; font-size: 20rpx; padding: 8rpx 16rpx; } .product-tag.data-v-c2a5b348:nth-child(2) { 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); } .product-footer.data-v-c2a5b348 { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 12rpx; } .price-symbol.data-v-c2a5b348, .product-price.data-v-c2a5b348 { color: #244a3d; font-weight: 700; } .price-symbol.data-v-c2a5b348 { font-size: 22rpx; color: #d2bf9c; } .product-sales.data-v-c2a5b348 { color: #b68e9a; } .product-price.data-v-c2a5b348 { font-size: 38rpx; } .product-sales.data-v-c2a5b348 { font-size: 22rpx; color: #8d9992; } .empty-card.data-v-c2a5b348 { background: rgba(253, 255, 252, 0.94); 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: 40rpx 32rpx; text-align: center; } .empty-title.data-v-c2a5b348 { display: block; font-size: 30rpx; font-weight: 700; color: #1f2c28; } .empty-desc.data-v-c2a5b348 { display: block; margin-top: 12rpx; font-size: 24rpx; color: #5f6d65; }