@charset "UTF-8"; /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ /* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */ .login-content.data-v-b237504c { min-height: calc(100vh - 25px - env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: center; padding-top: calc(25px + 28rpx); padding-bottom: calc(28rpx + env(safe-area-inset-bottom)); } .login-main.data-v-b237504c { width: 100%; -webkit-transform: translateY(-52rpx); transform: translateY(-52rpx); } .safe-bottom-space.data-v-b237504c { display: none; } .auth-card.data-v-b237504c { position: relative; overflow: hidden; margin-bottom: 28rpx; border-color: rgba(210, 191, 156, 0.24); box-shadow: 0 30rpx 78rpx rgba(40, 63, 52, 0.12); } .welcome-block.data-v-b237504c { position: relative; min-height: 110rpx; margin-bottom: 14rpx; } .welcome-ornament.data-v-b237504c { position: absolute; left: 0; top: 22rpx; width: 28rpx; display: flex; flex-direction: column; align-items: center; z-index: 2; } .ornament-dot.data-v-b237504c { width: 8rpx; height: 8rpx; border-radius: 50%; background: rgba(210, 191, 156, 0.92); box-shadow: 0 0 0 10rpx rgba(210, 191, 156, 0.08); } .ornament-line.data-v-b237504c { width: 2rpx; height: 52rpx; margin-top: 14rpx; border-radius: 999rpx; background: rgba(182, 142, 154, 0.22); } .welcome-copy.data-v-b237504c, .auth-head.data-v-b237504c, .field-list.data-v-b237504c, .agreement-row.data-v-b237504c, .login-button.data-v-b237504c, .secondary-actions.data-v-b237504c { position: relative; z-index: 2; } .welcome-copy.data-v-b237504c { position: relative; z-index: 2; padding: 8rpx 0 0 38rpx; } .welcome-title.data-v-b237504c { display: block; font-size: 36rpx; line-height: 1.34; font-weight: 700; color: #1f2c28; letter-spacing: 1rpx; text-shadow: 0 10rpx 24rpx rgba(36, 74, 61, 0.05); white-space: nowrap; } .welcome-subline.data-v-b237504c { display: flex; align-items: center; margin-top: 10rpx; } .welcome-subtitle.data-v-b237504c { font-size: 24rpx; line-height: 1.6; color: rgba(95, 109, 101, 0.8); letter-spacing: 10rpx; } .subline-stroke.data-v-b237504c { width: 44rpx; height: 2rpx; margin-right: 16rpx; border-radius: 999rpx; background: rgba(210, 191, 156, 0.72); } .subline-dot.data-v-b237504c { width: 6rpx; height: 6rpx; margin-left: 14rpx; border-radius: 50%; background: rgba(182, 142, 154, 0.48); } .auth-card.data-v-b237504c { padding: 48rpx 36rpx 40rpx; background: rgba(253, 255, 252, 0.94); } .auth-card.data-v-b237504c::before { content: ""; position: absolute; right: -80rpx; bottom: -70rpx; width: 260rpx; height: 260rpx; border-radius: 50%; background: rgba(100, 140, 118, 0.045); } .auth-card.data-v-b237504c::after { content: ""; position: absolute; left: 26rpx; right: 26rpx; top: 18rpx; height: 1rpx; background: rgba(255, 255, 255, 0.82); } .auth-kicker.data-v-b237504c { display: inline-block; margin-bottom: 16rpx; font-size: 20rpx; font-weight: 600; letter-spacing: 5rpx; color: rgba(143, 118, 86, 0.82); } .auth-title.data-v-b237504c { display: block; font-size: 40rpx; font-weight: 700; color: #1f2c28; letter-spacing: 1.5rpx; } .auth-subtitle.data-v-b237504c { display: block; margin-top: 16rpx; font-size: 23rpx; line-height: 1.8; color: rgba(95, 109, 101, 0.78); letter-spacing: 1rpx; } .field-list.data-v-b237504c { margin-top: 38rpx; } .field-stack + .field-stack.data-v-b237504c { margin-top: 18rpx; } .field-item.data-v-b237504c { display: flex; align-items: center; min-height: 108rpx; padding: 0 26rpx; border-radius: 32rpx; background: rgba(255, 255, 255, 0.92); border: 1rpx solid rgba(210, 191, 156, 0.2); box-shadow: 0 18rpx 40rpx rgba(54, 77, 64, 0.06); } .field-main.data-v-b237504c { flex: 1; display: flex; align-items: center; } .field-icon.data-v-b237504c { position: relative; width: 62rpx; height: 62rpx; border-radius: 22rpx; margin-right: 20rpx; } .phone-icon.data-v-b237504c { background: rgba(100, 140, 118, 0.12); box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, 0.4); } .code-icon.data-v-b237504c { background: rgba(210, 191, 156, 0.16); box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, 0.4); } .phone-core.data-v-b237504c { position: absolute; left: 20rpx; top: 12rpx; width: 24rpx; height: 38rpx; border: 3rpx solid #244a3d; border-radius: 10rpx; } .phone-core.data-v-b237504c::after { content: ""; position: absolute; left: 50%; bottom: 4rpx; width: 8rpx; height: 8rpx; margin-left: -4rpx; border-radius: 50%; background: #244a3d; } .code-core.data-v-b237504c { position: absolute; left: 16rpx; top: 18rpx; width: 32rpx; height: 24rpx; border-radius: 8rpx; border: 3rpx solid #8f7656; } .code-core.data-v-b237504c::before, .code-core.data-v-b237504c::after { content: ""; position: absolute; top: 50%; width: 6rpx; height: 6rpx; margin-top: -3rpx; border-radius: 50%; background: #8f7656; } .code-core.data-v-b237504c::before { left: 6rpx; box-shadow: 10rpx 0 0 #8f7656, 20rpx 0 0 #8f7656; } .field-input.data-v-b237504c { flex: 1; height: 108rpx; font-size: 28rpx; font-weight: 500; letter-spacing: 1rpx; color: #1f2c28; } .field-placeholder.data-v-b237504c { color: rgba(141, 153, 146, 0.88); } .code-item.data-v-b237504c { justify-content: space-between; } .code-button.data-v-b237504c { min-width: 156rpx; height: 70rpx; padding: 0 22rpx; border-radius: 999rpx; display: flex; align-items: center; justify-content: center; font-size: 24rpx; font-weight: 600; color: #33594b; background: rgba(100, 140, 118, 0.1); border: 1rpx solid rgba(210, 191, 156, 0.18); box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, 0.4); } .code-button.disabled.data-v-b237504c { color: #8d9992; background: rgba(145, 166, 154, 0.12); } .agreement-row.data-v-b237504c { display: flex; align-items: center; margin-top: 30rpx; } .agree-box.data-v-b237504c { width: 34rpx; height: 34rpx; border-radius: 12rpx; border: 1rpx solid rgba(210, 191, 156, 0.32); background: rgba(210, 191, 156, 0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .agree-box.active.data-v-b237504c { border-color: rgba(100, 140, 118, 0.42); background: rgba(100, 140, 118, 0.16); } .agree-mark.data-v-b237504c { font-size: 22rpx; color: #244a3d; line-height: 1; } .agreement-text.data-v-b237504c { margin-left: 14rpx; font-size: 23rpx; line-height: 1.8; color: rgba(95, 109, 101, 0.76); } .login-button.data-v-b237504c { width: 100%; margin-top: 34rpx; height: 96rpx; letter-spacing: 6rpx; border-color: rgba(210, 191, 156, 0.22); box-shadow: 0 28rpx 58rpx rgba(36, 74, 61, 0.18); } .login-button.disabled.data-v-b237504c { opacity: 0.5; box-shadow: none; } .secondary-actions.data-v-b237504c { display: flex; flex-direction: column; align-items: center; margin-top: 22rpx; } .secondary-ghost.data-v-b237504c { display: inline-flex; align-items: center; justify-content: center; height: 84rpx; padding: 0 30rpx; border-radius: 42rpx; color: #244a3d; font-size: 26rpx; font-weight: 600; letter-spacing: 2rpx; background: rgba(255, 255, 255, 0.9); border: 1rpx solid rgba(210, 191, 156, 0.22); box-shadow: 0 14rpx 30rpx rgba(54, 77, 64, 0.08); width: 100%; height: 88rpx; padding: 0 30rpx; border-color: rgba(210, 191, 156, 0.26); background: rgba(255, 255, 255, 0.9); box-shadow: 0 16rpx 34rpx rgba(54, 77, 64, 0.06); } .secondary-ghost-text.data-v-b237504c { margin-left: 14rpx; letter-spacing: 3rpx; } .wechat-icon.data-v-b237504c { position: relative; width: 44rpx; height: 34rpx; } .wechat-bubble.data-v-b237504c { position: absolute; border-radius: 50%; background: #5b8f74; } .wechat-bubble.data-v-b237504c::after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; } .bubble-main.data-v-b237504c { left: 0; top: 2rpx; width: 28rpx; height: 24rpx; } .bubble-main.data-v-b237504c::after { left: 6rpx; bottom: -5rpx; border-width: 6rpx 6rpx 0 2rpx; border-color: #5b8f74 transparent transparent transparent; } .bubble-sub.data-v-b237504c { right: 0; top: 0; width: 24rpx; height: 20rpx; background: #7ca38f; } .bubble-sub.data-v-b237504c::after { right: 4rpx; bottom: -5rpx; border-width: 6rpx 2rpx 0 6rpx; border-color: #7ca38f transparent transparent transparent; } .secondary-text.data-v-b237504c { margin-top: 26rpx; font-size: 23rpx; color: rgba(95, 109, 101, 0.72); letter-spacing: 3rpx; } .login-footer.data-v-b237504c { padding: 10rpx 10rpx 0 38rpx; } .footer-text.data-v-b237504c { font-size: 21rpx; color: rgba(141, 153, 146, 0.82); line-height: 1.9; letter-spacing: 2rpx; }