.page-container { height: 100vh; display: flex; flex-direction: column; background: #f5f6fb; } .scroll-view { flex: 1; height: 0; } .content-wrapper { padding: 32rpx; background: #f5f6fb; min-height: 100%; } .card { background: #ffffff; border-radius: 24rpx; padding: 32rpx; box-shadow: 0 16rpx 40rpx rgba(37, 52, 94, 0.08); margin-bottom: 32rpx; } .pool-header-section { margin-bottom: 24rpx; } .pool-header { display: flex; align-items: center; margin-bottom: 12rpx; } .pool-icon { font-size: 32rpx; margin-right: 12rpx; } .pool-title { font-size: 32rpx; font-weight: 600; color: #222222; } .pool-desc { font-size: 26rpx; color: #666a7f; } .pool-card { padding: 32rpx; } .locked-content { display: flex; flex-direction: column; align-items: center; padding: 60rpx 0 40rpx; } .lock-icon-wrapper { margin-bottom: 32rpx; } .lock-icon { font-size: 80rpx; } .lock-text { font-size: 28rpx; color: #222222; margin-bottom: 16rpx; text-align: center; } .lock-desc { font-size: 24rpx; color: #9ca2b5; margin-bottom: 48rpx; text-align: center; line-height: 1.6; } .unlock-button { width: 100%; background: linear-gradient(135deg, #5d55e8, #7568ff); border-radius: 16rpx; padding: 28rpx 0; text-align: center; box-shadow: 0 12rpx 24rpx rgba(93, 85, 232, 0.4); } .unlock-button-text { font-size: 30rpx; font-weight: 600; color: #ffffff; } .unlocked-content { margin-top: 32rpx; } .unlocked-tip { font-size: 26rpx; color: #3abf81; margin-bottom: 24rpx; display: block; } .stock-item { display: flex; justify-content: space-between; align-items: center; padding: 24rpx 0; border-bottom: 1rpx solid #f1f2f6; } .stock-item:last-child { border-bottom: none; } .stock-info { flex: 1; } .stock-name-row { display: flex; align-items: center; } .stock-name { font-size: 28rpx; font-weight: 600; color: #222222; margin-right: 16rpx; } .stock-code { font-size: 24rpx; color: #9ca2b5; } .stock-right { display: flex; align-items: center; } .action-btn { width: 56rpx; height: 56rpx; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15); } .buy-btn { background: linear-gradient(135deg, #5d55e8, #7568ff); } .action-icon { font-size: 32rpx; font-weight: 700; color: #ffffff; } .bottom-safe-area { height: 80rpx; }