/* 四个代运营首屏共用底边留白；1920×1080 时按钮距底部 210px。 */
body.service-hero-aligned { --service-hero-scale: 1; }
.service-hero-aligned :is(.member-hero, .geo-hero, .page-first-screen) {
  box-sizing: border-box;
  height: calc(98px + 982px * var(--service-hero-scale));
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 98px 24px calc(210px * var(--service-hero-scale));
}
.service-hero-aligned .page-first-screen .screen-banner {
  height: auto;
  overflow: visible;
}
.service-hero-aligned .page-first-screen .screen-banner-info {
  width: 100%;
  max-width: calc(1600px * var(--service-hero-scale));
  margin: 0 auto;
}
.service-hero-aligned :is(.member-hero-coin, .geo-hero-artwork, .screen-banner-info-icon) {
  display: block;
  width: calc(300px * var(--service-hero-scale));
  height: calc(301px * var(--service-hero-scale));
  margin: 0 auto calc(60px * var(--service-hero-scale));
  object-fit: contain;
}
.service-hero-aligned .screen-banner-info-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service-hero-aligned .screen-banner-info-icon {
  width: calc(240px * var(--service-hero-scale));
  height: calc(241px * var(--service-hero-scale));
}
.service-hero-aligned :is(.member-hero-title, .geo-hero-title, .screen-banner-info h2) {
  margin: 0;
  line-height: calc(101px * var(--service-hero-scale));
}
.service-hero-aligned :is(.member-hero-description, .geo-hero-description, .screen-banner-info p) {
  margin: calc(12px * var(--service-hero-scale)) 0 0;
  line-height: calc(28px * var(--service-hero-scale));
}
.service-hero-aligned :is(.member-hero .member-actions, .geo-hero .geo-actions, .page-first-screen .page-button) {
  display: flex;
  justify-content: center;
  gap: calc(20px * var(--service-hero-scale));
  margin: calc(40px * var(--service-hero-scale)) 0 0;
}
.service-hero-aligned :is(.member-hero .member-actions button, .geo-hero .geo-actions button, .page-first-screen .page-button a) {
  box-sizing: border-box;
  width: calc(254px * var(--service-hero-scale));
  height: calc(68px * var(--service-hero-scale));
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1650px) {
  body.service-hero-aligned { --service-hero-scale: .86; }
}
@media (max-width: 1420px) {
  body.service-hero-aligned { --service-hero-scale: .73; }
}