page.data-v-c8dbafd8 { background: #1c0d0d; } .member-page.data-v-c8dbafd8 { position: relative; width: 100%; min-height: 100vh; overflow: hidden; background: #f23f3e; } .member-bg.data-v-c8dbafd8 { position: absolute; inset: 0; width: 100%; height: 100%; } .page-overlay.data-v-c8dbafd8 { position: relative; min-height: 100vh; } .back-btn.data-v-c8dbafd8 { position: fixed; left: 24rpx; width: 72rpx; height: 72rpx; border-radius: 36rpx; background: #f23f3e; display: flex; align-items: center; justify-content: center; z-index: 10; } .back-arrow.data-v-c8dbafd8 { color: #ffffff; font-size: 52rpx; line-height: 1; margin-top: -4rpx; } .action-wrap.data-v-c8dbafd8 { position: fixed; left: 0; right: 0; bottom: 0; padding-left: 32rpx; padding-right: 32rpx; } .agreement-row.data-v-c8dbafd8 { display: flex; justify-content: center; align-items: center; margin-bottom: 24rpx; padding-left: 8rpx; } .agreement-check.data-v-c8dbafd8 { width: 34rpx; height: 34rpx; border-radius: 50%; border: 2rpx solid rgba(255, 255, 255, 0.85); display: flex; align-items: center; justify-content: center; margin-right: 16rpx; background: rgba(255, 255, 255, 0.08); flex-shrink: 0; } .agreement-check--active.data-v-c8dbafd8 { background: #f8e2b7; border-color: #f8e2b7; } .agreement-check-icon.data-v-c8dbafd8 { font-size: 22rpx; font-weight: 700; color: #8b4b17; line-height: 1; } .agreement-text.data-v-c8dbafd8 { font-size: 26rpx; color: #ffffff; line-height: 1.6; } .agreement-link.data-v-c8dbafd8 { color: #ffffff; text-decoration: underline; margin-left: 4rpx; } .open-btn.data-v-c8dbafd8 { height: 96rpx; border-radius: 48rpx; background: linear-gradient(135deg, #f8e2b7 0%, #d8b06b 100%); color: #6b2b10; font-size: 32rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 16rpx 32rpx rgba(0, 0, 0, 0.18); } .open-btn--disabled.data-v-c8dbafd8 { background: linear-gradient(135deg, rgba(248, 226, 183, 0.55) 0%, rgba(216, 176, 107, 0.55) 100%); color: rgba(107, 43, 16, 0.7); box-shadow: none; }