/* PC 登录页背景铺满视口。登录路由不在 TabLayout 内，没有 [data-shell]。 */
@media (min-width: 1280px) {
  html:not(:has([data-shell])) {
    background: #05040b;
  }

  html:not(:has([data-shell])) [data-login-page],
  html:not(:has([data-shell])) #root div:has(> aside[data-pc-only]) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 64px max(28px, calc((100vw - 1180px) / 2)) !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
  }

  html:not(:has([data-shell])) [data-login-bg],
  html:not(:has([data-shell])) [data-login-mask],
  html:not(:has([data-shell])) #root div:has(> aside[data-pc-only]) > i:nth-of-type(1),
  html:not(:has([data-shell])) #root div:has(> aside[data-pc-only]) > i:nth-of-type(2) {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    width: auto !important;
  }

  html:not(:has([data-shell])) [data-login-bg],
  html:not(:has([data-shell])) #root div:has(> aside[data-pc-only]) > i:nth-of-type(1) {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  html:not(:has([data-shell])) [data-login-mask],
  html:not(:has([data-shell])) #root div:has(> aside[data-pc-only]) > i:nth-of-type(2) {
    background: linear-gradient(
      180deg,
      rgba(10, 8, 23, 0.22) 0%,
      rgba(10, 8, 23, 0.48) 42%,
      rgba(10, 8, 23, 0.64) 100%
    ) !important;
  }
}