| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- /* 基础容器 */
- .login-container.data-v-d08ef7d4 { width: 100%; min-height: 100vh; background: #fff; position: relative; display: flex; flex-direction: column;
- }
- .gradient-bg.data-v-d08ef7d4 { position: absolute; top: 0; left: 0; right: 0; height: 600rpx; background: linear-gradient(180deg, rgba(193, 0, 28, 0.12) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1;
- }
- .content-wrapper.data-v-d08ef7d4 { position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column; padding: 0 80rpx; box-sizing: border-box;
- }
- .logo-section.data-v-d08ef7d4 { display: flex; flex-direction: column; align-items: center; margin-top: 360rpx; margin-bottom: 120rpx;
- }
- .logo-outer.data-v-d08ef7d4 { width: 200rpx; height: 200rpx; background: #fff; border-radius: 48rpx; box-shadow: 0 40rpx 80rpx rgba(193, 0, 28, 0.35), 0 10rpx 30rpx rgba(0, 0, 0, 0.1), inset 0 4rpx 10rpx rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 40rpx;
- }
- .logo-img.data-v-d08ef7d4 { width: 100%; height: 100%;
- }
- .app-title.data-v-d08ef7d4 { font-size: 48rpx; font-weight: bold; color: #1a1a1a; letter-spacing: 2rpx;
- }
- .app-subtitle.data-v-d08ef7d4 { font-size: 26rpx; color: #999; margin-top: 10rpx; letter-spacing: 6rpx;
- }
- .main-btn.data-v-d08ef7d4 { width: 100%; height: 100rpx; background: linear-gradient(135deg, #C1001C 0%, #FF4D4F 100%); border-radius: 50rpx; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: bold; box-shadow: 0 12rpx 30rpx rgba(193, 0, 28, 0.2); border: none; margin-bottom: 40rpx;
- }
- .btn-icon.data-v-d08ef7d4 { width: 48rpx; height: 48rpx; margin-right: 16rpx;
- }
- .agreement-text.data-v-d08ef7d4 { font-size: 24rpx; color: #999;
- }
- .link.data-v-d08ef7d4 { color: #C1001C; margin: 0 4rpx; font-weight: 500;
- }
- .footer-section.data-v-d08ef7d4 { margin-top: auto; padding-bottom: 60rpx; text-align: center; font-size: 20rpx; color: #dcdcdc;
- }
- /* 弹窗通用基础 */
- .global-mask.data-v-d08ef7d4 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 998;
- }
- .center-card.data-v-d08ef7d4 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 620rpx; background: #fff; border-radius: 32rpx; z-index: 1000; box-shadow: 0 30rpx 80rpx rgba(0,0,0,0.15); padding: 50rpx 40rpx; display: flex; flex-direction: column;
- }
- .bottom-pop.data-v-d08ef7d4 { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 40rpx 40rpx 0 0; z-index: 1001; padding: 40rpx; padding-bottom: calc(50rpx + env(safe-area-inset-bottom)); box-shadow: 0 -10rpx 40rpx rgba(0,0,0,0.05);
- }
- /* 按钮对齐辅助 */
- button.data-v-d08ef7d4 { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: normal !important;
- }
- button.data-v-d08ef7d4::after { border: none;
- }
- /* 协议拦截弹窗 */
- .card-title.data-v-d08ef7d4 { font-size: 38rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx;
- }
- .card-body.data-v-d08ef7d4 { font-size: 28rpx; color: #666; line-height: 1.6; text-align: center; margin-bottom: 50rpx;
- }
- .card-footer-btns.data-v-d08ef7d4 { display: flex; gap: 24rpx;
- }
- .btn-item.data-v-d08ef7d4 { flex: 1; height: 90rpx; border-radius: 45rpx; font-size: 30rpx; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center; line-height: 90rpx;
- }
- .btn-item.cancel.data-v-d08ef7d4 { background: #f8f8f8; color: #999;
- }
- .btn-item.agree.data-v-d08ef7d4 { background: #C1001C; color: #fff; font-weight: bold;
- }
- /* 协议内容弹窗专项修复 */
- .p-pop-header.data-v-d08ef7d4 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx;
- }
- .p-pop-title.data-v-d08ef7d4 { font-size: 36rpx; font-weight: bold; color: #1a1a1a;
- }
- .p-pop-close.data-v-d08ef7d4 { font-size: 48rpx; color: #ccc; padding: 10rpx;
- }
- .p-pop-scroll.data-v-d08ef7d4 { max-height: 55vh; margin-bottom: 30rpx;
- }
- .rich-text-wrapper.data-v-d08ef7d4 { padding: 10rpx 0; color: #444; font-size: 28rpx;
- }
- .p-pop-footer.data-v-d08ef7d4 { padding-top: 20rpx;
- }
- .p-pop-btn.data-v-d08ef7d4 { width: 100%; height: 90rpx; background: #C1001C; color: #fff; border-radius: 45rpx; font-size: 30rpx; font-weight: bold;
- }
- /* 头像授权弹窗 */
- .pop-header-bar.data-v-d08ef7d4 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60rpx;
- }
- .pop-cancel.data-v-d08ef7d4 { font-size: 30rpx; color: #999;
- }
- .pop-main-title.data-v-d08ef7d4 { font-size: 32rpx; font-weight: bold;
- }
- .pop-done.data-v-d08ef7d4 { font-size: 30rpx; color: #C1001C; font-weight: bold;
- }
- .profile-edit-content.data-v-d08ef7d4 { display: flex; flex-direction: column; align-items: center;
- }
- .avatar-wrapper-btn.data-v-d08ef7d4 {
- width: 170rpx; height: 170rpx; border-radius: 85rpx; background: #f8f8f8;
- position: relative; margin-bottom: 24rpx; padding: 0 !important; overflow: visible;
- display: flex !important; align-items: center; justify-content: center;
- border: none;
- }
- .current-avatar.data-v-d08ef7d4 { width: 100%; height: 100%; border-radius: 85rpx; border: 4rpx solid #fff; box-shadow: 0 4rpx 15rpx rgba(0,0,0,0.05);
- }
- .camera-icon.data-v-d08ef7d4 {
- position: absolute; bottom: 0; right: 0; background: #fff; width: 56rpx; height: 56rpx;
- border-radius: 28rpx; display: flex; align-items: center; justify-content: center;
- box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.12); z-index: 5;
- }
- .camera-icon image.data-v-d08ef7d4 { width: 30rpx; height: 30rpx;
- }
- .edit-hint.data-v-d08ef7d4 { font-size: 24rpx; color: #999; margin-bottom: 70rpx; width: 100%; text-align: center; display: block;
- }
- .nickname-edit-box.data-v-d08ef7d4 { width: 100%; display: flex; align-items: center; padding: 36rpx 0; border-top: 1rpx solid #f0f0f0; border-bottom: 1rpx solid #f0f0f0; margin-bottom: 40rpx;
- }
- .nickname-edit-box .label.data-v-d08ef7d4 { width: 130rpx; font-size: 32rpx;
- }
- .nickname-input.data-v-d08ef7d4 { flex: 1; font-size: 32rpx;
- }
- .notice-text.data-v-d08ef7d4 { font-size: 24rpx; color: #bfbfbf; text-align: center; display: block; margin-bottom: 60rpx;
- }
- .confirm-btn-fixed.data-v-d08ef7d4 { width: 100%; height: 96rpx; background: #C1001C; color: #fff; border-radius: 16rpx; font-size: 32rpx; font-weight: bold;
- }
- /* 手机号授权弹窗 */
- .p-header.data-v-d08ef7d4 { display: flex; align-items: center; margin-bottom: 50rpx;
- }
- .p-mini-logo.data-v-d08ef7d4 { width: 44rpx; height: 44rpx; border-radius: 8rpx; margin-right: 16rpx;
- }
- .p-app-name.data-v-d08ef7d4 { font-size: 28rpx; color: #7f7f7f;
- }
- .p-title.data-v-d08ef7d4 { font-size: 40rpx; font-weight: bold; color: #000; margin-bottom: 44rpx; display: block;
- }
- .p-number-card.data-v-d08ef7d4 { background: #fbfbfb; padding: 36rpx; border-radius: 20rpx; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; border: 1rpx solid #f0f0f0;
- }
- .p-real-num.data-v-d08ef7d4 { font-size: 36rpx; font-weight: bold; color: #1a1a1a; display: block;
- }
- .p-num-hint.data-v-d08ef7d4 { font-size: 24rpx; color: #999;
- }
- .p-other-link.data-v-d08ef7d4 { font-size: 28rpx; color: #576b95; display: block; margin-bottom: 60rpx;
- }
- .p-footer-btns.data-v-d08ef7d4 { display: flex; gap: 30rpx;
- }
- .p-btn-fixed.data-v-d08ef7d4 { flex: 1; height: 96rpx; border-radius: 16rpx; font-size: 32rpx; border: none;
- }
- .p-deny.data-v-d08ef7d4 { background: #f2f2f2; color: #C1001C;
- }
- .p-allow.data-v-d08ef7d4 { background: #C1001C; color: #fff; font-weight: bold;
- }
|