$header-height: calc(var(--status-bar-height) + 90rpx);
							 | 
						|
								$app-height: calc(var(--status-bar-height) + 70rpx);
							 | 
						|
								$header-app-height: calc(var(--status-bar-height) + 170rpx);
							 | 
						|
								
							 | 
						|
								.se {
							 | 
						|
								  &-layout {
							 | 
						|
								    &-has-header {
							 | 
						|
								      padding-top: $header-height;
							 | 
						|
								    }
							 | 
						|
								
							 | 
						|
								    &:has(.se-app) {
							 | 
						|
								      padding-top: $header-app-height;
							 | 
						|
								
							 | 
						|
								      .se-header {
							 | 
						|
								        height: 100rpx;
							 | 
						|
								        padding-top: 0;
							 | 
						|
								        top: 70rpx;
							 | 
						|
								      }
							 | 
						|
								    }
							 | 
						|
								  }
							 | 
						|
								
							 | 
						|
								  &-page {
							 | 
						|
								    padding: 20rpx;
							 | 
						|
								  }
							 | 
						|
								
							 | 
						|
								  &-header {
							 | 
						|
								    width: 100%;
							 | 
						|
								    height: $header-height;
							 | 
						|
								    padding-top: var(--status-bar-height);
							 | 
						|
								    position: fixed;
							 | 
						|
								    left: 0;
							 | 
						|
								    top: 0;
							 | 
						|
								    z-index: 9;
							 | 
						|
								  }
							 | 
						|
								
							 | 
						|
								  &-app {
							 | 
						|
								    width: 100%;
							 | 
						|
								    height: $app-height;
							 | 
						|
								    padding-top: var(--status-bar-height);
							 | 
						|
								    position: fixed;
							 | 
						|
								    left: 0;
							 | 
						|
								    top: 0;
							 | 
						|
								    z-index: 9;
							 | 
						|
								  }
							 | 
						|
								}
							 |