/* Temporary proxy delivery; the native Vue notice takes over on release. */
body > .mxg-launch-notice {
  display: none;
}

body:has(.mp-home):not(:has(.mp-launch-notice)) > .mxg-launch-notice {
  position: fixed;
  inset: 0 0 auto;
  z-index: 41;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  margin: 0;
  padding: 10px clamp(16px, 4vw, 48px);
  background: #f1eec0;
  color: #12110e;
  font: 600 14px/24px system-ui, -apple-system, 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  text-align: center;
}

.mp-home:not(:has(.mp-launch-notice)) .mp-topbar {
  top: 44px;
}

.mp-home:not(:has(.mp-launch-notice)) .mp-hero {
  padding-top: 148px;
}

.mxg-launch-notice__en,
html[lang^='en'] .mxg-launch-notice__zh {
  display: none;
}

html[lang^='en'] .mxg-launch-notice__en {
  display: inline;
}