@charset "UTF-8"; /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ .topbar.data-v-92bb8f34 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28rpx; } .brand-name.data-v-92bb8f34 { display: block; font-size: 42rpx; font-weight: 700; letter-spacing: 2rpx; } .brand-subtitle.data-v-92bb8f34 { display: block; margin-top: 10rpx; font-size: 24rpx; color: #5f6d65; } .hero-card.data-v-92bb8f34 { position: relative; overflow: hidden; margin-bottom: 28rpx; padding: 42rpx; min-height: 420rpx; } .hero-card.data-v-92bb8f34::after { content: ""; position: absolute; right: -84rpx; top: 8rpx; width: 420rpx; height: 420rpx; border-radius: 50%; background: radial-gradient(circle, rgba(100, 140, 118, 0.045), rgba(100, 140, 118, 0)); z-index: 0; } .hero-card.data-v-92bb8f34::before { content: ""; position: absolute; right: 0; top: 76rpx; width: 250rpx; height: 250rpx; border-radius: 50%; border: 2rpx solid rgba(100, 140, 118, 0.038); z-index: 1; } .hero-copy.data-v-92bb8f34 { position: relative; z-index: 3; max-width: 100%; padding-right: 36rpx; } .hero-tag.data-v-92bb8f34 { display: inline-block; margin-bottom: 18rpx; font-size: 20rpx; letter-spacing: 3rpx; color: #648c76; } .hero-title.data-v-92bb8f34 { display: block; font-size: 62rpx; line-height: 1.15; font-weight: 700; color: #1f2c28; white-space: nowrap; } .hero-desc.data-v-92bb8f34 { display: block; margin-top: 20rpx; color: #5f6d65; font-size: 28rpx; line-height: 1.7; max-width: 100%; } .hero-art-wrap.data-v-92bb8f34 { position: absolute; right: -118rpx; top: -8rpx; z-index: 1; width: 460rpx; height: 460rpx; border-radius: 50%; overflow: hidden; opacity: 0.085; pointer-events: none; -webkit-filter: saturate(0.72) brightness(1.04); filter: saturate(0.72) brightness(1.04); } .hero-art-wrap.data-v-92bb8f34::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 34% 40%, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.1) 44%, rgba(255, 255, 255, 0)); } .hero-art.data-v-92bb8f34 { width: 520rpx; height: 520rpx; margin-left: -66rpx; margin-top: -34rpx; -webkit-transform: rotate(-12deg) scale(1.06); transform: rotate(-12deg) scale(1.06); } .quick-grid.data-v-92bb8f34 { position: relative; z-index: 3; display: flex; justify-content: space-between; margin-top: 36rpx; } .quick-item.data-v-92bb8f34 { background: rgba(253, 255, 252, 0.8); 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); width: calc((100% - 24rpx) / 3); padding: 28rpx 20rpx; border-radius: 28rpx; } .quick-icon.data-v-92bb8f34 { position: relative; width: 72rpx; height: 72rpx; border-radius: 50%; background: rgba(210, 191, 156, 0.18); border: 1rpx solid rgba(210, 191, 156, 0.18); } .quick-icon.leaf.data-v-92bb8f34 { background: rgba(182, 142, 154, 0.14); border-color: rgba(182, 142, 154, 0.16); } .quick-icon.wave.data-v-92bb8f34 { background: rgba(175, 194, 181, 0.18); border-color: rgba(100, 140, 118, 0.12); } .icon-core.data-v-92bb8f34 { position: absolute; left: 50%; top: 50%; width: 22rpx; height: 22rpx; margin-left: -11rpx; margin-top: -11rpx; border-radius: 50%; background: #244a3d; } .quick-icon.leaf.data-v-92bb8f34::before, .quick-icon.wave.data-v-92bb8f34::before, .quick-icon.wave.data-v-92bb8f34::after, .quick-icon.orb.data-v-92bb8f34::before { content: ""; position: absolute; } .quick-icon.orb.data-v-92bb8f34::before { width: 42rpx; height: 42rpx; left: 15rpx; top: 15rpx; border-radius: 50%; border: 3rpx solid rgba(36, 74, 61, 0.3); } .quick-icon.leaf.data-v-92bb8f34::before { width: 26rpx; height: 40rpx; left: 24rpx; top: 16rpx; border-radius: 50% 0 50% 0; background: rgba(36, 74, 61, 0.22); -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } .quick-icon.wave.data-v-92bb8f34::before, .quick-icon.wave.data-v-92bb8f34::after { width: 18rpx; height: 18rpx; border: 3rpx solid rgba(36, 74, 61, 0.28); border-left: 0; border-bottom: 0; border-radius: 0 18rpx 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .quick-icon.wave.data-v-92bb8f34::before { left: 19rpx; top: 28rpx; } .quick-icon.wave.data-v-92bb8f34::after { left: 35rpx; top: 20rpx; } .quick-title.data-v-92bb8f34 { display: block; margin-top: 20rpx; font-size: 28rpx; font-weight: 600; } .quick-subtitle.data-v-92bb8f34 { display: block; margin-top: 8rpx; font-size: 22rpx; line-height: 1.5; color: #5f6d65; } .section-block.data-v-92bb8f34 { margin-bottom: 28rpx; } .record-card.data-v-92bb8f34 { padding: 34rpx; } .record-status-row.data-v-92bb8f34, .store-headline.data-v-92bb8f34, .store-meta-row.data-v-92bb8f34, .store-actions.data-v-92bb8f34 { display: flex; align-items: center; justify-content: space-between; } .record-status.data-v-92bb8f34 { display: inline-flex; align-items: center; justify-content: center; padding: 10rpx 20rpx; border-radius: 999rpx; background: rgba(210, 191, 156, 0.18); 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); font-weight: 600; } .record-time.data-v-92bb8f34, .record-store.data-v-92bb8f34, .store-address.data-v-92bb8f34, .store-meta.data-v-92bb8f34, .meta-label.data-v-92bb8f34 { font-size: 24rpx; color: #5f6d65; } .record-store.data-v-92bb8f34 { display: block; margin: 20rpx 0 22rpx; font-size: 34rpx; line-height: 1.4; font-weight: 700; color: #1f2c28; } .record-meta-panel.data-v-92bb8f34 { display: flex; justify-content: space-between; padding: 22rpx 24rpx; border-radius: 28rpx; background: rgba(210, 191, 156, 0.1); box-shadow: 0 18rpx 44rpx rgba(54, 77, 64, 0.08); } .record-meta-item.data-v-92bb8f34 { width: 48%; } .meta-label.data-v-92bb8f34, .meta-value.data-v-92bb8f34 { display: block; } .meta-value.data-v-92bb8f34 { margin-top: 8rpx; font-size: 28rpx; font-weight: 600; color: #244a3d; } .store-card.data-v-92bb8f34 { overflow: hidden; margin-bottom: 24rpx; padding: 0; } .store-cover.data-v-92bb8f34 { position: relative; height: 240rpx; padding: 28rpx; color: #fff; } .store-cover-image.data-v-92bb8f34, .store-cover-overlay.data-v-92bb8f34 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .store-cover-overlay.data-v-92bb8f34 { background: linear-gradient(120deg, rgba(36, 74, 61, 0.18), rgba(36, 74, 61, 0.5)); } .store-cover-badge.data-v-92bb8f34, .store-cover-title.data-v-92bb8f34 { position: relative; z-index: 2; } .store-cover-badge.data-v-92bb8f34 { 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); } .store-cover-title.data-v-92bb8f34 { position: absolute; left: 28rpx; right: 28rpx; bottom: 28rpx; font-size: 38rpx; line-height: 1.35; font-weight: 700; } .store-body.data-v-92bb8f34 { padding: 30rpx; } .store-name.data-v-92bb8f34 { font-size: 32rpx; font-weight: 700; } .store-distance.data-v-92bb8f34 { font-size: 24rpx; color: #d2bf9c; font-weight: 600; } .store-address.data-v-92bb8f34 { display: block; margin: 14rpx 0; line-height: 1.6; } .store-actions.data-v-92bb8f34 { margin-top: 26rpx; } .mini-button.data-v-92bb8f34 { width: calc((100% - 24rpx) / 3); height: 72rpx; border-radius: 24rpx; display: flex; align-items: center; justify-content: center; font-size: 24rpx; font-weight: 500; background: rgba(100, 140, 118, 0.08); color: #244a3d; } .primary-mini.data-v-92bb8f34 { color: #fff; background: #244a3d; border: 1rpx solid rgba(210, 191, 156, 0.22); box-shadow: 0 10rpx 24rpx rgba(82, 101, 90, 0.08); }