body.task-login {
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  background-color: #07111f !important;
  background-image: url("alvin-mail-bg.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: scroll !important;
}

body.task-login #layout,
body.task-login #layout-content {
  background-color: transparent !important;
}

/* 窄桌面窗口完整铺开海报，避免 cover 裁掉左右品牌与功能信息。 */
@media (min-width: 701px) and (max-aspect-ratio: 16/9) {
  body.task-login {
    background-position: center center !important;
    background-size: 100% 100% !important;
  }
}

/* 竖屏手机聚焦左侧邮件云图形；同时兼容被应用固定为较宽布局视口的浏览器。 */
@media (max-width: 700px),
  (max-device-width: 700px),
  (hover: none) and (pointer: coarse) {
  body.task-login {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    background-position: 10% center !important;
    background-size: auto 100dvh !important;
    background-attachment: scroll !important;
  }

  body.task-login #layout-content {
    width: min(100%, 430px) !important;
    margin-inline: auto !important;
    padding-inline: 16px !important;
  }
}