$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;
  }
}