/* ═════ 启动页样式 ═════ */ .splash { position: relative; width: 100%; height: 100vh; overflow: hidden; } .splash-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .splash-slogan { position: absolute; top: 200rpx; left: 0; right: 0; text-align: center; color: #FFFFFF; } .splash-slogan text { display: block; font-size: 44rpx; font-weight: 600; line-height: 1.6; } .splash-bottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 64rpx 96rpx; box-sizing: border-box; } .brand-row { display: flex; align-items: center; margin-bottom: 32rpx; } .brand-logo { height: 48rpx; margin-right: 16rpx; } .brand-text { color: #FFFFFF; font-size: 32rpx; font-weight: 600; } /* ─── 隐私授权弹窗 ─── */ .privacy-row { display: flex; align-items: center; margin-bottom: 32rpx; } .checkbox { width: 36rpx; height: 36rpx; border: 2rpx solid #E5E5E5; border-radius: 50%; margin-right: 16rpx; box-sizing: border-box; position: relative; } .checkbox.checked { background: #F5F078; border-color: #F5F078; } .checkbox.checked::after { content: ''; position: absolute; left: 10rpx; top: 6rpx; width: 8rpx; height: 14rpx; border-right: 4rpx solid #282828; border-bottom: 4rpx solid #282828; transform: rotate(45deg); } .privacy-text { font-size: 26rpx; color: #4A4A4A; } .privacy-link { color: #282828; text-decoration: underline; } .popup-btn { width: 100%; } /* ─── 隐私协议全文弹层 ─── */ .overlay-policy { padding: 0; } .policy-page { position: relative; width: 100%; height: 100%; background: #FFFFFF; } .policy-back { position: absolute; top: 24rpx; left: 24rpx; z-index: 2; width: 64rpx; height: 64rpx; line-height: 56rpx; font-size: 56rpx; color: #282828; background: none; padding: 0; } .policy-back::after { border: none; } .policy-scroll { height: 100%; box-sizing: border-box; padding: 96rpx 40rpx 64rpx; } .policy-title { font-size: 36rpx; font-weight: 700; margin-bottom: 40rpx; } .policy-h2 { font-size: 30rpx; font-weight: 600; margin: 40rpx 0 16rpx; } .policy-p { font-size: 26rpx; color: #4A4A4A; line-height: 1.8; margin-bottom: 16rpx; } .policy-end { text-align: center; color: #868686; font-size: 24rpx; margin: 48rpx 0; } .account-links { display: flex; justify-content: center; gap: 40rpx; color: #fff; margin-top: 24rpx; font-size: 24rpx; } .splash-slogan { top: 10.7%; } .splash-slogan text { font-size: 44rpx; line-height: 1.4; } .brand-row { justify-content: center; } .brand-logo { width: 450rpx; height: 52rpx; margin: 0; } .camera-debug-entry { position: absolute; z-index: 2; top: 24rpx; right: 24rpx; padding: 16rpx 24rpx; border-radius: 16rpx; color: #fff; background: rgba(0,0,0,.65); font-size: 24rpx; } .mvp-debug-entry { top: 100rpx; }