/* 返回按钮 */ .back-button.data-v-cdfe2409 { position: absolute; top: 80rpx; left: 30rpx; z-index: 10; display: flex; align-items: center; padding: 12rpx 24rpx; background: rgba(255, 255, 255, 0.2); border-radius: 50rpx; backdrop-filter: blur(10rpx); } .back-icon.data-v-cdfe2409 { font-size: 32rpx; color: #fff; margin-right: 8rpx; font-weight: bold; } .back-text.data-v-cdfe2409 { font-size: 28rpx; color: #fff; } .login-container.data-v-cdfe2409 { min-height: 100vh; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40rpx; position: relative; overflow: hidden; } /* 背景装饰 */ .bg-decoration.data-v-cdfe2409 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .circle.data-v-cdfe2409 { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.1); } .circle-1.data-v-cdfe2409 { width: 400rpx; height: 400rpx; top: -100rpx; right: -100rpx; } .circle-2.data-v-cdfe2409 { width: 300rpx; height: 300rpx; bottom: -50rpx; left: -50rpx; } /* 头部 */ .header.data-v-cdfe2409 { display: flex; flex-direction: column; align-items: center; margin-bottom: 120rpx; z-index: 1; } .logo.data-v-cdfe2409 { width: 160rpx; height: 160rpx; margin-bottom: 40rpx; border-radius: 30rpx; background: #fff; box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.1); } .title.data-v-cdfe2409 { font-size: 48rpx; font-weight: bold; color: #fff; margin-bottom: 16rpx; } .subtitle.data-v-cdfe2409 { font-size: 28rpx; color: rgba(255, 255, 255, 0.8); } /* 登录按钮区域 */ .login-actions.data-v-cdfe2409 { width: 100%; z-index: 1; } .login-btn.data-v-cdfe2409 { width: 100%; height: 96rpx; border-radius: 48rpx; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: 500; margin-bottom: 40rpx; border: none; box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15); } .primary-btn.data-v-cdfe2409 { background: #fff; color: #667eea; } .btn-icon.data-v-cdfe2409 { font-size: 40rpx; margin-right: 16rpx; } .btn-text.data-v-cdfe2409 { font-size: 32rpx; } /* 用户协议 */ .agreement.data-v-cdfe2409 { margin-top: 60rpx; } .agreement-label.data-v-cdfe2409 { display: flex; align-items: flex-start; } .agreement-text.data-v-cdfe2409 { font-size: 24rpx; color: rgba(255, 255, 255, 0.9); line-height: 1.6; margin-left: 12rpx; } .link.data-v-cdfe2409 { color: #fff; text-decoration: underline; }